Moving Boxes Content with jQuery

Today we will create a website template with some really sweet animations using jQuery. The idea is to have little boxes scattered around at the top of the site and when a menu item is clicked, the boxes animate to form the main content area. We will use some different animation effects that we will add as options to the menu item.

The content area will custom scroll for which we will be using the really awesome jScrollPane Plugin by Kevin Luck. We will also use the jQuery 2d transformation plugin by Grady in order to rotate the little boxes while we animate them, and the the jQuery Easing Plugin for some spice.

Cross-Browser HTML5 Placeholder Text

One of the nice enhancement in HTML5 web form is being able to add placeholder text to input fields. Placeholder attribute allows you to display text in a form input when it is empty and when it is not focused (it clears the field on focus). This is a nifty feature, but it is not supported by all browsers yet. This tutorial will show you how to use Modernizr to detect if placeholder is supported, or else use jQuery to display the fallback placeholder text dynamically.

Advanced HTML Editor 3 Manual
In the Advanced HTML Editor 3 manual you will find detailed information about all the features available in this extension, along with some useful tutorials, videos and references. If you still experience any troubles working with the editor, please check Advanced HTML Editor 3 product page for additional information or contact our Live Support.
CSS Typography: Examples and Tools

In the previous part of this series, we discussed some techniques and best practices for CSS typography. Let’s now delve into the subject further by looking into some case studies, tools, as well as a showcase of excellent CSS typography on the web.

This is the third part of a three-part series of guides on CSS typography that will cover everything from basic syntax to best practices and tools related to CSS typography.

CSS Typography: Techniques and Best Practices

In the first part of this series, we discussed some fundamental concepts pertaining to CSS typography. Now we are going to cover some excellent techniques, tips, tricks and best practices for dealing with typography on websites.
This is the second part of a three-part series of guides on CSS typography that will cover everything from basic syntax to best practices and tools related to CSS typography.

CSS Typography: The Basics

Typography is an essential component of a website’s design. This is for good reason: good typography is not only imperative for aesthetic appeal, but also improves site usability when text legibility and readability concepts are applied. Typography is all about proportions and spacing. There are also font styles to consider.


30 Fresh Examples of Single Page Websites

Single page websites have been a hot trend for a while now, and their popularity doesn’t seem to be losing any momentum. Going this route isn’t right for every project, but there are times when it’s fitting and just makes sense. For instance, when a site doesn’t have a lot of content, and you know the content won’t be growing very much in the future, it might makes sense to go with a single page design.

Mobile Form Design Strategies

A Web form which works well on desktops won’t necessarily work on mobile devices. With the nature of desktop computers, Web forms are not designed to be efficient. Due to the constraints of a mobile device and its context of use, efficiency is extremely important when filling in a mobile form. This article offers strategies that you can apply to design a more efficient and less error prone mobile form as compared to your Web form.

5 Quick and Easy Photoshop Textures You Can Make From Scratch

The web is full of free texture resources. Unfortunately, we’ve all used them before and hate all the inherent restrictions that come as a result of using borrowed art. For your next project, why not just use textures that you make yourself from scratch? You skip the restrictions and the end product is much more unique because you’re not using the same resources used by everyone else.

35 Amazing "404" Pages

It really makes users sad and sometimes even angry when the homepage of a website couldn’t be found. Visitors don’t get upset if an error page is presented in a funny, unusual or elegant manner. In such an effective way you can save your clients and they will, surely, came back to your website where the 404 page has an original design, offers the solution of what to do and provides useful information about the error.

Newer articles Older articles