background preloader

Web Style Guide

Web Style Guide

http://www.webstyleguide.com/wsg3/index.html

Related:  Presentation and Design

Page Structure and Site Design Web “sites” are complete abstractions—they don’t exist, except in our heads. When we identify a site as such, what we’re really describing is a collection of individual linked pages that share a common graphic and navigational look and feel. What creates the illusion of continuity across a cohesive “site” is the design features that pages share. 56 Ways To Use Color Psychology To Impact Logo Design So, you’re getting ready to design a logo… Do you know what feelings you want it to evoke? What emotions you want the customer to feel? How you want customers and prospects to react every time they see the logo?

Codeacademy’s Free Kits Help Kids (and Educators) Learn to Code The Codeacademy office in New York Hoping to get students into coding? Enter Codecademy. The New York-based startup, which teaches users how to code through a free, interactive website, is now packaging its popular online lessons into free, bite-sized kits for teachers and librarians to launch their own mini-Codecademies in class or after school.

Flash Tutorials Learn Flash programming in Actionscript. Design and code a simple paint application, with much room to customize the interface, and add more features. Make a bubble collision game. Free Flash demo you can customize. Programming is in Actionscript 3. Visual Design Some foundational ideas are so thoroughly ingrained in modern life that we hardly see them for their ubiquity and familiarity. The concept of “module and program”—regular building blocks of repeating patterns that when joined together produce an organized whole—permeates our information-age lives even more thoroughly than it did the lives of our ancestors in the industrial revolution launched by manufacturing innovators like Eli Whitney. As the industrial world grew more complex, document designers in the mid-1800s began to adapt modular programs to newspaper, catalog, financial, and other publications, and modern page layout was born. In the early twentieth century the Bauhaus designers adopted the elements of visual logic discovered by the Gestalt perceptual psychologists, and those German and Swiss designers created modern graphic design (see Visual Design Principles sidebar, below). The primary purposes of graphic design are to:

Others - New service lets blog owners earn ad revenue when visitors leave their site Gain instant and exclusive access to over 5,000 of the most creative ideas, innovations and startups on our database and use our smart filters to take you direct to those that are most relevant to your industry and your needs. Not interested? You can still browse articles published in the last 30 days from our homepage and receive your daily and weekly fix of entrepreneurial ideas through our free newsletters. Learnable Programming Here's a trick question: How do we get people to understand programming? Khan Academy recently launched an online environment for learning to program. It offers a set of tutorials based on the JavaScript and Processing languages, and features a "live coding" environment, where the program's output updates as the programmer types. Because my work was cited as an inspiration for the Khan system, I felt I should respond with two thoughts about learning: Programming is a way of thinking, not a rote skill.

The Ultimate Directory Of Free Image Sources So, you need an image for your blog? We’ve spent some time categorizing our favorite sources for free images and organizing them in such a way as to help you find what you’re looking for. Here are the criteria we’ve examined: Subjects: Does a site focus on specific genres of images, or is it a mass collection of various image types? High Resolution: Lots of great image resources emerged in the pre-Web 2.0 phase, but it wasn’t until bandwidth dramatically increased that allowed for the uploading of much higher resolution images suitable for editing and printing. 21 Amazing jQuery Images Galleries Sliders and Slideshows Plugins There are really hard and busy times when a designer with a little knowledge of coding starts creating a full website on his own. By supposing that (s)he'll somehow pass that hard to understand bunch of code, the problems appear when it's not XHTML/CSS anymore, but more advanced programming languages or JavaScript libraries. In the following round-up we have listed a set of awesome and really easy to understand jQuery plugins which will help you in adding Photo galleries or sliders with ease. jQuery Galleries Sliders and Slideshows Plugins TN3 Gallery TN3 Gallery is a fully fledged HTML based customizable image gallery with slideshow, transitions and multiple album options. Compatible with all modern desktop and mobile browsers.

8 Ways Anyone Can Learn To Code Their Own Software There’s a lot of talk about hardware, devices, and tools for the classroom. But if we learned anything from yesterday’s WWDC Apple keynote, it’s that software is king. It’s what makes or breaks a new product or device.

Presentation Design Tips - How to Make Text Look Exciting by Adam Noar When you are creating a PowerPoint presentation and want it to look as snazzy as possible, there is a lot you can do to make your slides shine with the brightness and glory of a thousand suns. You can add beautiful background textures, have perfectly complimentary fonts, or avoid the hassle of doing it yourself and just buy a ready-made template from the get-go. Even so, if you are not careful your text can look boring.

Related:  成蹊藝酷網