CodeFave - Published news - Web Development

jQuery for Complete Beginners: Part 4

elving — Mon, 02 Aug 2010 15:35:38 +0000

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.

8 CSS preprocessors to speed up development time

elving — Wed, 11 Aug 2010 17:14:02 +0000

CSS allow you to do lots of things, but some features are missing to developers. What about variable, constants, and general faster syntax? As normal CSS can't do that, people created preprocessors to allow the use of variables on CSS files and then parse it to regular stylesheets.

Thumbnails Navigation Gallery with jQuery

codrops — Wed, 28 Jul 2010 22:48:33 +0000

In this tutorial we are going to create an extraordinary gallery with scrollable thumbnails that slide out from a navigation. We are going to use jQuery and some CSS3 properties for the style. The main idea is to have a menu of albums where each item will reveal a horizontal bar with thumbnails when clicked. The thumbnails container will scroll automatically when the user moves the mouse to the left or right.

Enhance Forms Using jQuery: 30 Tutorials and Plugins

elving — Wed, 21 Jul 2010 13:43:51 +0000

Forms are very important part of any website, whether it is sign up form, log in form or comment form. These forms are source of interaction between your website and its users. For example if anyone is signing up on your website it will be his/her first experience working on your website and it is said “First Impression Is Last Impression”; if users see your sign up form very elegantly and creatively designed they will have good first impression about your website.

The absolute bare minimum every programmer should know about regular expressions - I’m Mike

elving — Tue, 20 Jul 2010 21:55:00 +0000

Regular expressions are strings formatted using a special pattern notation that allow you to describe and parse text. Many programmers (even some good ones) disregard regular expressions as line noise, and it’s a damned shame because they come in handy so often. Once you’ve gotten the hang of them, regular expressions can be used to solve countless real world problems.

CSS3 Design Contest Results

elving — Mon, 12 Jul 2010 16:30:56 +0000

To get you really excited about CSS3, last month we announced the CSS3 Design Contest and encouraged designers to experiment and get creative with CSS3. As expected, we have received many creative and original submissions. To choose the winners of the contest, we considered the originality of the technique or approach and its uniqueness. The idea mattered more than the execution.

10 life-saving PHP snippets

eric — Tue, 20 Jul 2010 15:48:27 +0000

In order to be efficient, a web developer should have a toolbox with code snippets he can use and reuse when needed. In this article, I'm going to show you 10 extremely useful PHP code snippets to add to your web developer toolbox.

June’s Best Resources for CSS3

NetKit — Fri, 23 Jul 2010 22:03:19 +0000

Here are the best CSS3 coding techniques and tutorials of June 2010, 43 fresh resources to help keeping up with new technologies.

Seven Must-See Videos and Presentations for Web App Developers - Smashing Magazine

web-toad — Tue, 20 Jul 2010 01:48:30 +0000

In previous video roundups, we’ve collected together some interesting videos and presentations from a variety of speakers discussing topics covering usability, graphic design, CSS frameworks, web standards, and more. In this small roundup, we’ve included seven videos that we think would be of great interest to web app developers in particular, with less focus on design and standards.

The 960 Grid System Made Easy

elving — Mon, 12 Jul 2010 16:35:41 +0000

We’ll focus specifically on the 960 Grid System, but after reading this guide, you’ll find that most of the other grid systems out there are similar and will make much more sense after you understand a few basic principles.

Chrome Javascript Experiments

eric — Wed, 14 Jul 2010 21:44:43 +0000

We think JavaScript is awesome. We also think browsers are awesome. Indeed, when we talk about them, we say they are the cat's meow – which is an American expression meaning AWESOME.

MySQL Has Functions (Part 5) : PHP vs MySQL Performance | Onextrapixel - Showcasing Web Treats Without A Hitch

web-toad — Tue, 13 Jul 2010 23:14:47 +0000

Welcome to the Part 5 - final part of the series on MySQL Functions. I hope you've enjoyed it(or at least found it useful so far. You might want to check out Part 1 - Date and Time Functions, Part 2 - String Functions, Part 3 - Fun With Numbers or Part 4 - Make Functions with Stored Procedures & Triggers, in case you have missed any of them. In this final part, I thought I'd take a quick look at how MySQL performs in terms of speed versus PHP.

CSS3 Rounded Image With jQuery

elving — Thu, 01 Jul 2010 03:23:39 +0000

The other day I was trying to style CSS3 border-radius to image element and I realized that Firefox doesn’t display border-radius on images. Then I figured a way to work around it — wrap a span tag around with the original image as a background-image. Thanks to Darcy Clarke for the jQuery code which does the magic tag wrapping automatically.

9 Useful PHP Functions and Features You Need to Know | Nettuts+

dev-guy24 — Fri, 11 Jun 2010 18:54:58 +0000

Even after using PHP for years, we stumble upon functions and features that we did not know about. Some of these can be very useful, yet underused. Not all of us have read the manual and the function reference from cover to cover!

14 Helpful Cheat Sheets for Front-end Web Development | Resources

web-toad — Fri, 18 Jun 2010 03:16:42 +0000

Here is a collection of useful cheat sheets specifically for front end web development that will help you with HTML, JavaScript, and CSS.

A Collection of 20 HTML5 Video Players

NetKit — Thu, 08 Jul 2010 18:21:23 +0000

Here are 20 useful HTML5 video players which allow you to easily embed video into web pages.

52framework tutorial video on Vimeo

elving — Tue, 06 Jul 2010 20:25:41 +0000

The first ever html5 css3 framework! This video will show you the process of making a website from scratch using it.

Saving Bandwidth and Improving Site Speed Using CSS Sprites

elving — Sat, 03 Jul 2010 18:55:50 +0000

You may be aware of the CSS technique of displaying an "on/off" state for a button which is contained within a single image and positioned using the background-position CSS attribute on :hover (see the tutorial on a button that uses CSS sprites). CSS sprites are basically the same concept.

Create a Simple Interactive CSS Button with jQuery

elving — Tue, 04 May 2010 21:53:31 +0000

Alright, in this tutorial we will be creating a button that will replace the default submit button. It will be degrade gracefully, animated and easy to implement.

How To: Implementing Gravatar in your PHP Application | Graphic and Web Design Blog

elving — Sat, 05 Jun 2010 23:28:36 +0000

We’ll now make a simple PHP application which shows you the Gravatar associated with an email. So let’s get started without wasting any time!