Resources For Web Design

Become a Programmer, Motherfucker If you don't know how to code, then you can learn even if you think you can't. Thousands of people have learned programming from these fine books: Learn Python The Hard Way Learn Ruby The Hard Way Learn Code The Hard Way I'm also working on a whole series of programming education books at learncodethehardway.org. Playing with Displace Filter in Photoshop I have been playing a lot with the Displace filter in Photoshop and I still get impressed with how powerful it is. Even though I have written some tutorials using it, I decided to try to recreate a different effect that I saw in one of the images submitted for the Daily Inspiration. It was a brick wall deformed like it was made of cloth. So in this tutorial, or a quick-tips I will show you how to create a curtain made of bricks or how to deform a brick wall as it was a curtain. To do that we wil use a few stock photos, layer adjustments and the Displace filter in Photoshop CS5. The technique is pretty simple and the tutorial won't take you more than 30 minutes to go through it.

Web Analytics “If you can’t measure it, you can’t manage it.” Peter Drucker wasn’t speaking about Web analytics, but he might as well have been. Web analytics are critical to the success of any online business; without them you’re literally flying blind. Color Schemes, Color Palettes, Color Theory Color in Motion Available in English and Spanish, this flash presentation presents an animated, interactive demonstration of the symbolism and emotions associated with various colors, including the best uses of these colors. Colors on the Web Box Model Hack Boxtest Here is a sample div with class "boxtest". It has 20px border, 30px padding, and 300px width. Web Design Ledger 599 shares 8 Must Have Free Fonts for your Designs Need some fresh fonts for your new projects? We got your back. We are always searching for good resources for our readers, and fonts are our top priority.

50 Fresh Free Fonts of 2010 Though there's a broad variety of fonts available for download online, designers keep on tracing the fresh ones to enhance their design copy, a website, brochure, or even an advertisement in a brand new an' awesome way. Still, the free stuff could not always boast of good quality – premium goodies always demand some kind of money investment. However, now it's possible to find the appropriate font that's free, clear, beautiful, and effective for design purposes. Many great designers are now offering professional quality fonts completely for free.

Learning WebGL A year ago, at a biggest-ever, record-breaking HTML5 Meetup in San Francisco all about WebGL, I predicted we were a tipping point; I think I was right. Let’s take a look at 2014, a banner year for 3D on the web! A Year of Great Content John Cale and Liam Young’s City of Drones brought together experiments in music and architecture; Isaac Cohen continued to blow minds with visualizations like Weird Kids and Webby; Google’s A Spacecraft for All chronicled the 36-year journey of the ISEE-3 space probe; and SKAZKA showed us an alternate world created by The Mill and powered by Goo. A Year of Killer Apps Drag and drop table rows with Javascript Summary: This article tells you how to implement drag and drop for HTML tables in Javascript. You can download the source here and play with the demo here. Updated: now copes with multiple tables on the same page, non-drag and non-drop rows (such as headers) and embedding form elements. Also see my jQuery plug-in which does much more.

Writing maintainable code Three years ago, I gave my first talk at Yahoo! entitled, Maintainable JavaScript (slides). The point of the talk was to encourage people to use more rigor in their JavaScript coding. A lot of people who write JavaScript for a living began as hobbyists and hackers, including myself. All of the best front end engineers are self-taught, of course, because this stuff hasn’t been taught in colleges and universities.