Responsive Design Patterns
Through fluid grids and media query adjustments, responsive design enables Web page layouts to adapt to a variety of screen sizes. As more designers embrace thi...
Every blog post that took off on Hacker News, ranked by the votes of its best submission. 1,666 posts.
Through fluid grids and media query adjustments, responsive design enables Web page layouts to adapt to a variety of screen sizes. As more designers embrace thi...
From the highly eclectic blog of Mark Dominus
Jony Ive, at a talk I was fortunate to attend a few years ago (sorry, no linkable write-up exists): One of the things that’s interesting about design [is that] there’s a danger, particu…
You’re in the iPhone mail app, and you’re looking at your inbox, when a new email arrives. What happens?
Craft a mansion and uncover mysteries in this exceptional marriage of storytelling and roguelike mechanics.
— The personal website of Sara Soueidan, inclusive Web UI engineer
Cataphracts commanders: there is no actionable intelligence in this post. Read on. About two months ago, I reread several series on military
I spent last semester frantically putting together a course on D3.js for journalism students at the University of Miami at the same time as ...
Rebuilding Vox News featured section with modern CSS.
Using custom code, the natural curvature of each tree is "corrected." Manufactured objects, i.e. buildings and power lines, twist and contort around the artificially plumbed tree. Each photo is shot on large format film, the only medium that captures enough detail to straighten the tree without pixelly artifacts…
For a long while Dust was the world's most-played Counter-Strike map and it's still the one for which I am best known. Yet few players realise it was the product of thievery and luck...
One cold Friday in 1660, Samuel Pepys encountered two unpleasant surprises. "At home found all well," he wrote in his diary, "but the m...
Discover the power of JavaScript for your diagramming needs! Our comprehensive guide features over 20 top JavaScript libraries to create dynamic UML, ER, BPMN diagrams (or even your own types of models), and more, right in your browser.
💡 Author's note: This unpublished post was originally written in May 2012, and refreshed for publication in November 2022.
Three years ago, while playing Deus Ex: Mankind Divided , I noticed a nice little trick and tweeted about it – today is the day when I finally release it as an article. Do you guess, what’s this about?
One of my hobbies is using a pen plotter to make computer-generated drawings. If you really like them, you can buy one!
Here is Part 1 of 3 on a case study of the shot compositions from Pixar's film "The Incredibles, I'll go over how the relationships of all ...
Automatic hyphenation on the web has been possible since 2011 and is now broadly supported. There is however far more control available to designers than just turning on hyphens. Updated January 2023.
Reddit is a great website, where the ability to share and discuss things on the web gives some great little discoveries. Things that would ...
I have a pen-plotter! It’s great. It’s like having a printer but slow and it breaks more often. I got it on eBay and it came sorta broken and I immediately spent the difference between what I paid and the price of new one fixing it. Now it’s fixed!
Pain never felt this good
I spent last weekend making a GUI for rsync (and this past week tidying it up a bit) and I learned a lot about rsync, GUIs, design, power, control, and decisions around verbosity and freedom of choice versus simplicity and guidance/support, packaging, maintenance and support.
Notes about creative coding on the Web.