Jason Grigsby just wrapped up a 10-part series masterclass on responsive images. There is a table of contents at the bottom of each post for jumping around.
Welcome to THE ultimate resource for creatives. Up-to-the-minute updates from over 180 of your favorite design/dev/photo blogs around the web, all in one place... Stay a while!
We also contribute our own content to the design community. View our Original Posts.
The following is a guest post by Keith Knittel. Keith used a tutorial on this site to build his own customized file directory. I was like, hey, that oughta be a better-explained tutorial on this site. So here we are.
I think this API is surprising, and the front end engineers I've asked seem to agree with me. This is, however, not a bug; it's definitely how the spec claims it should work, and how it works in Firefox, Chrome and Safari.
The @ is a human readable and logical way of denoting conditional states. It allows developers to learn about any potential permutations or appearances that the piece of UI in question might have, just at a glance.
The following is a guest post by Ana Tudor. Ana tackles an interesting problem here: what happens when the stroke of an element grows it such that it appears cut off? Getting it to fit tightly again may seem like an exercise in guessing, checking, and magic numbers. But if you know Ana's work, you'll know she is uniquely qualified to teach us the math behind getting to the correct solution. She approaches it a number of different ways, …
And another big move for them: monitization through purchaseable themes designed by Bootstrap team themselves.
Joni Korpi on the redesign of his personal website, where he describes all the issues involving "zoomable user interfaces", or ZUIs. For example, clicking on a link will zoom into that particular element rather than cause a full page refresh.
The following is a guest post by TJ Fogarty. TJ pitched me some ideas for articles and I latched on to this one right away. I've heard this same sentiment from a few other people. Then on a bit of investigation, I can understand why. As you'll soon see, not only do you get a lovely syntax to work with while working with themes, but it separates concerns a bit better. It's almost like a normal theme file gets …
These are some of my favorites from conferences I've either been to lately, have watched online, or were recommended to me (in which case they aren't always super recent). I link up the playlist of videos from the conference the talk was at where I can, as your taste in talks may be different than mine.
Interesting that it's not about code or design (in a traditional sense). It's about writing and copy and tone and and that kind of thing. Distinctly different from their Patterns. Makes sense to me. There doesn't seem to be much consistency with naming on these things though. Looking through here, it seems most people think of "style guide" as a visual thing.
randomColor generates attractive colors by default. More specifically, randomColor produces bright colors with a reasonably high saturation. This makes randomColor particularly useful for data visualizations and generative art.
Tiffany Stoik wrote up how she created some really clever pixelated hover effects.
Wait, doesn't GitHub already have two desktop apps? If the same question crossed your mind when you first read that, then you are not alone. Yes, GitHub did have two desktop apps—one for Mac OS and one for Windows—but decided to unify them into a single app. Instead of GitHub for Mac and GitHub for Windows, we are now left with just GitHub Desktop.
There are many ways to make visual representations of data: bar charts, line graphs, scatter diagrams, sparklines... not to mention the many ways in which you can implement them on the web. In this post I'll be looking at plain CSS methods for styling data. But before we take a look at some examples, I think it's worth briefly going over our design goals first.