Useful links from November 09
10 Awesome Techniques and Examples of Animation with jQuery
There's no doubt about the fact that jQuery is a very powerful javascript library that not only changed the way we write javascript, but also widened our possibilities. It's now possible to significantly enhance websites with a few lines of code, by for example, introducing animations. This article reviews 10 stunning animations techniques that make a visual impact within your site.
40 New Useful Web Development Tools and Resources
The truth in web coding is, if you are in front of a problem, there was certainly someone that was in your situation before, and came up with a solution. The web community is so huge and helpful that there are tons of tools that have been made available to help you. This page gathers a useful collection of new web development tools to save developers and designers time, energy, and headaches
A Beautiful Apple-style Slideshow Gallery With CSS & jQuery
Slick and minimalist, this is how I like design, and this particularly suits the Apple way of thinking. So when I saw this plugin, I immediately liked the fact that its just that, simple and to the point, but still very nice. I think it works very well, and can still make a difference in the very crowded area of jquery slideshows.
Mega Drop Down Menus w/ CSS & jQuery
When it comes to content heavy sites, casual menus might not be sufficient to help the user navigate efficiently to find what he needs. If you are selling products, you might want to make the user journey through payout as easy as possible, avoiding him the need to load extra pages along the way. This is something that can be achieved with more advanced menus like those demonstrated in this tutorial.
5 Simple, But Useful CSS Properties
Now that the buzz of the release of HTML5 and CSS3 has a bit calmed down, let's take five minutes to think about what we'll leave behind us at some point. Did we explore all the possibilities of CSS2? Did you know the five CSS properties listed in that post and did you ever used them? Personally, I didn't know neither clip nor white-space. Very nice article that is definitely worth the read. Let me know if like me you learnt something.
7 Free Disposable Chat Systems For Instant Communication
If you are interested in social networking sites, then you've probably realised than since the huge success of facebook, users expectations have raised. The ability to build a profile is not good enough any more, you'll need rich features like for example instant messaging. But don't be afraid, it won't probably mean coding nightmares as there are some complete and customizable solutions out there, and some of the best are in this list.
9 Most Common IE Bugs and How to Fix Them
It's not a secret for anyone, you can code your site as strictly as possible, there will be some time along the process dedicated to the hunting and elimination of IE bugs. So to save you some time, why not first having a look at the most common issues you are the most likely to encounter. This article is very well done with comparison between what you should expect but are actually getting, and plenty of screenshots and code snippets.
10 Handy & Cool jQuery Plugins
Ok so is this really another dumb list of jQuery plugins that we see every week? Well that's what I thought at the first glance of the title, but I was actually surprised by the amount of plugins I've never seen before, like the jMP3 plugin, allowing you to put some music on your site, a cool usability plugin like used on the Barclays Bank website called jQuery Autotab, some font effects, and so on.
Create Your Own Sliding Resizable Grid
Grid based design has become increasingly popular. It allows designs to fit on a basic structure thus the elements are all coherently aligned with each others. Even if some grid systems give you a bit of margin to play with, they are all quite strict, (well it's a grid after all isn't it...). To overcome this problem, here's a solution to build a dynamic grid, that adapts itself to the size of your browser, moving you elements to always fit in the nicest possible way on you screen. Visual impact guaranteed!
Design an Attractive One-Page Portfolio Using Photoshop
I did not bookmarked this page for the tutorial in itself, (even though it's a very good one), but for once for the final result. I really like what the designer is trying to achieve here, a simple one page design that looks very nice. It's not over designed but it's still very trendy. I like it a lot. Have a look!
Getting Started With Content Management Systems
I have to say I tend to have the nasty habit to forget to consider using other people's solutions instead of coming up with my own one, which sometimes can be very time consuming. But as the need for content management systems has been growing up, it soon became too much to come up with a 100% bespoke platform for every customer. That's why I have been looking for management solutions having very specific features, and this guide has been very useful during my investigations.
16 Gorgeous Web Safe Fonts To Use With CSS
When you start coding websites from design files, you'll be confronted with the problem of font integration. You are surely aware that not every font is called 'web safe', meaning that any internet user will have it installed on his machine, therefore viewing your site the way you intended it. That's a fair point but which font are actually web safe then? The answer is in this article.
Vertical Centering With CSS
I've never really understood why in CSS it is so easy to center an element horizontally whereas to center something vertically, it becomes difficult, there are different solutions, it's not always compatible in every browser, and so on. This article guides you through 5 different ways to vertically centering objects, as well as the pros and cons of each method.
Making A Cool Login System With PHP, MySQL & jQuery
In any website where you provide your users a personal area, you need to ensure that if they want to access it, they have to authenticate themselves properly, mainly by the use of login panels. Login to a website is therefore a very common task for visitors, so it's a good thing to try to make it as easy and engaging as possible. This login panel, based on PHP and jQuery doesn't interfere with your design and slides in beautifully to reveal a whole new set of features. Very nice.
Making an Interactive Picture with jQuery
This tutorial is amongst the best of the ones released in november. The final output looks awesome. It allows you to create an interactive picture. In other words, you take a picture, and then you enhance it with interactive areas like tooltips and popup boxes to reveal extra content. It can be very useful to provide the user with some information relative to a particular area of the photo.
TableGear
TableGear is PHP/Mootools application that recreates a powerful environment to allow you to work easily with data on a web page. The front-end side, powered by Mootools, will handle the user interaction, and the PHP side works with the data, the two being linked with Ajax requests. That's a nice way to create a bespoke web based data edition interface easily.
Ultimate Guide To Grid-Based Web Design: Techniques and Tools
Grid-based layouts are generally more aesthetically pleasing and balanced than those not based on grids. But as designing on a grid that suits you is not as straightforward as it seems. You'll find in this guide all the information you need to get it right. There's plenty of basic information there, as well as tons of links to more in-depth information on specific aspects of grid-based design from other sites. That should cover all your needs.
Load Data while Scrolling Page Down with jQuery and PHP
With some content heavy sites like social networks, pages can become quite long. Therefore, is there a need to load all the information on a page that is potentially 5 screens long? Is the user willing to see all of this anyway? If he is, then he will most likely scroll down. We can benefit from that to save him some time by not loading the entire page at first, and loading the remaining data as the user scrolls down, like on the facebook home page. This tutorial will guide you through the steps necessary to achieve this.
Using APIs With PHP? Here Are Your Classes
Most of the famous websites are coming with an API to allow developers to interact with their services from external websites or third party applications. In this case, you'll require to write the code to interact between your site and this API, which can be pretty difficult, and also a pure loss of time considering the fact that there are already coded classes out there. Facebook, Ebay, Twitter and much more, all waiting for you in this post.
jQuery and Google Maps Tutorial: #1 Basics
Ever considered about integrating Google maps in your website, but worried about the technical difficulties behind it? Well this excellent post from Marc Grabanski will prove you that there was nothing to be worried about. He will guide you through the required steps, and before you realise it, Google maps will be a feature of your site.
12 Useful jQuery Plugins for Working with Tables
When you have tabular data, tables are the way to go and are what you should be using. However, ordinary tables can be limiting to the user when you have complex data to display. Here are 12 very useful jQuery plugins that will add valuable functionality to your tables such as column sorting, fixed headers, pagination, and more.
jQuery Reel Plugin
Reel is a jQuery plugin that allows you to create 360° panoramas from images. It's very easy to set up, and gives great results. Furthermore, it's only 3.6KB. At last a good alternative to flash panoramas, which supports mousewheel as well as mouse click interaction.
Top 20+ MySQL Best Practices
I find it quite rare to find good articles related to MYSQL, and especially based on subjects that are different from the basic things we always retrieve. That's why for once I've read an interesting MYSQL article, I'd like to share it. It was full of things I didn't know before, but that are still very simple to understand and implement.
Why not share this here:
You may also like:
Leave a Comment
Posted Comments
