You can follow along on Twitter or via the feed. Don't hesitate to get in touch. Sponsor the site.
Posts tagged with design.
PixFit is an easy-to-use utility for finding dimensions of objects on your screen.
A simple menu bar utility for OS X that lets you measure anything displayed on your monitor, either manually by dragging guidelines or automatically by clicking and letting PixFit guess what you’re measuring.
Design user interfaces collaboratively, online.
Gradient makes it easy to generate CSS3 background gradients. The retro sci-fi UI might not be to everyone’s taste, but in practice it’s simple to use, fast and reliable.
For those unfamiliar with CSS and wondering why you’d need a dedicated app for something as seemingly simple as a gradient, here’s the code required to get the grey-to-black fade shown above working across all the popular browsers:
background-color: #dbcfdb; background-image: -webkit-gradient(linear, left center, right center, to(rgb(219, 207, 219)), from(rgb(61, 61, 60))); background-image: -webkit-linear-gradient(left, rgb(219, 207, 219), rgb(61, 61, 60)); background-image: -moz-linear-gradient(left, rgb(219, 207, 219), rgb(61, 61, 60)); background-image: -o-linear-gradient(left, rgb(219, 207, 219), rgb(61, 61, 60)); background-image: -ms-linear-gradient(left, rgb(219, 207, 219), rgb(61, 61, 60)); background-image: linear-gradient(left, rgb(219, 207, 219), rgb(61, 61, 60)); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#dbcfdb', EndColorStr='#3d3d3c');
0to255 is a simple tool that helps web designers find variations of any color.
Holmes is stand-alone diagnostic CSS stylesheet that can highlight potentially invalid, inaccessible or erroneous HTML(5) markup by adding one class.
An out of the ordinary sponsor this week. David Krauser is a young designer trying to make a name for himself, and facing the classic freelancer’s Catch 22: without a portfolio it’s hard to find work, and without work it’s hard to build a portfolio.
So, David has come up with a plan: he’ll work on three design projects for one week, for free!
If you’re reading this site, there’s a good chance David’s aesthetic will appeal—for want of a better word, he’s a minimalist—and he also takes a ‘one thing well’ approach to his work, focusing his attention on one project at a time, and using free and open source tools for design and development. And, having hit ‘view source’ on of a couple of his projects, I can confirm that he writes clean, concise, standards-compliant HTML and CSS.
You can see his work at his homepage or at Fosstithe.org, a new site where you can pledge to donate a percentage of your income to free and open source projects.
If you have a site that could do with a design refresh, want a unique theme for your weblog, or need a logo for your business, either fill out the form at dkra.us or send David an email in the next 24 hours. You can also follow @davidkrauser on Twitter, where he’ll be posting about the projects he takes on.
Editors note: of course, if you like David’s work, there’s nothing stopping you ignoring the special offer and hiring him.
A menu bar utility that generates snippets of lorem ipsum.
Via 52Tiger
Plug in the details of your grid-based web design, download a PNG to use as a guide in Photoshop or as a CSS-set background while you develop your site.
Via Zeldman
Bored of lorem ipsum? Fillerati generates dummy text from classic texts.
mktemp made this clever little site which lets you share colourschemes.
I love the user interface: just add HEX colour codes to the URL, like so:
The CSS framework now has less fewer features and lets you easily design a responsive layout that works well on desktop, tablet and mobile devices.
