Web Design
Get flash to fully experience Pearltrees
How to draw the Adidas Originals logo with 100% CSS. No javascript! No images!
Firefox has performance issues with some of the CSS3 features that make this site awesome! But it will get there.
It’s the CEO’s job to email the first 1000 signups – The Startup Toolkit Blog
The second way to mess up is by forgetting common courtesy.Write your document with HTML and CSS, as you normally would. Use special HTML attributes to indicate variables . Write a little JavaScript to specify how your variables are calculated.
Tangle: a JavaScript library for reactive documents
350+ Free Textures - Web Design Blog - DesignM.ag - StumbleUpon
Subscribe: Take a Test-Drive of The Successful Web Designer to Discover How to Use The Best Web Design Tools on the Market Plus Increase Your Income to $125 (or More) per Hour.
Follow this walkthrough of coding up a graphical website layout into valid, standards compliant XHTML and CSS. Starting with the initial process of exporting the individual images from the Photoshop document through to building the complete page. In case you missed it, the first part of this tutorial, Create a Clean Modern Website Design in Photoshop went through the stages of producing the visual concept of the Pixel juice website.
How to Convert a Photoshop Mockup to XHTML/CSS
Create a Clean Modern Website Design in Photoshop
Build a complete website design mockup for a fictional design studio, starting with the creation of the initial layout then moving on to designing the individual page elements. The result is a modern, crisp and clean webpage layout ready for coding. Taking inspiration from various modern website designs, we’ll produce this clean and crisp website layout. Key features include horizontal bands to separate the content into specific areas; a colourful header area introducing the site; a friendly welcome message with examples of work; two-column main layout and a resource filled footer. Create a new document in Adobe Photoshop, I tend to make the size of the artwork similar to that of a common widescreen monitor to give a good representation of the overall look of the site. Begin with the creation of the header bar. I know what you’re thinking. “Did he just say 16 pixels? For body copy?
16 Pixels: For Body Copy. Anything Less Is A Costly Mistake - Smashing Magazine | Smashing Magazine
Mockups | Balsamiq
Why Balsamiq Mockups for wireframing? Using Mockups feels like drawing, but because it’s digital, you can tweak and rearrange easily. Teams can come up with a design and iterate over it in real-time in the course of a meeting. Product managers, designers, developers, and even clients can now work together in the same tool to quickly iterate over wireframes, before writing code. Read our Manifesto!Nick Farina - Git Is Simpler Than You Think
It was about one year ago that we switched to Git. Previously, we used Subversion, through the Mac app Versions , which (rightly) holds an Apple Design Award. I made the executive decision to leave our comfy world of Versions because it seemed clear that Git was winning the Internet.
kottke.org - home of fine hypertext products
I don't want to get into a discussion about whether Apple should be rejecting apps based on morality or what not, but there's no debating the fact this app created by Luciano Foglia features the filthiest behavior any of these geometric shapes have ever been involved in. I watched it and then I needed a shower. And now I'm uncomfortable around the kitchen floor tiles. OK, Internet, shut it down. We've had enough for the day. I recognize this news will be relevant and interesting to only a small percent of the Kottke population, but to those people, it is extremely and earthshatteringly relevant.
Lifehacker is making some changes to its comment system that will require you to log in with a Facebook, Google, or Twitter account. You must convert your account to one of these services in order to continue using your account. Converting your account on Lifehacker will do so on all Gawker Media Sites.
Learn the Basics of Design This Weekend
Are you a print designer, photographer, fine-artist, or general creative person? Do you have a shitty website that you slapped together yourself in Dreamweaver in that ONE web design class that you took in college? Do you not have a site at all because you’ve been waiting two years for your cousin to put it together for you? Well, we’re here to help. We know that you have little to no desire to do web design professionally, but that doesn’t mean that you want an ugly cookie-cutter site or to settle for one that hasn't been updated since Hackers was in theaters. Through short tutorial videos, you’ll learn how to take a basic wordpress blog and manipulate the css, html (and even some php!)
Don’t Fear the Internet
12 Useful and Free Downloadable Web Design Books
There are a multitude of books (whether in digital format or print) that cover every possible aspect of web design, each one is unique and offers a personalized opportunity for the author to both educate, inspire, and guide the reader through there knowledge. In this post rather than offer all of my favorite web design books, I have listed 12 books that I have either downloaded and read (or at least scanned through), or I have bookmarked with the whole-hearted intention of eventually reading it (Ruby Best Practices), and the best thing of all? All of these books are completely FREE, in digital format anyway (PDF or HTML). I have not offered a critique of each book, as I feel that would not be fair on the author. If someone spends so much of there valuable time (in some cases months and months) and writes an entire book on web design, in my eyes they deserve only praise and appreciation.Starting from a raster image that is made of large squares, we arrive at a clearer picture, as if one could a posteriori change the definition of the screen on which it was drawn ... Wisely by removing the "noise", ie the image defects such as dots and stripes, and it needs to know to interpret that, the algorithm gives life to a cliche damaged or washed out. It is implemented in a plugin for Gimp, G'Mic . It can also automatically make HDR , ie increase the brightness of light areas and darken the dark parts.