There is so much existing information about the Dojo Toolkit that it can be challenging to know where to begin. The following is a Dojo curriculum I use this term loosely highlighting community resources and a logical path for self-learning the foundational parts of Dojo. If you understand the purpose of a variable and function, or you are new to Dojo, then this is for you.
I’ve been writing pure html/css layouts for well over eight years now. While I’ve found best practices in the form of convention and documentation to be useful. They don’t prevent some of my CSS nightmares from reoccurring. They merely make them less painful. My solution is to follow guiding principles in the way I write stylesheets. These principles form a foundation for writing stylesheets that will be easier to work in as the project grows.
If you’ve been wanting to learn the basics of jQuery and start adding some dynamic interactions to your website, this is the place to start. If you’d like to follow along with the code in this article, download the sample, which includes all of the code examples from the book.
As of Firefox 3.5, Chrome 3, Opera 10.5, and Safari 4, we can take advantage of many of the new HTML 5 features, including native audio support without the need for Flash. As you’ll find, we only to create the new element, and set a few attributes. In this four minute video quick tip, we’ll review the mark-up, and also a quick way to play audio with jQuery.
Twitter has opened up a huge array of functionality through the use of it’s API and it’s really easy to use. In this tutorial I am going to make use of the API to make a simple search using search phrases as well as hashtags. I’m going to retrieve the data via XML and parse it using SimpleXML - now built into PHP5 and return the results to the browser.
Today we will show you how to create a simple image zoom out effect with jQuery. The idea is show some images which are zoomed in initially and when hovering over an image it gets zoomed out. This effect could be used in photography websites or image galleries. Our example uses some black and white images to focus on the effect.
Learn how to create an awesome clean business layout with this step by step tutorial.
In this tutorial you will learn how to create a textured and clean WordPress style layout in Photoshop. If you have any questions about this tutorial be sure to ask in the comments. Also, remember with all the tutorials, the psd is available for download.
Image Power Zoomer gives any image on your page the ability to be magnified when the mouse rolls over it. A “magnifying glass” that appears over the image lets the user zoom in on any portion of it as it follows the cursor around. Furthermore, the magnification power can be adjusted on the fly by turning the mouse wheel back or forth.
Many exciting new functions and features are being thought up for CSS3. Today we are going to create inset test with CSS3. That property will support Firefox, Opera, Chrome and Safari. Inset text being text that has been pushed into the background, almost like a reverse embossed effect. I hope that, you will find a quite useful inspiration for your next design project. Thanks!
Rounded corners are a common CSS effect these days. There are several ways to accomplish this effect, and how you go about implementing rounded corners will depend largely on what purpose they will serve in your design.
Let’s think of a box with rotating images inside. along with the images, we have a navigation menu that slides up / down while the images rotate. Pretty cool huh? well lets show you how I made this happen.
The days of submitting a form and being sent to a new page just to have to navigate back to where you were are passed, and sending information without page reloads is a nice touch to add to your site. You do however want to make sure you are not “Ajaxing” your entire site, but hey this is just a contact form, so let’s go make a cool one!
Every now and then I look at using background-position-x and background-position-y but can never seem to find a definitive and up-to-date resource. To save myself the trouble in the future, I’m documenting it here.
Zen Coding is a plugin for various text editors that dramatically speeds up the process of manually writing HTML. Once you start using it, you’ll be hooked; the amount of time it saves is simply tremendous.
There are a few things you can do to increase the chances that they [these jump to snippets, JdV] might appear on your pages. First, ensure that long, multi-topic pages on your site are well-structured and broken into distinct logical sections. Second, ensure that each section has an associated anchor with a descriptive name (i.e., not just “Section 2.1″), and that your page includes a “table of contents” which links to the individual anchors.
A great thing about Firebug is it gives you the option to add extra extensions and make it that even more indispensable, you can tailor it and mold it to your needs. I have listed fifteen of my favorites in this article.
Vector based icons created to aid in the design, development, implementation and promotion of multi-touch interfaces. These icons will aid in the creation of wire-frame documents, digital help files and printed documentation. You can also use Gesturecons inside of your applications in order to demonstrate to users how to complete actions or prompt them to interact with an application when they approach it.
EnhanceJS is a new JavaScript framework (a single 2.5kb JavaScript file once minified/gzipped) that that automates a series of browser tests to ensure that advanced CSS and JavaScript features will render properly before they’re loaded to the page, enabling you to build advanced, modern websites without introducing accessibility problems for people on browsers that aren’t capable of supporting all advanced features.
Alloy is a UI metaframework that provides a consistent and simple API for building web applications across all three levels of the browser: structure, style and behavior.