Home jQuery: The Write Less, Do More, JavaScript Library 9 jQuery Scripts to Enhance Your Website Time for a roundup for all the jQuery plugins that have been on the wild for a few weeks. There are getting more and more jQuery plugins coming out just to meet your special needs. In this post, I particularly like Sausage contextual pagination, I think it's a brilliant ideas! Here you go, pretty sure some of them will be really useful. TN3 Gallery TN3 Gallery is a full fledged HTML based customizable jQuery slideshow with slideshow, transitions and multiple album options. Backstretch is a simple jQuery plugin that allows you to add a dynamically-resized background image to any page.
jQuery | Tutorialzine | Page 6 Creating a PHP and CSS3 PoweredAbout Page By Martin Angelov | Here we will be creating a simple about page that is powered by PHP, HTML5 and CSS3. Read more Making a Beautiful HTML5Portfolio In today’s tutorial we will be making a beautiful HTML5 portfolio powered by jQuery and the Quicksand plugin. Colortip – a jQuery Tooltip Plugin Martin Angelov In this tutorial we are going to write a simple jQuery tooltip plugin. It is going to convert the title attributes of elements withing your page, into a series of colorful tooltips. Six color themes are available, so you can easily match it with the rest of your design. Step 1 – XHTML The plugin we are about to write today, works by converting the title of an element on the page to a structure of three spans, which form a tooltip, displayed on hover. <a href=" class="blue" title="Go to Tutorialzine">Tutorialzine</a> jQuery will convert it to the markup you can see below. <a class="blue colorTipContainer" href=" <span class="colorTip" style="margin-left: -60px;">Go to Tutorialzine <span class="pointyTipShadow"></span><span class="pointyTip"></span></span></a> Notice that the first block of code above specifies a “blue” class name. Step 2 – CSS colortip-1.0-jquery.css – Part 1 Making a triangular shape with a div
45 Outstanding Free Vintage Fonts - Noupe Design Blog Oct 11 2009 In his famous 1908 essay, ‘Ornament and Crime,’ modern architect Adolf Loos wrote: “The evolution of culture marches with the elimination of ornament from useful objects.” This pronouncement banished many of the frilly, decorative fonts of centuries past from the realm of High Design. Fast forward to the present day: Web 3.0 is awash in enough sleek sans serif and classic roman typefaces to make designers long for the typographic indulgences of yesteryear. Harness the power of the antique and make your graphics pop with one of these vintage-inspired fonts, which have returned to the spotlight both in print and online. Wood Type and Display Fonts Carnivalee Freakshow This distressed, wood-type-inspired font has the shabby charm of an old sideshow banner. Circus Ornate Dieter Steffmann’s Circus Ornate captures the spirit of classic circus graphics, but still stands on its own as an ornamental, boisterous display font. JF Ringmaster A vintage beauty by Jester Font Studio. Waukegan
7 Rules for Mixing Multiple Fonts in Good Web Design - Noupe Design Blog Sep 07 2009 Typography can be one of the most creatively rewarding parts of web design, but it can also be one of the most frustrating. Working with just one or two fonts can be challenging enough for most web designers, yet some still insist on using three, four, seven, or even more fonts in their designs. Some people excel at creating sites with complicated typography, while others fail miserably. 1. Multiple fonts work best together when they have similar proportion and scale. Fonts don’t necessarily have to be identical in scale and proportion. 2. If you throw up six different fonts on your site, with ten different colors, and four different styles, you’re probably just going to give your visitors a headache (if they stick around that long). As far as colors go, try to stick to colors either in the same hue or saturation level. 3. This has been touched on a bit already, but the priority and emphasis that different fonts convey naturally has to be taken into account. 4. 5. 6. 7.
Free High Resolution Textures - Lost and Taken Who is Elegant Themes? Elegant Themes commands a hefty collection of 87 excellent themes that can be used for WordPress websites. Well over 200k users have been granted access to all themes for the modest price of $39. What exactly is Divi? Divi is the brand new theme, one that took several months to prepare. Photo Retouching Tips And Tricks In Photoshop - Smashing Magazine Advertisement Two weeks ago we published the first part of Photoshop tips and tricks for photo retouching. Today, we’ll be presenting the rest of the article. We hope that these techniques will be quite useful for your workflow. You may know some of them, but hopefully not all of them. We have had articles on various tools in Adobe Photoshop but this one is focused more on the techniques rather than the tools provided. Here is a short overview of the techniques we’ll be covering in this follow-up: Defining Colors If you want to redefine the foreground and background colors, use the Eyedropper tool to select the foreground color, and then switch the position with the background color, maybe by using the shortcut X, and pick up the next color. Define foreground and background colors. Controlling Folders Folders give structure to layers, which is especially important if you’re working on demanding compositions. Hold the Control/Command key to expand the folder. Split-Toning Effect Setting Lights
Relationship Engineering: Designing Attraction - Smashing Magazine Advertisement “Look at her: so beautiful, so friendly, so smart. And what a personality. She must be mine. Hooking up with her would make me the envy of all my friends. Sure, she’s young and she’s gorgeous. No, that’s not an excerpt from Lolita. Apple seems to have entranced people. Why is this? Psyche Revived by the Kiss of Love, Antonio Canova. We don’t simply own products; we have relationships with them. There are many types of relationships, but we can put brand-consumer relationships into three categories: acquaintance, friend and lover. When someone purchases a bag of apples at the grocery store, they’re demonstrating an acquaintanceship with apples. The next step up — friendship — emerges because of branding. Only certain brands manage to take the step from friend to lover. Designing Attraction Love is often likened to fire. Looks Attractiveness spurs lust. Since the days of Plato, philosophers and artists have tried to pinpoint exactly what makes something aesthetically pleasing.
A Guide To Seamless Website Redesign - Noupe Design Blog Apr 07 2011 An inherent problem with owning a web site is that styles come and go on the internet fast as (or faster than) the real world. A web site can look out-of-date very fast if it is not being constantly maintained. Do you need to refine your online presence? A web site redesign may be just what the doctor ordered. While it is possible to salvage your old web site, it may be better to keep what worked in the past and start from scratch. This article will cover the different stages of a web site redesign including analysis, research, structure, interaction and atmosphere. One benefit of the World Wide Web is that almost anyone can take on the role of a Web designer with the wide variety of tools available. “If you only do what you know you can do, you never do very much.” - Tom Krause 1. When building a house you must always first make sure you have a good foundation. Leads/Sales. Online Expansion. Browser Compatibility. Remove Content Clutter. Outdated. User Friendly Interface. 2.
Top 100 Useful And Detailed CSS3 Tutorials And Techniques | Design your way I was trying a few weeks ago to find some CSS3 tutorials on a specific topic so I looked and looked and went through a lot of articles and annoyed me that I spent a lot of time looking for that single tutorial I wanted. To help you not go through the same thing I’ve made a sorted list of CSS3 tutorials on 5 categories: , , , and . This way a newcomer to CSS3 coding can find what he wants and needs. Menus tutorials In this tutorial we will create a unique sliding box navigation. The idea is to make a box with the menu item slide out, while a thumbnail pops up. Apple is known for very clean design and if you have been to their website in the last few years you’ve seen their primary navigation. Often used on e-commerce or large scale websites, mega menus are becoming more and more popular, as they offer an effective solution to displaying a lot of content while keeping a clean layout. I rarely see drop down menus that behave like drop down lists, but I really like them. Buttons tutorials