Skip to main content

Home/ Web Development, Design & Programming/ Group items tagged Tutorial

Rss Feed Group items tagged

Soul Book

Color Theory for Designers, Part 1: The Meaning of Color - 0 views

  •  
    A great and detailed roundup of different colour uses in web design - most importantly, with lots of examples.
Jochen Burkhard

How jQuery is Killing Flash + jQuery Tutorials & Plugins to Beat Up Flash Animations | ... - 8 views

  •  
    In the next comparison, we'll consider using jQuery instead of Flash in its customization. jQuery and other JavaScript frameworks are built for easy development and customization.
  •  
    In 1996, Macromedia released their product called Macromedia Flash which is a vector-based animation platform. With Flash, web designers were now able to create animations using a timeline and vector design tools as a video. Furthermore, Flash was and still is a great solution for web designers to provide visitors smooth view in such small file size. The only thing that web surfers need to enjoy the sites using flash is to install Macromedia Flash Player.
Soul Book

Color Theory For Designers, Part 2: Understanding Concepts And Terminology - Smashing M... - 0 views

  • ChromaChroma refers to the purity of a color. A hue with high chroma has no black, white or gray in it. Adding white, black or gray reduces its chroma. It’s similar to saturation but not quite the same. Chroma can be thought of as the brightness of a color in comparison to white.In design, avoid using hues that have a very similar chroma. Opt instead for hues with chromas that are the same or a few steps away from each other.
  • SaturationSaturation refers to how a hue appears under particular lighting conditions. Think of saturation in terms of weak vs. strong or pale vs. pure hues.In design, colors with similar saturation levels make for more cohesive-looking designs. As with chroma, colors with similar but not identical saturations can have a jarring effect on visitors.
  • using a hue with a high saturation against a background with low saturation can make the former really stand out.
  • ...10 more annotations...
  • ValueValue could also be called “lightness.” It refers to how light or dark a color is. Ligher colors have higher values. For example, orange has a higher value than navy blue or dark purple. Black has the lowest value of any hue, and white the highest.When applying color values to your designs, favor colors with different values, especially ones with high chroma. High contrast values generally result in more aesthetically pleasing designs.
  • This website combines blue hues with two different values. Because the different values have enough contrast, the overall look is visually appealing.
  • Combining colors with similar muted saturation levels creates a soft design, which is emphasized by the watercolor effects.
  • Colors with very high chroma are best used in moderation
  • Cyan has a high chroma and so really stands out against black and white
  • TonesTones are created when gray is added to a hue. Tones are generally duller or softer-looking than pure hues.Tones are sometimes easier to use in designs. Tones with more gray can lend a certain vintage feel to websites. Depending on the hues, they can also add a sophisticated or elegant look.
  • Tones can be intensified by adding gray around them
  • ShadesA shade is created when black is added to a hue, making it darker. The word is often incorrectly used to describe tint or tone, but shade only applies to hues made darker by the addition of black.In design, very dark shades are sometimes used instead of black and can serve as neutrals. Combining shades with tints is best to avoid too dark and heavy a look.
  • TintsA tint is formed when white is added to a hue, lightening it. Very light tints are sometimes called pastels, but any pure hue with white added to it is a tint.Tints are often used to create feminine or lighter designs. Pastel tints are especially used to make designs more feminine. They also work well in vintage designs and are popular on websites targeted at parents of babies and toddlers.
  • While you don’t necessarily have to remember all of these technical terms, you should be familiar with the actual concepts, especially if you want to master part 3 of this series (in which we create our own color schemes). To that end, here’s a cheat sheet to jog your memory:Hue is color (blue, green, red, etc.).Chroma is the purity of a color (a high chroma has no added black, white or gray).Saturation refers to how strong or weak a color is (high saturation being strong).Value refers to how light or dark a color is (light having a high value).Tones are created by adding gray to a color, making it duller than the original.Shades are created by adding black to a color, making it darker than the original.Tints are created by adding white to a color, making it lighter than the original.
Jochen Burkhard

Designing for the Future with HTML5+CSS3 : Tutorials and Best Practices | DevSnippets - 0 views

  • HTML5 is the next major version of HTML. HTML5 provides some great new features for web designers who love to create readable code and semantically-meaningful layouts. HTML 5 introduces and enhances a wide range of features including: form controls, APIs, dragging and dropping, multimedia, drawing graphics on screen and a lot more.
  •  
    HTML5 is the next major version of HTML. HTML5 provides some great new features for web designers who love to create readable code and semantically-meaningful layouts. HTML 5 introduces and enhances a wide range of features including: form controls, APIs, dragging and dropping, multimedia, drawing graphics on screen and a lot more.
  •  
    HTML5 is the next major version of HTML. HTML5 provides some great new features for web designers who love to create readable code and semantically-meaningful layouts. HTML 5 introduces and enhances a wide range of features including: form controls, APIs, dragging and dropping, multimedia, drawing graphics on screen and a lot more.
Manish Rawat

BestDesignTuts.com - 0 views

  •  
    A pool of best design articles and tutorials
Raja uk

Snook-Style Navigation Using MooTools | Ajaxmint.com - 0 views

  •  
    Tutorial to Create Snook-Style Navigation Using MooTools
Raja uk

Vertical Menu with Show/Hide Effects | Mootools | Ajaxmint.com - 0 views

  •  
    simple tutorial with two vertical menu examples with show/hide menu effect. First example uses a simple JavaScript code. Second example uses mootools to show/hide the menu with a nice vertical slide-in/slide-out effect.
Raja uk

FancyPlayer - jQuery Fancybox and Flowplayer | Ajaxmint.com - 0 views

  •  
    This tutorial shows you how to integrate jQuery Fancybox and Flowplayer.
Average Nerd Budimaru

Average Nerd: Operating Systems Guide | Powerful Virus Removal | Web Design Starter - 3 views

  •  
    contains fixes for common issues of Windows XP, Windows Vista, Windows 7. Guides for different kinds of software and free tutorials for web and Graphic Design.
Raja uk

Better Tooltip with jQuery | Ajaxmint.com - 0 views

  •  
    This tutorial will show you a method for replacing the built-in browser tooltips that appear on elements such as images and links with title attributes.
Raja uk

Dynamic Poll with jQuery and PHP | Ajaxmint.com - 0 views

  •  
    When you combine some neat functionality courtesy of PHP with the cleverness of jQuery you can produce some pretty cool results. In this tutorial we'll create a poll using PHP and XHTML, then make use of some jQuery Ajax effects to eliminate the need for a page refresh, and to give it a nice little bit of animation.
Raja uk

Improved Current Field Highlighting in Forms | Ajaxmint.com - 0 views

  •  
    As a matter of usability and aesthetics, it is a good thing to add some kind of visual feedback on web forms to indicate the currently active (or "focused") field. In this tutorial, we'll improve our current field highlighting, using jQuery.
awqi zar

Learn Video Production, Digital Video Editing, Camcorder Reviews, Videography - 2 views

  •  
    Product reviews, articles and beginner information on consumer video production. Empowering people to make videos in way that inspires, encourages and equips for success. Learn to be an expert in making great videos.
Jochen Burkhard

WordPress Theme from Scratch - Day 2: PSD to HTML | AEXT.NET - 0 views

  •  
    This tutorial is in the series of "WordPress Theme from Scratch" that help you build a WordPress theme by yourself from nothing. We already learned how to create a mock up for WordPress theme in Photoshop last week. Today, we will continue to make HTML file from that psd layout.
Raja uk

Autocompletion with Scriptaculous and Ajax. | Ajaxmint.com - 0 views

  •  
    This tutorial supercedes my previous turtorial on autocompletion by adding further tips and tricks to make your autocompletion a much better experience for your site users
Kashif Mehmood Mughal

Really Useful CSS Tips and Tricks for Web Designers and Developers | Tutorial Lounge - 2 views

  •  
    CSS (Cascading Style Sheet) is most important language technique for web designing and development, we mostly prefer in our modern designs where some new techniques also introduce like CSS3 and some third party scripts as well which can help in latest website designs. Now CSS offering many advanced advantages which helping in table-less and web 2.0 designs, as you know number of websites offering tips and tricks about CSS, but we choose some very useful techniques which you cannot ignore as designer or developer.
Jochen Burkhard

Rethinking Forms in HTML5 | Nettuts+ - 0 views

  •  
    While there are many changes for the better in the HTML5 specification, there is no better bang for the buck for the data driven website than the transformation of forms. These simple changes will transform how you enter, validate, process, and even display inputs. You will be able to create more usable web applications with less code and less confusion.
Soul Book

24 ways: A Christmas hCard From Me To You - 0 views

  •  
    Walkthrough on making an hcard / vcard embedded page.
« First ‹ Previous 221 - 240 of 689 Next › Last »
Showing 20 items per page