Useful links from February 2010
10 jQuery Plugins for Easier Google Map Installation
If you are developing websites for customers, you may have encountered someone that asked you if it would be possible to integrate a google map, so they can show their location to visitors. If you ever thought that this may be too complex for you, then think again, as there are plenty of already made solutions for you out there. This article from speckyboy.com for example is very good as it features 10 plugins that will help you to display a google map into a page just like you want it.
10 ways to make Internet Explorer act like a modern browser
I know that some of you are all excited about the recent releases of HTML5 or CSS3, but you may also still be a bit reluctant to use those new techniques as you know that it will be badly supported. There are a few tricks that you can use to make things a little better than they are in IE. This post from catswhocode.com, presents techniques that you can use to make IE support the new HTML5 selectors, or the new text or box shadow properties (which I find quite great btw), but also rounded corners, opacity, RGBA and so on. It covers pretty much the nicest new things that are supported by everyone but IE hence its usefulness.
25 Ultimate Useful Form Tutorials Using CSS and Javascript
I find form quite complex to build if you are doing things properly, and therefore it is quite time consuming. It could be difficult to style too with some elements such as the selects or the file inputs very resistant to styling. But now, with the help of new CSS functionalities and some javascript magic, you can obtain some very good looking results. This article is listing loads of form design that you can use for inspiration, but also some tutorials that will help you design what you see.
Cropzoom
CropZoom is a plugin that lets you select an area of an image to crop. You can zoom in or out the image and even rotate it before cropping. Once you are happy with your selection, it crops the image for you and gives you a result you can work with. Cropping images is particularly appreciated on social networks or actually any application involving photos.
Get down! How to keep footers at the bottom of the page
When pages do not have enough content, it is usually not very good looking to have a footer wandering in different positions as you are browsing a site. It is not very aesthetic and it is not very practical either. The solution to keep footers at the bottom of the page is a css technique called sticky footer. This article, made by Matthew James Taylor back in 2005 is one approach to sticky footer that works well for simple sites. It is easy to understand and implement, and it is cross browser compatible.
20 Free & Open Source Image Galleries for Web Designers
There are so many jquery plugins related to image galleries out there, that it is quite nice to have a list of most of them all in one place. Whatever your need is in term of display and functionalities, I'm sure that you will find one that suits you there.
jQuery.sheet
If you are looking for a way of integrating spreadsheets into your application, jQuery.sheet could be something to consider. jQuery.sheet allows you to integrate a spread sheet style interface into your website and to enjoy advanced functionalities. It even supports a great deal of ms excel functions. It's quite difficult to understand how it works though I think...
SimpleForm: Easy PHP multi-form email handler
SimpleForm is basically meant to be an easy solution to handle one or many forms with little effort. It's very simple, first there is a configuration file where you define all of your website forms, their title, fields, form, required fields and the location of each form. Then SimpleForm takes care of pre-cheking the form fields with JS and then validating them with PHP, if it's valid then it will genereate a success message or otherwise, an error message.
Plupload
Plupload allows you to upload files using HTML5 Gears, Silverlight, Flash, BrowserPlus or normal forms, all in one plugin. It also provide some unique features such as upload progress, image resizing and chunked uploads. It has a very nice interface, even supporting files drag and drop. I was looking for a solution like this to upload multiple files from a web application. This will be jut fine for next time.
Pubwich
If you are looking for a social media aggregator, then Pubwich is definitely worth checking. It allows you to pull your latest status / activity from the main social platforms such as delicious, facebook, twitter, flickr and so on. It is open source so you can modify the code to suit your own needs and integrate it better in your website. Again, if you are looking for a solution that can summarize your online activity in one place, then I would give Pubwich a go I think.
CSS Rounded Corners In All Browsers (With No Images)
"CSS Rounded Corners In All Browsers (With No Images)" is that too good to be true? I was quite curious when I saw this post title so I investigated. The emergence of the new CSS3 technology, and the fact that it is now supported by more and more browsers leads to a good adoption of the border-radius property. The problem? IE as usual which doesn't support it. This post will explain how you can get nice rounder corners in IE and Opera anyway.
CSS text-indent: An Excellent Trick To Style Your HTML Form
This post really changed the way I saw form design. You probably know what the text-indent property does in CSS. It's a common CSS property allowing webmasters to indent paragraphs and hide text for image-based links. Text-indent does this great; however, it doesn't just hide and indent text. It does more. When you use it with forms, it can give you very aesthetics results.
"Vertical Tabs" for jQuery lovers!
There are quite a few jQuery plugins out there that can help you to setup horizontal tabs. Some of them are powerful enough to support vertical tabs but I would say not as much as this one. So next time you will need to have some vertical tabs on your great interface, remember that there is a plugin for that! The demo here even works with mouseover events. Great effect.
2010 CWE/SANS Top 25 Most Dangerous Programming Errors
Security is very important in web development. It could mean several things, security against services attacks, against identity theft, against intrusion and so on. But do you know what the biggest threats are? And how to at least begin to try to prevent them? The Top 25 Most Dangerous Programming Errors is a list of the most widespread and critical programming errors that can lead to serious software vulnerabilities.
Learning jQuery: Your First jQuery Plugin, BubbleUP
Not only this post is very useful because it explains the different steps that are necessary to write your own jQuery plugin, but it is also nice because it will give you a nice and useful plugin in the end. The effect is a nice starting point for learning the basics and many of the steps involved in creating other more intricate plugins you will make in the future.
Best Practices for Hints and Validation in Web Forms
Forms are usually very important parts of web applications. It could allow people to register on your site, add / edit content there and so on. Users are filling the fields that you provided because you are awaiting some specific information. But you can't trust the user's input. You have to validate it and make sure that what they typed is correct. This post explains how you can tell the user what you want, show him what is required, or guide him when something goes wrong. Quite interesting read.
Coding your First jQuery UI Plugin
Writing a plugin for jQuery UI is not as straightforward as doing so for jQuery alone. Some of the methods used differ from that of standard jQuery plugins, and there are stricter conventions that should be followed. Over the course of this tutorial, you will be shown the coding conventions and general guidelines that should be adhered to when authoring plugins for jQuery UI. Very handy then if you are interested in knowing more about jQuery UI development.
Partager:
Vous seriez peut être aussi intéressé par::
Commentaires récents
