Warning: include_once(/home/resonantstudios/gratis/eclecti.ca/public/wordpress/wp-content/plugins/wordpress-support/wordpress-support.php): failed to open stream: Permission denied in /home/resonantstudios/gratis/eclecti.ca/public/wordpress/wp-settings.php on line 221

Warning: include_once(): Failed opening '/home/resonantstudios/gratis/eclecti.ca/public/wordpress/wp-content/plugins/wordpress-support/wordpress-support.php' for inclusion (include_path='.:/usr/local/lib/php:/usr/local/php5/lib/pear') in /home/resonantstudios/gratis/eclecti.ca/public/wordpress/wp-settings.php on line 221

Warning: Cannot modify header information - headers already sent by (output started at /home/resonantstudios/gratis/eclecti.ca/public/wordpress/wp-settings.php:221) in /home/resonantstudios/gratis/eclecti.ca/public/wordpress/wp-includes/feed-rss2.php on line 8
Eclecti.ca » Resources http://eclecti.ca Like The Internet...but smaller Thu, 08 May 2014 18:30:58 +0000 en-US hourly 1 http://wordpress.org/?v=3.9 Learning the Vi Editor http://eclecti.ca/learning-the-vi-editor/ http://eclecti.ca/learning-the-vi-editor/#comments Fri, 13 May 2011 15:25:09 +0000 http://eclecti.ca/?p=683 Vi/m is a part of the core set of tools used on Unix/Linux systems. It can seem alien and unusable at first, but with some work and patience learning how to use Vi/m will add a powerful tool to your tool box. You can check out the Official Introduction to Vim to get started or take a look at the Vi Lovers Homepage.

Below is a list of (mostly) online resource from Quickstarts to Tutorials to Videos and Cheatsheets.










Image Source: http://dribbble.com/system/users/2086/screenshots/121306/shot_1298917103.png?1303485086


http://eclecti.ca/learning-the-vi-editor/feed/ 0
Web Design Foundations http://eclecti.ca/web-design-foundations/ http://eclecti.ca/web-design-foundations/#comments Tue, 22 Mar 2011 03:54:32 +0000 http://eclecti.ca/?p=570 Web Design WireframeThere was a request on Reddit today asking for some resources on how learn web design skills.  The response was great.  So great that I’m just going to copy it here. I really appreciate how the list starts with typography.  This is very much about visual design and not code or other kinds of crunchy hackery.

The information is clearly in the context of web design, for the most part. However there is quite a bit of information here that is just about visual design in general.  I’ve added a few books to the list that I find useful and continue to refer to, a couple of links that I like; in particular I added some links about wireframing.

If you have some links to share, please let me know.  I’m think about how this might evolve into a resource page as opposed to a post.

Many thanks to avogadrospimp for asking the question and to materialdesigner and Luchian for the awesome answers.


Typography Intro
Typographic History
Typographic Terminology
Typographic Hierarchy
Mixing Fonts
The Elements of Typographic Style (Book)
Thinking With Type Revised Edition (Book)
Stop Stealing Sheep & Find Out How Type Works (Book)

Typography on the Web

Web Typography
Web Typographic Guidelines and Techniques
Choosing the Right Font
On Web Typography

Design Theory

Web Design Theory
Principles of Design
The Lost Principles of Design
Principles of Good Web Design
Design Principles
50 Free Lessons in Graphic Design Theory
Teach Yourself Graphic Design
Universal Principles of Design, Revised and Updated (Book)
The Design of Everyday Things (Book)

Gestalt Design Theory

“I believe Andy Rutledge’s Gestalt series is the best way to grasp the fundamental principles of design. Reading these articles, and many others found on his site, helped me focus on the important aspects in a design and provided a clear understanding as to why elements on a webpage should, look, be positioned and behave in a certain way.” - Luchian

Figure Ground Relationships
Proximity, Uniform Connectedness, and Good Continuation
Common Fate

Design History

Design Is History
Design History


Designing With The Grid
Outside the Grid
Visual Hierarchy


The Importance of Wireframes In Web Design
Ultimate Guide to Website Wireframing
The Importance of Wireframing
Get Wireframing: The All-In-One Guide
35 Excellent Wireframing Resources


Colour Theory in Web Design
The Meaning of Colour
Colour Contrast
Colour Lovers
Kuler Theme Generator
0 to 255 Colour Variations for Web Designers

Art Direction

Art Direction and Design
Print Design
Logo Design

Image from http://www.flickr.com/photos/rohdesign/3307873748 Some rights reserved

http://eclecti.ca/web-design-foundations/feed/ 5