Find resources that help you build lightning fast websites
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.
Tim Kadlec groups all the things you could measure in a performance budget into four groups:
I got a new iPhone 6 Plus. I'm still in the "Woah, it's (obnoxiously) big" phase. I'm getting a little used to it, but mostly I regret it. One-handed use is rough. The big screen isn't that useful to me. I predict (hope) this will seem like a weird embarrassing phase for iPhones a few years down the road.
Spikes are bad, and the general trend should be towards higher specificity later in the stylesheet.
Some bonafide CSS trickery from Will Boyd, like counted selected items and continuing a count across multiple sections.
a CSS-Tricks reader wrote to me with a layout question. A variety of elements need to be arranged in a horizontal bar. Some of fixed size, some vary, and one needs to take up the rest of the space. Flexbox is beautifully suited for this, so I explain with that.
It's weird. It's whimsical. It's light-hearted. It's soft'er'n'heck. Your mom will squint her eyes at you. It has a laptop with legs holding a floppy disk. It's designed by Jon Burgerman. I love it.
9 basic principles of responsive web design is a post from CSS-Tricks
The following is a guest post by Ryan Scherf. Ryan found a neat way to give avatars kind of rough, uneven, varied edges. Kinda like they were cut out with scissors by someone who wasn't very good at using scissors. What's nice is it's naturally a progressive enhancement technique and it can be done through just CSS.
Dash is a website that lets people quickly create real-time dashboards. There are dozens of pre-built widgets for services like Google Analytics, GitHub, Twitter, and Fitbit. Dash also has an API that allows you to share data from Dropbox or the web with custom widgets like Line Charts, Speedometers, or Do It Yourself (iframe). If you sign up for Dash today, your first dashboard is free forever.
The following is a guest post by Rob Levin. Rob is a Senior UI/UX Developer at Mavenlink, and coauthor of the Unicorn UI CSS Button Library. Their 2.0 release is using an SVG icon system, and here he shares some issues he's ran into along the way, and how you can watch out for them and fix them. Plus, Rob provides a full system you can use, including a working build process and demo.
I posted about jQuery UI's position feature years ago, but I was just thinking of how useful the collision detection part of that feature is. In a nutshell: you can position an element where you want them to go, but if it calculates that where you're putting it would be offscreen or otherwise hidden, it will adjust the positioning to fix it.
Firefox Developer Edition is a post from CSS-Tricks
Extract, a new Creative Cloud feature of the code editor Brackets, makes autocomplete way more powerful. Imagine if you had a specific layer selected in Photoshop, you're writing some CSS, and the color autocomplete suggested the fill color of that layer. Or …