Loige's posterous

The Official Guide to HTML5 Boilerplate

Wed, 25 Aug 2010 11:37:00 -0700

Paul Irish explains his HTML 5 Boilerplate.
The product of years of learning, this video is not to be missed! Even if you have no intention of using this template, you’ll still learn an array of helpful techniques.

Read the post

Permalink | Leave a comment »

John Resig's jQuery Ninja talk at Tech4Africa

Thu, 19 Aug 2010 06:04:00 -0700

via @zoopy.com

In this video, John Resig presents his 6 Secrets to becoming a jQuery Ninja address on how jQuery is arguably the most popular and useful Javascript framework available today.

Read the post

Permalink | Leave a comment »

Preparing InDesign files for accessibility

Wed, 18 Aug 2010 13:09:00 -0700

via @adobeTV

Use InDesign and Acrobat Professional to create accessible content for persons with disabilities such as blindness, low vision, or limited mobility. Michael Murphy, Adobe Certified Expert, shows how InDesign can add structure, logical read order, and alternate text to graphics in documents that will be exported to PDF. With some added touch up using Acrobat Professional, these documents can be read using assistive technology such as screen readers and screen magnifiers.

Read the post

Permalink | Leave a comment »

A Handy Guide to Image Resolutions in Print Design

Tue, 17 Aug 2010 05:24:00 -0700

via @spoonGraphics

Using an unsuitable image resolution is one of the most popular errors designers make when creating designs for print. The result is a fuzzy print quality, or having your file is rejected by your local printer. If you don’t keep an eye on your image resolution right from the start you may end up having to completely recreate your design file so here’s a handy guide on what to look out for, and how to ensure your designs are set up with the correct image resolutions.

Read the post

Permalink | Leave a comment »

How To Add a Custom Facebook Like Box to Your Site

Mon, 16 Aug 2010 03:29:00 -0700

via @line25

Facebook pages are becoming more and more popular with brands, bands, organisations and celebrities who want to boost their social exposure on the web. Facebook’s social plugins and widgets are a great way to link your Facebook page with your website. Let’s look at how to not only insert the popular Like Box code onto your website, but also how to customize it to fit with your design, and make sure the code correctly validates.

Read the post

Permalink | Leave a comment »

JavaScript / jQuery password generator

Sun, 15 Aug 2010 06:18:00 -0700

via @jquery-howto

In this post you will find JavaScript function that generates random passwords of any length as well as jQuery version.

Read the post

Permalink | Leave a comment »

HTML5 ★ Boilerplate

Fri, 13 Aug 2010 06:27:00 -0700

via @html5boilerplate.com

HTML5 Boilerplate is the professional badass's base HTML/CSS/JS template for a fast, robust and future-proof site.

After more than two years in iterative development, you get the best of the best practices baked in: cross-browser normalization, performance optimizations, even optional features like cross-domain ajax and flash. A starter apache .htaccess config file hooks you the eff up with caching rules and preps your site to serve HTML5 video, use @font-face, and get your gzip zipple on.

Boilerplate is not a framework, nor does it prescribe any philosophy of development, it's just got some tricks to get your project off the ground quickly and right-footed.

Read the post

Permalink | Leave a comment »

Poshy Tip - jQuery Plugin for Stylish Tooltips

Thu, 12 Aug 2010 11:08:00 -0700

via @vadikom

I almost hear you asking - why another jQuery tooltip plugin? Well, Vasil actually never planned creating this plugin until he reached the final stages of designing his website and decided to add some pretty tooltips. So he started looking for a tooltip plugin that allows easily creating stylish tooltips and also includes the most useful features for such a script. However, he wasn't pleased with the results he found so he ended up writing a completely new plugin and he is now making it available for all.

Read the post

Permalink | Leave a comment »

Movies Infographics Collection

Wed, 11 Aug 2010 10:53:00 -0700

via @abduzeedo

Illustrators have been doing a great job with infographics, and these are getting cooler these days. There are tons of awesome pieces all over the internet, but the ones I like the best are the movies ones.

Read the post

Permalink | Leave a comment »

Beautiful Vector Illustration in Illustrator and Photoshop by Carol Rivello

Tue, 10 Aug 2010 10:39:00 -0700

via @abduzeedo

A nice illustrator tutorial that shows the great workflow of Carol Rivello from brainstorming to the final composition.

A must!

Read the post

Permalink | Leave a comment »

Using grids with Liquid, fluid and elastic layouts

Mon, 07 Jun 2010 06:21:00 -0700

via @speckyboy

In recent years, screen resolutions are getting both bigger (large monitors) and smaller (in the mobile sense), as such, a static or fixed web layout may no longer be deemed completely viable. Maybe its time to change.

Liquid, fluid and elastic layouts, have as many supporters as fixed layouts, despite what ever your feelings are on these styles of layouts, having some knowledge on adapting a site to liquid or elastic would most definitely be a plus in your arsenal.

In this article you will find a collection of starter and basic fluid/liquid and elastic layouts, CSS frameworks and some useful tools to help you with your next project.

Read the post

Permalink | Leave a comment »

SQLike a small sql engine for executing sql-like queries on javascript/actionscript array and objects

Sun, 06 Jun 2010 05:58:00 -0700

via @thomasfrank

SQLike is a small (10 kB) query engine for JavaScript and ActionScript. Its functionality and syntax is similar to that of SQL and it can be used to query arrays of objects or arrays of arrays.

Read the post

Permalink | Leave a comment »

90 Clean and Minimal web design inspiration

Sat, 05 Jun 2010 05:45:00 -0700

via @instantshift

The web industry nowadays is very productive. During these years there have been many trends followed and every day the designers experiment new techniques creating new tendencies in the art of making website.Recently is evident the necessity of a direct communication with customers and a website is the first place where a company can make know their cool stuff and services. A well-designed website is important for the growth of a business and often to create a “fresh” and clear image for a company (or a product, or a freelancer) we need the help of the art of simplicity. For these reasons a minimal and super-clean layout can be the perfect solution for an attractive website.

In this post, after a little overview, you’ll see some of the best examples of minimalism in modern web design.

Read the post

Permalink | Leave a comment »

10 interesting people you should follow if you love web design & development

Fri, 04 Jun 2010 11:41:00 -0700

via @webexpertsyoushouldfollow

If you truly love web design and web development you probabily should follow this interesting people employed in some of the greatest projects on the web.

(Listed randomly)

Dries Buytaert: Creator of Drupal, Drupal project lead, CTO of Acquia, and Mollom spam fighter
Matt Mullenweg: Creator of WordPress, Automattic & Akismet
Fabien Potencier: CEO at Sensio, and lead developer of the symfony framework
John Resig: Creator of jQuery, JavaScript ninja & programmer, blogger, author, works for Mozilla
Sebastian Bergmann: Php Open Source software developer. He developed some famous libraries such as PHPUnit, phploc, PEAR/Benchmark and many others
Lee Brimelow: Adobe expert and Adobe Air platform evangelist
Paul Irish: html5 and css3 aficionado, jQuery team member, interaction designer and front-end developer
Chris Spooner: a creative Designer, avid Blogger and generally crazy about pretty colours and shapes
Jean-Baptiste Jung: one of the greatest experts of Wordpress. He frequently writes really interesting post about wordpress on his rich blog
Chris Coyier: creator of Css-Tricks http://css-tricks.com/ and author of one of the most iteresting books about wordpress: digging into wordpress

Permalink | Leave a comment »

When Less is More: Minimalism in Web Design

Thu, 03 Jun 2010 03:28:00 -0700

via @webexpedition18

Many designers fail at creating minimalistic design because there are not a lot of choices at a designer’s disposal.
Creating a website that looks good, with very few images and extra items, it’s not that easy and can be a real challenge.
Minimal design is not about producing the same fundamental black and white typography-based layouts over and over.

Read the Post

Permalink | Leave a comment »

Pixel perfect web design: don't mess with colours

Wed, 02 Jun 2010 16:00:00 -0700

via @computerarts

This tutorial will show you how properly setting the colour profile of your Photoshop file prior to slicing will ensure correct colour matching of images with HTML hex codes. We will also use a combination of file formats to optimise image compression and add transparency to images. We will then add the images to our HTML and CSS files using Dreamweaver, creating a near pixel-perfect version of the layout.

Read the post

Permalink | Leave a comment »

How to make an abstract masterpiece from simple circles

Tue, 01 Jun 2010 11:04:00 -0700

via @computerarts

All-new abstract illustration techniques

Per Gustafson demonstrates how to make an abstract masterpiece from simple circles

Read the post

Permalink | Leave a comment »

The importance of cross browser compatibility

Mon, 31 May 2010 14:23:00 -0700

via @noupe

Nowadays everyone’s using a different browser. Between popular options like Firefox, Safari, Chrome and Internet Explorer, which make up close to 98% of the internet market share of browsers, and the other little known browsers like Konqueror, there are a multitude of browsers being used to view your site. How does your website function across all these options? It’s important that your website is usable across all major media, whether it be popular browsers, mobile devices, or any other web browsing devices. In this article, we’ll cover some basics of making sure your site is cross-browser-compatible, including snippets and resources to help you along the way.

Read the post

Permalink | Leave a comment »

The "Getting Real Philosophy"

Sun, 30 May 2010 14:11:00 -0700

via @37signals

Getting Real is the business, design, programming, and marketing philosophies of 37signals — a developer of web-based software used by over 1 million people and businesses in 70 countries.

Read it online for free

(lot of translations available)

Permalink | Leave a comment »

How to Turn a Design Image Into a Working Web Page

Sat, 29 May 2010 13:19:00 -0700

via @onextrapixel

Do you sometimes struggle taking a design image and turning it into a working web page? Does your development start out well, but then you can't seem to get one part of the design working? Are wireframes easier for you to create than code? Do you make it through development only to find that your site loads slowly and difficult to maintain?

Many designers have trouble turning their design images into working HTML/CSS web pages (some don't even code at all), and often that trouble comes from their approach to developing the design and how they think about the development process prior to writing a single line of code.

Read the Post: PART 1 - PART 2

Permalink | Leave a comment »