uiGradients – Beautiful colored gradients

Next time you need a nice gradient background for your HTML, check out uiGradients. Great presentation and selection.

Web Design in 4 minutes

This is just lovely. In Web Design in 4 minutes, Jeremy Thomas takes us through the basics of web design by progressively enhancing the page as you read and click.

Recent Work: ShinnCustomCarving.com

This past week I put together a “one-page scroller” for Master Wood Carver, Bill Shinn. We started the project with me visiting Bill in his shop. There we setup a nice spread of his work, and I took several photos until I’d gotten the one we used as the feature image on the site: I […]

Resource Cards – Selected free resources for designers

Just in time for your next project: Resource Cards looks to be a great curated list of free resources.

WP Live.php – “livereload for WordPress”

I’m very used to using grunt-contrib-watch to “livereload” my browser while I’m developing a site. Today it occured to me the same feature would be nice to have when I’m building out a page inside WordPress. In other words, whenever I update a page or post inside my WordPress admin, I wanted the browser to automatically refresh the tab I’ve got open for the client-side. A quick Google search lead me to WP Live.php.

After installing the plugin in my development environment, I got back to work building a new page. Not having to refresh my browser every time I updated the page saved me several keystrokes over the course of my build.

I made an animated GIF to show you WP Live.php in action:

Hugo – A fast and modern static website engine

I love these things: Hugo is another static site generator programmed in Go. Introducing Hugo, a new idea around making website creation simple again. Hugo flexibly works with many formats and is ideal for blogs, docs, portfolios and much more. Hugo’s speed fosters creativity and makes building a website fun again. Source: Hugo :: A […]

Bloomberg Business – 404/500 Easter Eggs

Bloomberg Business launched a refresh of their site this week. What’s more, check out their 404 – Not Found and 500 – Internal Server Error pages to see their attention to every detail. The content of each of those pages is definitely not what I expected.

Material Palette

This one is fun to play with. Generate lovely material palettes with a couple of clicks: Material Palette

Readymag – A Web Publishing Tool for Designers

Readymag – a web publishing tool for designers: readymag.com Readymag is a web publishing tool for creating microsites, magazines, photo stories, portfolios, and presentations. They encourage you to “forget about code” and focus on your creative process.

Readymag gives you complete freedom over your creative process — you don’t have to think about any technical aspects. There are no limits and absolutely no coding. ~ Readymag – Tour

Formstone – thoughtfully crafted front-end components

A collection of thoughtfully crafted front-end components focused on simple implementation and easy customization. Because you already know how to style an H1. ~ Formstone

Dialog Effects

Lovely collection of Dialog Effects: tympanus.net/Development/DialogEffects #webdev #css

SlickMap CSS: A Visual Sitemapping Tool for Web Developers — Astuteo™

Need a quick visual sitemap? Try SlickMap CSS – www.astuteo.com/slickmap

SlickMap CSS is a simple stylesheet for displaying finished site maps directly from HTML unordered list navigation. It’s suitable for most web sites – accommodating up to three levels of page navigation and additional utility links – and can easily be customized to meet your own individual needs, branding, or style preferences. ~ SlickMap CSS

Everybody Scrolls.

UX designers are divided about how essential above-the-fold placement – that is, positioning so that users can see content without scrolling down – really is. Chartbeat found that “66% of attention on a normal media page is spent below the fold.” In contrast, the Nielsen Norman Group showed that “users spend 80% of their time looking above the fold.” We wanted to know how page design impacts these user behaviors and to what extent visual cues help users scroll below the fold. ~ Everybody Scrolls

FROONT – Responsive Web Design Tool

FROONT – Responsive Web Design Tool – a flexible tool for creating and collaborating on web design without code