Just as with the previous Free Web Design Book Article, I have not offered a critique of each book, as I feel that would not be fair on the author. If an author spends so much of there valuable time (in some cases months and months) and writes a detailed book on web design, in my eyes they deserve only praise and appreciation. I hope you find these books useful.

Designing for the Web

Author: Mark Boulton.
About the Book: A Practical Guide to Designing for the Web aims to teach you techniques for designing your website using the principles of graphic design.
Featuring five sections, each covering a core aspect of graphic design: Getting Started, Research, Typography, Colour, and Layout. Learn solid graphic design theory that you can simply apply to your designs, making the difference from a good design to a great one.
Designing for the Web →
View the HTML Version →

Taking Your Talent to the Web

Author: Jeffrey Zeldman.
About the Book: This book was originally written in 2001 for print designers whose clients want websites, print art directors who’d like to move into full–time web and interaction design, homepage creators who are ready to turn pro, and professionals who seek to deepen their web skills and understanding.
The dot-com crash killed this book. Now it lives again. While browser references and modem speeds may reek of 2001, much of the advice about transitioning to the web still holds true.
Taking Your Talent to the Web →
Download the PDF →

Dive Into HTML 5

Author: Mark Pilgrim.
About the Book: Dive Into HTML 5 is an ongoing book that seeks to elaborate on a hand-picked Selection of features from the HTML5 specification and other fine Standards. The final manuscript will be eventually published on paper by O’Reilly, under the Google Press imprint.
Dive Into HTML 5 →
View the HTML Version →

jQuery Fundamentals

Author: Rebecca Murphey.
About the Book: The purpose of this book is to provide an overview of the jQuery JavaScript library; when you’re done with the book, you should be able to complete basic tasks using jQuery, and have a solid basis from which to continue your learning. This book was designed as material to be used in a classroom setting, but you may find it useful for individual study.
jQuery Fundamentals →
View the HTML Version →

Data Structures and Algorithms

Author: Granville Barnett and Luca Del Tongo.
About the Book: Put simply this book is the result of a series of emails sent back and forth between the two authors during the development of a library for the .NET framework of the same name. The conversation started of something like 『Why don’t we create a more aesthetically pleasing way to present our pseudocode?』 After a few weeks this new presentation style had in fact grown into pseudocode listings with chunks of text describing how the data structure or algorithm in question works and various other things about it. At this point we thought, 『What the
heck, let’s make this thing into a book!』
Data Structures and Algorithms →
Download the PDF →

Design Your Imagination

Author: WebGuru India.
About the Book: Design Your Imagination is a one stop resource for the beginners and learners of website design. Though this e-book is mainly targeted for the beginners of website design, it might prove helpful for the experienced web designers as well. This free web design e-book is clearly divided into 28 chapters and in each chapter a specific topic is illustrated with ample examples. The language is as lucid as possible and proper care has been taken to keep intact the flow of writing.
Design Your Imagination →
Download the PDF →

Building Android Apps with HTML, CSS, and JavaScript

Author: Jonathan Stark.
About the Book: Device-agnostic mobile apps are the wave of the future, and this book shows you how to create one product that can be used on several mobile operating systems. You’ll find guidelines for using the free PhoneGap framework to converty our product into a native Android app. And you’ll learn why releasing your product as a web app first helps you find, fix, and test bugs much faster than if you went straight to the Android Market with a product built with the official Android SDK.
Building Android Apps with HTML, CSS, and JavaScript →
View the HTML Version →

The Web Book

Author: Robert Schifreen.
About the Book: The Web Book contains all the information you need to create a Web site from scratch. It covers everything from registering a domain name and renting some hosting space, to creating your first HTML page, to building full online database applications with PHP and MySQL. It also tells you how to market and promote your site, and how to make money from it.
The Web Book →
Download the PDF →

Building Accessible Websites

Building Accessible Websites →
View the HTML Version →

文章來源:http://speckyboy.com/2010/07/13/9-more-useful-and-free-downloadable-web-design-books/

If you would like to be kept up to date with loads of fresh design news and resources, you can follow us on Twitter, on Facebook or even by subscribing to our RSS feed.

As always, if you have any cool links that you would like to share, do not hesitate to share them here: Submit News.

When Designers And Developers Work Together

Not Using jQuery JavaScript Templates? You’re Really Missing Out

Which loads faster?

Supersize that Background, Please!

A Beginner’s Guide to Design Patterns

Microsoft WebMatrix

Public Enemy Number One: Bad Usability

Security and Web sites: Code Injection

30 Useful Frameworks for Designers

Top Design Books For Designers

10 Wonderful Ways to Soup-Up WordPress

Visualize Everything: 32 Free Tools To Create Different Diagrams

CSS3 Typography and Special Effects

Apple Navigation with CSS3

Dynamic CSS3 Buttons with LESS

Minimalistic Slideshow Gallery with jQuery

28 Minimalist Movie Posters

32 Creative and Clever Sports Posters to Inspire You

Icon Reference (Hicksdesign)

The Evolution of The Logo

Smart Logos with Hidden Symbolism

How to Create a Simple Cardboard Box Icon

Pure CSS animated 3D Super Mario Icon

文章來源:http://speckyboy.com/2010/07/12/weekly-design-news-%e2%80%93-resources-tutorials-and-freebies-n-45/

You will some truly creative image galleries/sliders, a marvelous selection of innovative navigation techniques, a handful of original form solutions and the rest of the tutorials cover almost all aspects of web design. Hope you find them useful.

Why and how to create Microsoft Office Minibar

In this tutorial you will learn how to recreate a variation of MS Words (2007) toolbar that exposes context-related functionality. When user makes a selection in the input field, a Minibar pops up, semi-transparent, above the selection. It disappears when user clicks anywhere in the input field or performs an action by clicking on a Minibar button.
View the Demo →

Making a Sleek Feed Widget With YQL, jQuery & CSS3

In this tut you will larn how to build a sleek feed widget, that will fetch any RSS feed and display it in your blog sidebar. You can set it to show the latest blog posts from different categorie, your latest stumbles, or it even display your Twitter mentions.
View the Demo →

A Sexy Vertical Sliding Panel Using jQuery And CSS3

Here you can learn how to make a vertical sliding panel that will act as some sort of drawer instead of the usual top horizontal sliding panel that pushes everything else down when it is open.
View the Demo →

Pure CSS3 Bokeh Effect with some jQuery help

IThe bokeh effect is currently a very popular trend amongst designers and in this unique tutorial you will learn how to create a pure CSS3 version of the effect. With some help from jQuery, you can add some randomness the the colors, sizes and vary the positions of the effect.
View the Demo →

Create a Nifty Dynamic Shadow with jQuery

Here, Daniel Kurdoghlian, will show you how to recreate the very nifty looking dynamic shadow effect he created for his very popular CSS3 and jQuery experiment. He walks you through every step of the tutorial by using a few teaspoons of jQuery, a pinch of CSS and some transparent PNG’s as Base.
View the Demo →

Create A Multiple URL Shortener Page

In this tutorial, you’ll be shown how to create a simple page that will show short urls created by multiple url shortener services. You’ll be using HTML5, CSS3 for styling as well as jQuery for working with Ajax.
View the Demo →

Feature Table Design

In this experimental tutorial you will learn how to recreate the ‘sexy’ table design from Shopify, firstly in Photoshop and then in HTML/CSS.
View the Demo →

Simple AJAX Commenting System

In this tutorial you will learn how to build a Simple AJAX Commenting System. It will feature a gravatar integration and demonstrate how to achieve effective communication between jQuery and PHP/MySQL with the help of JSON.
View the Demo →

Beautiful Looking Custom Dialog Box With jQuery and CSS3

This dialog box uses CSS3 drop shadow and a completely CSS3 styled button. So, latest version of Chrome, Firefox and Safari will have no problems with it, but for IE6 and 7, the script will work but the display of the dialog box will look plain, no rounded border, drop shadow and gradient.
View the Demo →

Colorful Rating System with CSS3

By using the jQuery Color plugin, you can animate colors. Simply use the animate() function from jQuery to have colours fade to another colour. When using this technique, combined with some CSS3 features (rounded corners and drop shadow), you can create a Colorful rating system.
View the Demo →

A Colorful Clock With CSS & jQuery

You will learn how to build a highly original colorful jQuery & CSS clock using Tutorialzines very own jQuery plug-in – tzineClock.
View the Demo →

jQuery DJ Hero

Remember jTypingHero? This was a fun little game to test your typing skills based on the ever popular Guitar Hero. By combining CSS3 and jQuery, you will create, in this experimental tutorial, two records that you can start spinning (faster and slower) and even scratching is enabled.
View the Demo →

Floated lists with CSS3 and jQuery

In this quick tutorial, the developer is going to explain how you can have a nicely floated list of items and you will use jQuery to make sure IE understands it too.
View the Demo →

Cross-Browser Rounded Buttons with CSS3 and jQuery

View the Demo →

CSS3 & jQuery Image Gallery and Slider Tutorials

An Awesome CSS3 Lightbox Gallery With jQuery

In this tutorial you are going to create an awesome image gallery which leverages the latest CSS3 and jQuery techniques. The script will be able to scan a folder of images on your web server and build a complete drag and drop lightbox gallery around it.
View the Demo →

Interactive Photo Desk with jQuery and CSS3

In this little experiment you will create an interactive photo desk that provides some “realistic” interaction possibilities for the user. The idea is to have some photos on a surface that can be dragged and dropped, stacked and deleted, each action resembling the real world act.
View the Demo →

Making a Mosaic Slideshow With jQuery & CSS

When designing a product page, it is often necessary to present a number of images in a succession, also known as a slideshow. In this technique you will be making a jQuery & CSS mosaic gallery, featuring an interesting tile transition effect when moving from one slide to another.
View the Demo →

Beautiful Photo Stack Gallery with jQuery and CSS3

In this tutorial you are going to create a nice and fresh image gallery. The idea is to show the albums as a slider, and when an album is chosen, you show the images of that album as a beautiful photo stack. In the photo stack view, you can browse through the images by putting the top most image behind all the stack with a slick animation.
View the Demo →

Awesome Image Gallery using CSS3 and jQuery

The simple CSS3 image gallery (with jQuery) you will be building will be slightly tilted to the side and on hover will move and whenever you click on the image a lightbox will pop out with the larger version of the image.
View the Demo →

Kick-Ass jQuery & CSS3 Gallery With Animated Shine Effects

You will be shown how you can create a kick-ass animated Shine Effect with jQuery & CSS3 and then use it to create your very own Shiny Gallery ‘ShineTime’. This effect is useful in making your user interface elements look like they’re a real polaroid photo (or made of glass) and the best part is, it’s not that difficult to achieve.
View the Demo →

Interactive Image Vamp up with jQuery, CSS3 and PHP

In this technique you will be shown how to create an online application for giving some funny touches to an image, using jQuery and jQuery UI for dragging and resizing little bling elements like mustaches and glasses. With PHP the image and the bling elements will get merged and the end result can be viewed.
View the Demo →

Recreating the MLB.com Content Switcher

The goal of this project is to try to recreate the Flash content switcher from MLB.com, using jQuery and CSS3 and without any extraneous images or other non-essential elements that tend to make stuff less maintainable.
View the Demo →

Elegant Accordion with jQuery and CSS3

Here you will create an elegant accordion for your sites content. The idea is to have some vertical accordion tabs that slide out when hovering. You will add some CSS3 properties to enhance the looks.
View the Demo →

Pretty Simple Content Slider

You will learn how to create an auto-playing content slider with jQuery and CSS3. The idea is to alter the background image and to slide in the heading and the description. By clicking on one of the menu items, the auto-play function is stopped and the respective content slides out.
View the Demo →

CSS3 & jQuery Image Effects

Image Highlighting and Preview with jQuery

In this tutorial you will be shown how to highlight and preview images that are integrated in an article or spread over a page. This is a nice way to allow users to view a bigger version of an image that is relevant to some context.
View the Demo →

CSS3 Rounded Image With jQuery

In this tutorial you will learn how to give an image rounded corners using the CSS3 border-radius and box-shadow properties and using jQuery to automatically wrap a span tag around the image.
View the Demo →

Apple-like Retina Effect With jQuery

In this tutorial you will learn the technique of turning a static image into a fully functional “Retina effect” with only jQuery and CSS.
View the Demo →

CSS3 & jQuery Menu and Navigation Tutorials

Contextual Slideout Tips With jQuery & CSS3

With this tut you will learn how to make a set of contextual slideout tips with jQuery & CSS3, which are ideal for product pages and online tours. As a bonus, they are SEO friendly, so all the content is visible to search engines.
View the Demo →

How to Create a Drop-down Nav Menu

In this tutorial, you’ll take a look and see what we can achieve with HTML5 and CSS3 when it comes to the staple of current web sites: the humble drop-down navigation menu. You’ll also use jQuery to handle the effects and add the finishing touches for us.
View the Demo →

Awesome CSS3 & jQuery Slide Out Button

The inspiration for that button came from Photoshop.com where Flash is used to create a nice slide out effect. This button does not behave exactly the same, but the effect is quite neat. It does not use any images and uses the border radius property to make the rounded borders.
View the Demo →

A Fresh Bottom Slide Out Menu with jQuery

In this tutorial you will create a unique bottom slide out menu. This large menu will contain the title and a description of the menu item and it will slide out from the bottom revealing the description text and icons. You will use some CSS3 properties for some nice shadow effects and jQuery for the interaction.
View the Demo →

Sweet AJAX Tabs

Organizing the content of a page in a both intuitive and eye-catching manner, is a must in modern web design. One principle that has been around for some time is dividing text into tabs. In this tutorial you will be making an AJAX-powered tab page with CSS3 and version 1.4 of jQuery
View the Demo →

Nice And Simple Toolbar For Your Website

In this tutorial you’ll learn how to build a nice toolbar for your website using some CSS3 properties and basic jQuery techniques.
View the Demo →

CSS3 Styled jQuery Dropdown

View the Demo →

Create a 『Stay-On-Top』 Menu with CSS3 and jQuery

View the Demo →

Create Your Own Dashboard Menu

In this tutorial you are going to create your very own dashboard menu similar to Leopards dashboard.
View the Demo →

Halftone Navigation Menu

In this tut you will be making a CSS3 & jQuery halftone-style navigation menu, which will allow you to display animated halftone-style shapes in accordance with the navigation links, and will provide a simple editor for creating additional shapes as well.
View the Demo →

Create Accordion Menu Using CSS3 Transitions

There are many ways to create an accordion menu, most of them use a javascript library like jQuery to make the effect runs cross browsers. In this tutorial, you’ll see how to make an accordion menu using CSS3 transitions.
View the Demo →

CSS3 Glow Tabs

You will learn how to recreate the ‘hover glow tabs’ from the jQuery Conference page, which has a nice “glowing” rollover effect along with a subtle inner shadow at the bottom of the inactive tabs and also applied some rounded corners and gradients to complete a very nice effect.
View the Demo →

Mac-style Skype Application Menu

Using CSS3 and jQuery for extra functionality you will learn how to recreate the amazing slick Skype (for Mac) layout. (Not the full layout: Only the menu where all your friends are listed).
View the Demo →

文章來源:http://speckyboy.com/2010/07/11/40-jquery-and-css3-tutorials-and-techniques/

Welcome to Marie Catribs

Julian Krispel

Sid Lee

Startup Quote

theIdeaLists.com

Fjøsfestivalen på Loddgard

Eight:48

Revolver Revolver

MCQ

POSTER ROAST

文章來源:http://speckyboy.com/2010/07/10/weekly-web-design-and-development-inspiration-%e2%80%93-n-49/

web-site:http://www.stephenong.co.uk/humans.html

Well this is an interesting approach to the concept of a portable office, your desk and chairs all fit together and can then be wheeled off to your next destination. Wonder what happens to it in the rain…

文章來源:http://badimage.exblog.jp/12050659/

What can light do to your photographs?

A brilliant light can produce well-defined details, halftones, and shadows.  If the light is not bright, for example, light on a gloomy day, it can produce an effect of softness and subtle gradation of light to dark.

文章來源:http://www.fubiz.net/2010/07/12/mogollon/

If you aren’t familiar with Tumblr, it’s one of the big boys in the world of hosted micro-blogs. When Twitter doesn’t give you enough room to portray your message, but it’s not necessarily normal blog post length, it will fit perfectly into your Tumblr blog. You can post photos, quotes, text, videos or audio. You can post through your Tumblr dashboard, post with your phone, post through email or even with the desktop client. There are tons of things you can do with your Tumblr blog, including the use of customized themes.

Ok, you really just want to see the themes right? Here you go…

1. Ultralite

Ultralite has a very clean feel with abundant white space to showcase all your content. There’s a splash of orange to make links and titles stand out, which give it just the right amount of color.
Ultralite Download and Demo →

2. Whisper

If you like truly minimalist Tumbler themes, you’ll love Whisper. Whisper is exactly what this theme does. The text on the page is barely there unless you hover over it. Then it darkens to reveal the content more clearly.
Whisper Download and Demo →

3. Journal

The Journal theme boasts a clean black header that crowns your white space. Links are your traditional blue, leaving no distractions to the content you want the world to see. Talk about brilliant web design.
Journal Download and Demo →

4. Knight

The Knight Tumbler theme has an earthy, smooth feel to it. Of course it should if it was truly created by a leather maker as it says it is. The dark earthy boxes encompassed by perfectly clean lines slightly light up as you hover of them.
Knight Download and Demo →

5. Sleek

Sleek says it all. Lots of white space. A smooth blend at the top gives way to the simple black header. Beside each post you have a matte black Twitter icon.
Sleek Download and Demo →

6. Nine of Mine

Brilliantly classic. You get the expected white space we all love so dearly combined with bold, yet simple headlines. The first post of each day will have a light grey date next to your headline.
Nine of Mine Download and Demo →

7. Orange Peel

If you love the look of minimalist designs but just can’t bring yourself to let go of the color, then Orange Peel may be the mother of web design for your Tumbler themes. Mostly black and white, this one has orange “peels” scattered throughout the theme. Notes, quotes, dates and links are all in a modern shade of orange.
Orange Peel Download and Demo →

About the Author

Veronica is a freelance writer and social media writer. She works with several web design firms and enjoys discovering quality Tumbler themes, WordPress themes and of course – new social media icons.

文章來源:http://speckyboy.com/2010/07/08/7-brilliant-minimalist-tumblr-themes/

For more inspiration from minimal websites please see our gallery site Minimal Exhibit.

Clean, Simple, Clear

Michael Nobblett

Fringe

David Kim

IDRAWALLDAY

Digitalmash

Aftermodern Lab

A6

Mikey Burton

The Design Buzz

Stockholm Nightowls

Though & Theory

Casey Britt

Philipp Schmitt

Sleepover, San Francisco

Freshness

Pandaweb

Mike Ingham

Things

Nikolaus Jochwed

Max Voltar

UMarks

Affiliates in Perspective

Thinking for a Living

Alexandr Schwarz

文章來源:http://synapticstimuli.com/fleshy-bodies/

External Stimuli : Frederik Soderberg

Related Stimuli : Emma Kunz – Move yourself from the notion of Belief, to the notion of Being.

文章來源:http://synapticstimuli.com/geometric-codings/

Rossbach, who has been a lead designer in the video game industry for a number of years started out mostly as a freelance artists for clients in numerous fields such as: film, with Blur Studios, video game manufacturers, Ubisoft & Magic Lab. For a complete list of Jean-Sebastien Rossbach artwork you can view his portfolio here.

http://newindustryarts.com/