background preloader

Graphics & Web Design

Facebook Twitter

The colour of devotion on Photography Served. Web Standards Sherpa. HOWTO: Configure Tor + SASL + irc to connect to Freenode. Tuesday, March 22nd, 2011 at 8:39 pm| 17,722 views | trackback urlTags: freenode, identd, irc, linux, nickname, Perl, Python, Tcl, VMware, xchat I fought this problem on the train into the city today, because my MiFi‘s hostname was not correctly reversing to it’s given IP (verified by dig) and Freenode was denying the connection; it looked like this: Mar 22 06:51:41 * Looking up Mar 22 06:51:41 * Connecting to ( port 6667...

HOWTO: Configure Tor + SASL + irc to connect to Freenode

Mar 22 06:51:42 * Connected. Now logging in... Mar 22 06:51:42 * *** Looking up your hostname... I wanted to connect, to talk to the folks in #linux, and ask them about another question I had (see newer blog post about fullscreen VMware session for that). As Old TVs are Switched Off, a Glimmer of 'Tron'-esque Graphics. Best Practices of Combining Typefaces - Smashing Magazine. Advertisement Creating great typeface combinations is an art, not a science.

Best Practices of Combining Typefaces - Smashing Magazine

Affordable Email Marketing & Email Price Options - VerticalResponse. Landing Page Tutorials and Software. Museum of American Packaging. CSS line-height – a simple step-by-step presentation. Edit this Fiddle - jsFiddle - Online Editor for the Web (JavaScript, MooTools, jQuery, Prototype, YUI, Glow and Dojo, HTML, CSS)

Explorations in Typography / Typeface combinations. Website gallery of diacritics. Install Plugins ‹ Vapelicious Blog — WordPress. What Would Seth Godin Do. Seth Godin advocates using cookies to distinguish between new and returning visitors to your site: "One opportunity that’s underused is the idea of using cookies to treat returning visitors differently than newbies.

What Would Seth Godin Do

Boost Your Sales by 80% with a 'Call to Action' One of the most important elements of your web site is the "call to action.

Boost Your Sales by 80% with a 'Call to Action'

" IG-HTML5-Cheatsheet-1000px.png (PNG Image, 1000x15993 pixels) Sanborn Fire Insurance Map Typography. Title pages, headings and letterforms clipped, cropped and isolatedfrom maps and map publications issued between about 1880 and 1920.

Sanborn Fire Insurance Map Typography

"D. A. Sanborn, a young surveyor from Somerville, Massachusetts, was engaged in 1866 by the Aetna Insurance Company to prepare insurance maps for several cities in Tennessee. [..] Before working for Aetna, Sanborn conducted surveys and compiled an atlas of the city of Boston titled 'Insurance Map of Boston, Volume 1, 1867'. [..] The atlas includes twenty-nine large plates showing sections of Boston at the scale of 50 feet to an inch. Vintage InfoPorn No.1. My conceit, when I started making infographics, was simple.

Vintage InfoPorn No.1

I believed this was a *new way* of expressing and visualizing information, a thoroughly modern and zeitgeisty fusion of data and design. Oh you muppet David… These infographics were created by students of American African-American activist W.E.Dubois in 1902. Bible Design and Binding: Bleeding Through: The Sorry State of Bible Paper. Back in June, Iyov posted an excellent photo essay titled "Bible paper bleedthrough," using photos from my review of Cambridge's Pitt Minion NKJV to illustrate just how bad the problem of thin, translucent Bible paper really is.

Bible Design and Binding: Bleeding Through: The Sorry State of Bible Paper

In my review, I described the paper as "relatively opaque," saying the ghosted print image from the reverse of the page was "faint, and not pronounced enough to be distracting. " Iyov then used the photos illustrating the review to argue that my assessment shows just how far we've sunk: "…we have become so accustomed to bleedthrough that four layers of text can quality as 'relatively opaque.'" Fair enough. David Baron's weblog: What does a blur radius mean? [Note that this blog entry contains a good bit of markup, including script and SVG, and will probably not syndicate very well.]

David Baron's weblog: What does a blur radius mean?

A bunch of Web platform features involve blurring. For example, the CSS text-shadow property lets a shadow be both positioned and blurred. The Future of CSS: Finally, Sane Layout Tools. HTML5 and CSS 3 offer web designers new semantic tags, fancy animations, server-side fonts and much more, but that’s not the end of the story.

The Future of CSS: Finally, Sane Layout Tools

The next major development in web design will likely revolve around one of the things neither HTML5 nor CSS 3 have yet addressed — page layout. HTML5 Makes a Great Color Picker. HTML5 is changing more than just websites — it’s changing the capabilities of browsers, as well.

HTML5 Makes a Great Color Picker

For example, a very clever use of the HTML5 canvas tag allows developer Heather Arthur’s Rainbow color scheme add-on for Firefox to extract a color palette from any webpage. Because browser add-ons — those in Firefox and Chrome anyway — can be built using HTML, they too can take advantage of HTML5′s new tools. Plugin Install — WordPress. Horizontal Scrolling Websites Design Inspiration chethstudios Design Magazine. Pairing typefaces in book design.

Choosing a typeface combination was something I struggled with when designing my first book. So it’s with pleasure that book designer, page compositor and layout artist Stephen Tiano wrote the following as a guest contribution. Image courtesy of arnoKath. 10 Things You Can Do To Become A Better Web Designer. Like a lot of web designers I didn’t go to school to learn design or development. My degrees are in completely unrelated fields. As a web designer and developer I’m close to 100% self-taught. That self-teaching isn’t random though. 5 Website Features You Can Offload to Reduce Costs. The term "offload" or "offloading" in information technology and computer science refers to the transfer of something from your system to an February 08, 2011. 5000+ Free Photoshop Gradients.

Photoshop gradients are one of the many presets that can be use to create some really creative designs and effects in your photographs or any other graphics. Before you go ahead and dive into these colorful Photoshop gradients please pop your eyes into some other nice posts on Photoshop tutorials and Photoshop resources that we have here: Have a great day, and enjoy the SuperBowl! If you get a chance to help promote this post, we’d really appreciate it. Thanks for reading! Ultimate Web2.0 Photoshop Gradients Realistic Sky Gradients Vintage Gradients by IceChicken Faded Gradient Pack.