background preloader


Facebook Twitter

55 Amazing Adobe After Effects Tutorials For Beginners & Experts. CSS3 Generator. Adobe InDesign Tips I Wish I’d Known When Starting Out - Smashing Magazine. Advertisement I love Adobe InDesign.

Adobe InDesign Tips I Wish I’d Known When Starting Out - Smashing Magazine

For multi-page documents, it’s the most flexible and complete application out there. Yet I remember how counter-intuitive some things were when I was learning it for the first time. Here are some tips I wish I had known when starting out, as well as some answers to questions that others often ask me. 25 Awesome Tools for Choosing a Website Color Scheme. As a designer, color management should be an integral part of your workflow.

25 Awesome Tools for Choosing a Website Color Scheme

A website’s color scheme helps shape its identity and therefore should not be carelessly thrown together. Here are 25 online, desktop and iPhone applications to help you live and breathe color management no matter where you are. Online Tools There are simply a ton of free color tools available on the web. However, a cursory search reveals that most are extremely basic and simply mimic everything else out there. Kuler. Ct_1440.jpg (JPEG Image, 1440x900 pixels) - Scaled (94%) 27 Indispensible Resources for Graphic Designers. Design tools and resources, best of 2010. Another year ends and a new year begins, there have been 12 months full of news in the web design world, from the New Twitter design to the constant grow of HTML5 and CSS3, there has been tons of events that have changed the web panorama during this year.

Design tools and resources, best of 2010

We spent all the year digging across the web to find those little secrets that were waiting for being discovered. We have reunited a huge collection of news and resources that saw the light during 2010, we did the work for you and now everything that you missed during this year that ends is here, ready for you to look into it. This roundup covers several aspects that will definitely help web designers and developers, including wireframing tools, widgets, color management apps, text editors and more; you will find along with the link a short review about each item of the list, let’s hope that this list will help you to remember all the good things that the last year of this decade has left for all of us.

New GUI sets iPad GUI set Minus. Design made black and white. 55 Minimal Black and White Web Designs to Inspire You. We’ve already shown you Yellow Web Designs and Blue Web Designs, but sometimes less color is the best color choice for a web site.

55 Minimal Black and White Web Designs to Inspire You

In this post, we’re showcasing 55 minimal black and white web designs to inspire you. The B&W combination is great, from photography to interior design. It’s simplistic, elegant, and gets out of the way to let the content shine. Web Design in Black & White. Black & White doesn’t have to be boring.

Web Design in Black & White

Monochromatic color schemes can be used with just about any color, but some of the most striking are in black & white. 25 Most Attractive Black & White Websites. What do you think about black and white websites?

25 Most Attractive Black & White Websites

Simple, clean or outdated? Anyway, they have sprung up with a growing number. Stunning Collection of Black and White Logo Design. Top Home » Gallery • Inspiration • Logo Design » Stunning Collection of Black and White Logo Design A logo is an emblem or the visual representation of the business.

Stunning Collection of Black and White Logo Design

Although a logo is a small graphical element but without doubt is of great importance. Simple logo designs are always proved to be the most effective and powerful whether in terms of color selection or concept. Here is an exclusive showcase of over 40 most innovative black and white logos designed by Province Design Studio. Families Negative Reality. Best of Black and White Graphic Design Layouts. Best of Black and White Graphic Design Layouts I don’t think that I have ever had such a hard time researching a topic.

Best of Black and White Graphic Design Layouts

Believe it or not, it is very hard to find any half decent black and white designs online. I have listed a couple of dozen black and white designs. Please send in designs that you like as well. A Crash Course in Typography: Principles for Combining Typefaces - Noupe Design Blog. Apr 11 2011 When combining typefaces, there are a couple of important principles you’ll need to keep in mind, namely contrast and mood.

A Crash Course in Typography: Principles for Combining Typefaces - Noupe Design Blog

Effectively combining typefaces is a skill best learned through practice, and trial-and-error. Once you’ve mastered the principles covered here, you’ll have the tools you need to try out combinations while making educated guesses about what will and won’t work together. Here, we’re mostly covering combining two typefaces, as you would for body copy and headlines.

In the next part, we’ll cover combining more than two typefaces for things like navigation, image captions, and more. The 960 Grid System Made Easy. The first time I discovered the 960 Grid System, I was immediately excited about the possibilities of implementing complex layouts so easily.

The 960 Grid System Made Easy

However, since I was fairly new to web design at the time, when I downloaded the files, I quickly became overwhelmed at how complicated the whole thing seemed. With all this code, how could this be the easy way to create a layout? This article is for web designers and front-end web developers who are interested in grid-based layout systems but are at a loss on how to decipher them. We’ll focus specifically on the 960 Grid System, but after reading this guide, you’ll find that most of the other grid systems out there are similar and will make much more sense after you understand a few basic principles. Fixed Navigation - Codrops. 10 Usability Crimes You Really Shouldn’t Commit.

Over time certain conventions and best practices have been developed to help improve the general usability of websites during their design and build. This roundup of ten usability crimes highlights some of the most common mistakes or overlooked areas in web design and provides an alternative solution to help enhance the usability of your website.

Crime 1: Form labels that aren’t associated to form input fields Using the ‘for’ attribute allows the user to click the label to select the appropriate input fields within a form. This is especially important for checkboxes and radio fields to give a larger clickable area, but it’s good practice all round. Crime 2: A logo that doesn’t link to the homepage Linking the logo of a website to the homepage has become common practice and is now second nature for (most) web surfers to expect the logo to head back home. Mozilla Developer Network. Color Name. A Gold Mine of Adobe Illustrator Resources - Noupe Design Blog.

By Melissa Scroggins What could be better than striking gold? How about a huge list of Adobe Illustrator resources? For many designers, a list of resources to help finish those design projects in a quick and easy fashion is like finding gold on the Web. In this article, there are over 200 (mostly) free resources for Adobe Illustrator. Since many designers have made these resources free for others, please take the time to check out the license agreements before using any resources for projects. Finally, have fun stockpiling all the brushes, patterns,, symbols, vectors, swatches, and fun additions to the Adobe Illustrator presets. 1. 50 High-Quality Free Fonts for Professional Design - Web Design Blog – Get the FlatPix UI Kit for only $7 - Learn More or Buy Now Designers love to have a lot of quality fonts available to them, and fortunately there are some very good free fonts out there.

In this post we’ll feature some of the best free fonts that can be used in your commercial designs. If you’re looking for a place to find more free fonts that can be used for commercial projects, I highly recommend Font Squirrel. League Gothic. Documentation. Spritely is a simple plugin with only two key methods, sprite() and pan() both of which simply animate the background-image css property of an element. The difference between the two is that a 'sprite' image contains two or more 'frames' of animation, whereas a 'pan' image contains a continuous image which pans left or right and then repeats. Typically, in either case, you would use a png file (with or without transparency) for this. 15 sites web developers and designers should know -

ColorCombos When designing a website, one of the firsts (and most important) steps of the process is to choose a color scheme. Color Combos allow you to browse thousand of different colors combinations for getting inspired for your upcomming design. Color schemes can be browsed by colors.Visit LIpsum Who doesn’t know the extremely popular Lorem Ipsum text? What the font? Color Theory for Designers, Part 1: The Meaning of Color - Smashing Magazine. Advertisement Color in design is very subjective.

Simple CSS3 framework for creating GitHub style button links. 40 Exceptional jQuery Photo Gallery and Slider. 10 Usability Tips Based on Research Studies. We hear plenty usability tips and techniques from an incalculable number of sources. Many of the ones we take seriously have sound logic, but it’s even more validating when we find actual data and reports to back up their theories and conjectures.

This article discusses usability findings of research results such as eye-tracking studies, reports, analytics, and usability surveys pertaining to website usability and improvements. Are We Taking CSS Too Far? How To Use @font-face In CSS And 21 Great Typefaces. The 2 most popular typefaces used on the web today are surely Verdana and Georgia. Draw Dragons, Werewolves and Unicorns from the World of Harry Potter. PSY/OPS: Specimens. List of colors.

The following is a list of colors. Color Blender. Color Blender The Color Blender is licensed under a Creative Commons Attribution-ShareAlike 1.0 License. This tool is provided without warranty, guarantee, or much in the way of explanation. Note that use of this tool may or may not crash your browser, lock up your machine, erase your hard drive, or e-mail those naughty pictures you hid in the Utilities folder to your mother.

Don't blame me if anything bad happens to you, because it's actually the aliens' fault. The code expressed herein is solely that of the author, and he's none too swift with the JavaScript, if you know what we mean, so it's likely to cause giggle fits in anyone who knows what they're doing. 35 Inspiring Color Palettes from Master Painters. .htaccess Tutorial. Introduction. CSS-Tricks. SlickMap CSS — A Visual Sitemapping Tool for Web Developers. Side Projects SlickMap CSS is a simple stylesheet for displaying finished site maps directly from HTML unordered list navigation. The Shapes of CSS. CSS Tinderbox: Free CSS-Based Templates. - CSS resources and tutorials for web designers and web developers. CSS3.0 Generator. Domains and Web Hosting on Domain Phone Book. Silk. 20 Useful & Nicely Designed Web Applications. The Secret Law of Page Harmony. Web Design Process. Patterns in Interaction Design. A hundred of REALLY high quality free design elements and where to find them. 40 Online Generators for Web Designers Should Bookmark.

Design Center - Galleries, articles and tips on motion and interactive design. What’s New for Web Designers – Nov. 2010. 10 Tips for Designing Presentations That Don’t Suck: Pt.1. The 10 Most Important Skills You Need to be a Web Designer. All templates - Templates - Microsoft Office. 15 Tips to Stay Productive in a Permanently Connected World. 70 Tutorials Using Photoshop To Design A Website. Unbeatable JavaScript Tools.

Five Minute Upgrade – Making Your Design Pop. 22 Very Useful Adobe Illustrator Tutorials.