Weekly Design News – Resources, Tutorials and Freebies (N.36)

This is our weekly column in which we share our favorites posts, articles and resources with our readers all from the previous week.

If 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.

If you code HTML, Zen Coding will change your life

If you code HTML, Zen Coding will change your life
If you write HTML for a living, and you don't know Zen Coding yet, you are missing out big time.
In a nutshell,it expands abbreviations into complete HTML structures (divs, tables, cells, links, lists), and does it in the most intelligent way you could imagine.
If you code HTML, Zen Coding will change your life »

Techi.com

Techi.com
Techi is a brand new technology blog that focuses on tech stuff that’s always "fresh and never boring". Brought to you by the guys behind Webdesigner Depot, they didn't like the ‘boring’ tech stuff that can often be found on the web (stuff like acquisitions, mergers, stocks going up/down, start-ups that nobody cares about, etc), so they purposely avoid those topics and try to make tech as much fun to read as possible.
Techi.com »

Flash, we have grown apart (letter)

Flash, we have grown apart (letter)
Flash, we have grown apart (letter) »

Symmetry And Asymmetry In Web Design

Symmetry And Asymmetry In Web Design
Symmetry is beautiful. That’s how most of us see it. Symmetry leads to a sense of harmony and pleasing aesthetics. Symmetry is also often associated with being formal and static and even a little boring. Asymmetry, on the other hand, while lacking in inherent beauty is often seen as more interesting, more dynamic.
If symmetry is beautiful, yet sometimes static and boring and asymmetry is dynamic and interesting without the benefit of being beautiful by default, which should we use in design?
Symmetry And Asymmetry In Web Design »

Steve Huffman on Lessons Learned at Reddit

At Future of Web Apps Miami 2010 Steve Huffman gave a great presentation on the 7 key lessons he learned during his time at Reddit. If you are in the business of developing large scale web apps or just taking your first steps into thinking about building your web app there’s plenty to take note of.
Steve Huffman on Lessons Learned at Reddit »

Facebook’s Gone Rogue; It’s Time for an Open Alternative

Facebook’s Gone Rogue; It’s Time for an Open Alternative
From Wired: "Facebook has gone rogue, drunk on founder Mark Zuckerberg’s dreams of world domination. It’s time the rest of the web ecosystem recognizes this and works to replace it with something open and distributed".
Facebook’s Gone Rogue; It’s Time for an Open Alternative »

The differences between Akzidenz, Univers, Helvetica and Arial

The differences between Akzidenz, Univers, Helvetica and Arial
The differences between Akzidenz, Univers, Helvetica and Arial »

The Use of Grids in Website Design

The Use of Grids in Website Design
When creating a website one of the most important things to get right is the layout, the UI – user interface as you would call it, is something that is crucial to conveying the information and point of your website. There are many kinds of website layout designs. However the main point of a website is to convey understanding to the user.
The Use of Grids in Website Design »

16 Really Useful Shell Commands for Web Developers

16 Really Useful Shell Commands for Web Developers
16 Really Useful Shell Commands for Web Developers »

50 Helpful Typography Tools And Resources

50 Helpful Typography Tools And Resources
To help you improve the typography in your designs, Smashing Magazines round-up features useful new articles, tools and resources related to typography. You will learn the fundamentals of typography, find out how to combine fonts and know what to keep in mind when choosing a typeface. They also present typography-related slideshows, glossaries, layouts and experiments.
50 Helpful Typography Tools And Resources »

Beautiful Contact Forms for your Inspiration

Beautiful Contact Forms for your Inspiration
Beautiful Contact Forms for your Inspiration

In this post, they’ve collected the most creative contact forms which you can use for inspiration in your own designs.
Beautiful Contact Forms for your Inspiration »

Sweet Pages: A jQuery Pagination Solution (Tutorial)

Sweet Pages: A jQuery Pagination Solution (Tutorial)

Paginating content is a standard choice when dealing with large chunks of data. The implementation usually involves passing the page number to the back-end, where the appropriate data is fetched from the database and returned in some form. A cumbersome process, but it is a necessary evil. Or is it?
Sweet Pages: A jQuery Pagination Solution (Tutorial) »

Beautiful Background Image Navigation with jQuery (Tutorial)

Beautiful Background Image Navigation with jQuery (Tutorial)
In this tutorial we are going to create a beautiful navigation that has a background image slide effect. The main idea is to have three list items that contain the same background image but with a different position. The background image for each item will be animated to slide into place in different times, creating a really nice effect. The background image sliding direction from the list item in the middle will depend on which item the user was before: coming from the right, it will slide from the left and vice versa.
Beautiful Background Image Navigation with jQuery (Tutorial) »

Inspirational Vintage Posters Designs

Inspirational Vintage Posters Designs
Inspirational Vintage Posters Designs

Vintage posters are a great way to use new technology, along with some creative skills to create something that looks old. With programs like Adobe Photoshop and Illustrator, many talented artists are creating some really inspiring retro styled, colored and textured posters designs. Here is a list of some of those talented designers.
Inspirational Vintage Posters Designs »

40 Creative “Transparent Screen” Trick Photos

40 Creative “Transparent Screen” Trick Photos
40 Creative “Transparent Screen” Trick Photos

40 Creative “Transparent Screen” Trick Photos »

45 Absolutely Stunning Examples Of Silhouette Photography

45 Absolutely Stunning Examples Of Silhouette Photography
45 Absolutely Stunning Examples Of Silhouette Photography
45 Absolutely Stunning Examples Of Silhouette Photography »

Create a Logo Design from Start to Finish

Create a Logo Design from Start to Finish
In this logo design tutorial, you will go from the reception of a design brief through to finishing the project and delivering the final products to the client. You’ll start by interpreting the brief and roughing things out with pencil and paper, before moving on to develop the logo design in Illustrator, presenting to the client and acting on their feedback.
Create a Logo Design from Start to Finish »

Create 3D Typography with Advanced Texturing and Lighting Effect in Photoshop

Create 3D Typography with Advanced Texturing and Lighting Effect in Photoshop
Create 3D Typography with Advanced Texturing and Lighting Effect in Photoshop »

50 (More) Excellent Mini Icon Sets

50 (More) Excellent Mini Icon Sets
50 (More) Excellent Mini Icon Sets »

Free Robotic Social Media Icons Set Released

Free Robotic Social Media Icons Set Released

Free Robotic Social Media Icons Set Released »

Twitter Vector Icons Massive Icon Set

Twitter Vector Icons Massive Icon Set

Twitter Vector Icons Massive Icon Set »

Previous Weekly Design News…

Design News Roundup N.35 »
Design News Roundup N.34 »
Design News Roundup N.33 »
Design News Roundup N.32 »
Design News Roundup N.31 »
Design News Roundup Archives »

Author: (858 Posts)

This post has been written by the team here at Speckyboy Design Magazine.

Comments