By Jack Franklin on August 2, 2010
Welcome back to jQuery for Beginners. Just a quick recap first – in the first two weeks we covered the very basics of jQuery and interacting with elements. Last time round we made an accordion – something which taught us a few of the jQuery special animation functions that are built in to jQuery. [...]
Posted in Tutorials | Tagged Development, jquery, tutorial, webdev
By Ranjith Kumar on May 31, 2010
Around 4-5 years ago, my daily knowledge building and socializing activities went like – read books, attend some sessions/training, visit a friend’s place, engage in a constructive debate, take a walk @ the nearby park … and so on . But years later … the scenario is slowly changing and I hardly find any time [...]
Posted in Development | Tagged html, html5, internet, semantics, trends, webdev
By Michal Kozak on May 3, 2010
Client-side validation is something every web form should have, no doubts about that. While server-side validation does its job, it certainly lacks good user experience. What is so great about client-side validation then?
Not only is it useful to the user because it makes the process of filling out the form a lot quicker and [...]
Posted in Tutorials | Tagged coding, Development, javascript, jquery, tutorial, webdev
By Jack Franklin on April 21, 2010
Welcome to the third post in this series, taking you from jQuery novice to jQuery expert. The past two weeks have essentially just listed functions that you will need to know. Today we are going to put the skills we’ve learned into practice (as well as meeting new things) and create a basic accordion.
An accordion [...]
Posted in Tutorials | Tagged Development, how to, jquery, tutorial, webdev
By Jack Franklin on March 26, 2010
Welcome to part 2 of jQuery for beginners. In the first part we looked at how to add jQuery to our pages and also looked at how jQuery selects elements on the page before finally animating a div. In this lesson we are going to look purely at how to select elements through their relationship [...]
Posted in Tutorials | Tagged Development, jquery, tutorial, webdev
By Daniel Kurdoghlian on March 25, 2010
The final version of jQuery UI 1.8 just got released a few days ago. I will go through all new features and also show you some examples with the new widgets.
Along with the hundreds of bug fixes and improvements, 5 new plugins and 1 new effect found the way into the bundle.
Posted in Development | Tagged Development, javascript, jquery ui, webdev
By Daniel Kurdoghlian on March 23, 2010
Today you will learn, how you can create a Flash-like effect with only using a few lines of jQuery and a transparent PNG as mask.
Not only will you be able to dynamically change the color of the logo, but also add patterns as you wish and even animate them later with a few lines of [...]
Posted in Tutorials | Tagged Development, howto, javascript, jquery, tutorial, Tutorials, webdev
By Jack Franklin on March 19, 2010
This is the first part of our new series walking you through the process of learning the hugely popular JavaScript library jQuery from scratch. We’ll start slowly and each week add some more knowledge to your skill set and this will lead us on to doing much cooler stuff with the library. This series is [...]
Posted in Tutorials | Tagged jquery, tutorial, webdev
By Leonel Hilario on March 11, 2010
Nowadays the need for an easy way to add interactive charts becomes essential because we are shifting from pc applications to web application. jQuery and other libraries allows to make accessible data visualization in (x)HTML, giving us this needed functionality.
In this article we are going to present 5 chart libraries that suit different needs from [...]
Posted in Resources | Tagged jquery, plugin, Resources, webdesign, webdev
By Daniel Kurdoghlian on March 8, 2010
First I want to welcome you to my very first article for 1stwebdesigner. Today I’ll show you how to create a very nifty looking dynamic shadow with a few teaspoons of jQuery, a pinch of CSS and some transparent PNG’s as Base. I’ll explain every line of used code, so you can easily follow along [...]
Posted in Tutorials | Tagged 3D, css3, Development, freebie, howto, Inspiration, javascript, jqu, jquery, tutorial, webdev