random effect homepage slider with various slide effects -- one beautiful jQuery based slider
slider template
Wednesday, June 30, 2010
Tuesday, June 22, 2010
CuFon - The Easiest Way to Use Any Font You Wish
CuFon - The Easiest Way to Use Any Font You Wish
CSS 3 is on the horizon, and we’re all getting excited. Thanks to the latest browser updates, developers can begin working with time-saving new properties – such as @font-face. Unfortunately, the availability of these features is limited to a tiny fraction of our overall userbase. At least for the next year or so, we’ll need to continue utilizing the Flash and Javascript alternatives when embedding fonts.
Luckily, a new contender, Cufón, has made the process unbelievably simple. What makes it different? Rather than Flash, it uses a mixture of canvas and VML to render the fonts. In just a few minutes, I’ll demonstrate how to use any font you wish in your web applications. Excited?
CSS 3 is on the horizon, and we’re all getting excited. Thanks to the latest browser updates, developers can begin working with time-saving new properties – such as @font-face. Unfortunately, the availability of these features is limited to a tiny fraction of our overall userbase. At least for the next year or so, we’ll need to continue utilizing the Flash and Javascript alternatives when embedding fonts.
Luckily, a new contender, Cufón, has made the process unbelievably simple. What makes it different? Rather than Flash, it uses a mixture of canvas and VML to render the fonts. In just a few minutes, I’ll demonstrate how to use any font you wish in your web applications. Excited?
Friday, June 18, 2010
jQuery - Ajax Image Uploader
jQuery - Ajax Image Uploader
How do you upload images now? You select a file and click upload. Simple, right? Except that once you select your image, you can no longer see what was selected. The name of the file is at the end of the input field, and if the input field is short or the file path is deep, you won’t see anything useful. You’ll forget what you selected and have no idea what you’re about to upload.
How do you upload images now? You select a file and click upload. Simple, right? Except that once you select your image, you can no longer see what was selected. The name of the file is at the end of the input field, and if the input field is short or the file path is deep, you won’t see anything useful. You’ll forget what you selected and have no idea what you’re about to upload.
jquery tutorial
jQuery Tutorials for beginers - A Slide Show
jQuery Essentials
View more presentations from Marc Grabanski.
Wednesday, June 16, 2010
Quick Tip: Making a Fancy WordPress Register Form from Scratch
Quick Tip: Making a Fancy WordPress Register Form from Scratch
In this tutorial, I will guide you through the process of making a beautiful “Register” form, using Fancybox, jQuery, and, of course, WordPress. As you’ll find, the process is really quite simple.
In this tutorial, I will guide you through the process of making a beautiful “Register” form, using Fancybox, jQuery, and, of course, WordPress. As you’ll find, the process is really quite simple.
PHP - Admin Site Skins and templates
Top 50 Web Graphics, Admin Skins and Scripts to Accelerate Development
As the Beatles so elegantly wrote, we could all use a little help from our friends to get by. And when it comes to design and development who couldn’t use a friend to speed things up? Thanks to our sister sites ThemeForest, GraphicRiver and CodeCanyon, there are plenty of web graphics, admin skins and scripts to drop in to your work. Best of all they are all made by our massive community of authors. Today across Tuts+ we’re celebrating and showcasing the quality of marketplace goods to bring over the Tuts+ masses to browse the plethora of super work on sale. So without further ado, here they are!
As the Beatles so elegantly wrote, we could all use a little help from our friends to get by. And when it comes to design and development who couldn’t use a friend to speed things up? Thanks to our sister sites ThemeForest, GraphicRiver and CodeCanyon, there are plenty of web graphics, admin skins and scripts to drop in to your work. Best of all they are all made by our massive community of authors. Today across Tuts+ we’re celebrating and showcasing the quality of marketplace goods to bring over the Tuts+ masses to browse the plethora of super work on sale. So without further ado, here they are!
Google Font API
Google Font API for web designing
Quick Tip: Google Fonts API: You’re Going to Love This
The Google Font API helps you add web fonts to any web page.
Benefits of the Google Font API include:
Quick Tip: Google Fonts API: You’re Going to Love This
The Google Font API helps you add web fonts to any web page.
Benefits of the Google Font API include:
- A choice of high quality open source fonts.
- Works in most browsers.
- Extremely easy to use
Simple PHP Class-Based Querying
Simple PHP Class-Based Querying
Though it is usually advisable to use some sort of framework or CMS, sometimes a project is small enough such that those options would weigh down the development. However, even in smaller projects, separating presentational elements from backend querying should not be ignored. This tutorial will walk you through creating a basic class-based querying engine for PHP and MySQL.
Though it is usually advisable to use some sort of framework or CMS, sometimes a project is small enough such that those options would weigh down the development. However, even in smaller projects, separating presentational elements from backend querying should not be ignored. This tutorial will walk you through creating a basic class-based querying engine for PHP and MySQL.
Monday, June 14, 2010
login form designs
55 Spectacular Login Form Designs
When designing your next website, overlook no detail, including your login form. Too many designers think to themselves, “Two fields and a button. Simple as that.” Wrong. Your login form should stand out on your site for members to find. It should be aesthetic, usable, fast, and clean.
When designing your next website, overlook no detail, including your login form. Too many designers think to themselves, “Two fields and a button. Simple as that.” Wrong. Your login form should stand out on your site for members to find. It should be aesthetic, usable, fast, and clean.
Create a Drop-down Nav Menu with HTML5, CSS3 and jQuery
Create a Drop-down Nav Menu with HTML5, CSS3 and jQuery
In this tutorial, we’ll take a look and see what we can achieve with HTML5 and CSS3 when it comes to the staple of current web sites: the humble drop-down navigation menu. We’ll also use jQuery to handle the effects and add the finishing touches for us.
HTML5 brings to the spec a dedicated
In this tutorial, we’ll take a look and see what we can achieve with HTML5 and CSS3 when it comes to the staple of current web sites: the humble drop-down navigation menu. We’ll also use jQuery to handle the effects and add the finishing touches for us.
HTML5 brings to the spec a dedicated
HTML5 Apps: Positioning with Geolocation
HTML5 Apps: Positioning with Geolocation
Three years ago, the smartphone “boom” was still an uncertain possibility. Today, we are surrounded by a society of smart phone addicts who live as if their lives cannot continue without instant, mobile access to the web, e-mail, and apps for every occasion. Mobile devices have come a long way in just three short years, and now support a wide range of useful features beyond making phone calls. For location-challenged individuals like myself, geolocation is one of the most useful additions. Many iPhone and Android devices have been fitted with GPS hardware that can produce reliable geographical data, and in this article we will discuss the geolocation capabilities of HTML5. My aim is to help you take advantage of geolocation technology in your next project by walking you through the following topics:
Browser geolocation and how it works
How Asynchronous function calls work
How to use the getCurrentPosition API
What’s in geolocation data
How to fall back on IP address based geolocation when browsers don’t provide native support
How to display a map using geolocation data
How to use the watchPosition and clearWatch APIs
Google Search String
Three years ago, the smartphone “boom” was still an uncertain possibility. Today, we are surrounded by a society of smart phone addicts who live as if their lives cannot continue without instant, mobile access to the web, e-mail, and apps for every occasion. Mobile devices have come a long way in just three short years, and now support a wide range of useful features beyond making phone calls. For location-challenged individuals like myself, geolocation is one of the most useful additions. Many iPhone and Android devices have been fitted with GPS hardware that can produce reliable geographical data, and in this article we will discuss the geolocation capabilities of HTML5. My aim is to help you take advantage of geolocation technology in your next project by walking you through the following topics:
Browser geolocation and how it works
How Asynchronous function calls work
How to use the getCurrentPosition API
What’s in geolocation data
How to fall back on IP address based geolocation when browsers don’t provide native support
How to display a map using geolocation data
How to use the watchPosition and clearWatch APIs
Google Search String
Inspiration: 35 Unique Examples of Vintage Design
Inspiration: 35 Unique Examples of Vintage Design
In this collection of retro-themed websites, you’ll find some excellent designs that will leave you in awe. Vintage websites have been quite popular in the last year, and I hope that these examples will inspire you to create your own!
In this collection of retro-themed websites, you’ll find some excellent designs that will leave you in awe. Vintage websites have been quite popular in the last year, and I hope that these examples will inspire you to create your own!
10 Compelling Reasons to Use Zend Framework
10 Compelling Reasons to Use Zend Framework
Zend Framework is a fully object-oriented framework, and as such, it utilizes a lot of object-oriented (OO) concepts like inheritance and interfaces. This makes most, if not all, of ZF’s components extendable to some point. It allows developers to implement their own special variations of individual components without having to hack into the ZF codebase itself. Being able to customize ZF this way allows you to create functionality that is unique to your project, but because of its object-oriented nature, you’ll be able to use this functionality in other projects as well.
Zend Framework is a fully object-oriented framework, and as such, it utilizes a lot of object-oriented (OO) concepts like inheritance and interfaces. This makes most, if not all, of ZF’s components extendable to some point. It allows developers to implement their own special variations of individual components without having to hack into the ZF codebase itself. Being able to customize ZF this way allows you to create functionality that is unique to your project, but because of its object-oriented nature, you’ll be able to use this functionality in other projects as well.
Introduction to MySQL Triggers
Introduction to MySQL Triggers
a trigger is a rule that you put on a table which basically says, whenever you DELETE, UPDATE or INSERT something in this table, also do something else. For instance, we might want to log a change, but instead of writing two separate queries, one for the change, and one for the log, we can instead write a trigger that says, “Whenever this row is updated, create a new row in a different table to tell me that the update was made”. It adds a little overhead to the initial query, but since there are not two packets traveling to your database to do two separate things, there is an overall performance gain (in theory anyway).
a trigger is a rule that you put on a table which basically says, whenever you DELETE, UPDATE or INSERT something in this table, also do something else. For instance, we might want to log a change, but instead of writing two separate queries, one for the change, and one for the log, we can instead write a trigger that says, “Whenever this row is updated, create a new row in a different table to tell me that the update was made”. It adds a little overhead to the initial query, but since there are not two packets traveling to your database to do two separate things, there is an overall performance gain (in theory anyway).
css - page reflection
Quick Tip: Pure CSS Reflections
Many might not be aware that, with CSS, we can achieve reflections quite easily in all webkit-based browsers, which represent roughly 20% of all browser usage. The key is in the vendor-specific, -webkit-box-reflect property. I’ll show you how to use it in today’s video quick tip!
Many might not be aware that, with CSS, we can achieve reflections quite easily in all webkit-based browsers, which represent roughly 20% of all browser usage. The key is in the vendor-specific, -webkit-box-reflect property. I’ll show you how to use it in today’s video quick tip!
HTML5 : RDFa and Microdata for search engines
The web is a rich, distributed repository of interconnected information organized primarily for human consumption. On a typical web page, an XHTML author might specify a headline, then a smaller sub-headline, a block of italicized text, a few paragraphs of average-size text, and, finally, a few single-word links. Web browsers will follow these presentation instructions faithfully. However, only the human mind understands that the headline is, in fact, the blog post title, the sub-headline indicates the author, the italicized text is the article's publication date, and the single-word links are categorization labels. The gap between what programs and humans understand is large.
MicroData Formats
HTML5 Microdata: Welcome to the Machine
Microdata is a subset of making a document have meaning to machines, just as it has meaning to a reader of the document. With meaning, I mean providing the meta data in a way that can be used by a machine reading the document and to allow that data to be processed
RDFa
RDFa, which provides a set of XHTML attributes to augment visual data with machine-readable hints. We show how to express simple and more complex datasets using RDFa, and in particular how to turn the existing human-visible text and links into machine-readable data without repeating content
MicroData Formats
HTML5 Microdata: Welcome to the Machine
Microdata is a subset of making a document have meaning to machines, just as it has meaning to a reader of the document. With meaning, I mean providing the meta data in a way that can be used by a machine reading the document and to allow that data to be processed
RDFa
RDFa, which provides a set of XHTML attributes to augment visual data with machine-readable hints. We show how to express simple and more complex datasets using RDFa, and in particular how to turn the existing human-visible text and links into machine-readable data without repeating content
Tuesday, June 8, 2010
Wednesday, June 2, 2010
Using MySQL, Joins
Using MySQL, Joins
using the SQL JOIN Syntax. Most databases have multiple tables to avoid repeating data. i.e. why enter the details of a customer over and over again.
using the SQL JOIN Syntax. Most databases have multiple tables to avoid repeating data. i.e. why enter the details of a customer over and over again.
Subscribe to:
Posts (Atom)