Hey, I'm Umar. I like to share web development related tips on Twitter (@umaar) and also through Dev Tips which is a newsletter of developer tips in the form of gifs. Right now, it's all primarily Chrome DevTools related. Before we get started, thank you …
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.
Looking to take advantage of the srcset attribute or element, but don't want to store the different versions of each image? Looking to apply blurs to images that don't peg the browser? imgix can help.
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.
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.