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.
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.
The following is guest post by Sara Soueidan. Sara is always doing wonderful creative work, and then does an equally wonderful job explaining all the ins and outs of how it was done with web tech. Here, she'll walk us through building a circular menu in what (should be) the simplest possible way.
Major performance gains are to be had from browser caching CSS. You ensure your server is set up to send headers that tell the browser to hang onto the CSS file for a given amount of time. It's a best-practice that many if not most sites are doing already.
Set yourself apart. Get better at what you do today and find out how you'll be doing your job in a year or two. An Event Apart—three days of design, code, and content for people who make websites—is where ideas like responsive design and mobile first were launched, and where this year’s attendees are already learning how grid layout, CSS shapes, and other advanced techniques will fundamentally change…well, everything. Don't miss it!
Office Hours is for live help with web design and development. When office hours are in session, you'll be able to talk directly to another human being about any problem you might be having with web design or development.
Say you have a time you'd like to display on your site. You've entered it in your time zone. You can always be specific and say something like: 3:00 PM Eastern Standard Time. Then leave it up to whoever is reading to convert it to their local time. Every Time Zone is a great site for that.
[W]hat we can learn about software development when we step away from our computers and into kitchens. When we step away from our computers and into newsrooms. When we step into chess tournaments. When we step into foreign languages classes. When we step onstage.
A visual and linked-up version of the template hierarchy. If you work on WordPress sites, it's good to know how everything kinda waterfalls down towards the index.php file. That file is what will be be used to render any page, unless there is a more specific one present. It looks complicated, but it allows you get pretty specific with your templating without having to do much other than plop a file in.
A cleverly illustrated website that takes a look at what happens after you enter a URL into the browser. This answers questions like what is a root server and what the heck is an IP address?
We've taken an in-depth look at how SVG line drawing works before. It's a clever trick where you use dashed lines for the stroke, but the gap in the dash is so long it covers the entire path. Then you can move it such that it covers the entire path again, which makes it appear as if it's drawing itself.
It requires and opt-in, so it's only as spammy as you let it be. I can imagine some pretty useful stuff: "Your bus is behind schedule", "You've got a new match", "Your website isn't responding"... things you want to know faster than …