In this tutorial I will teach you how to create a twitter UI box for your website or desktop application. As always the PSD files are available for download with this tutorial. If you have any questions, please ask in the comments.
A recent requirement of mine was to convert large CSV files to XML, and then build an accompanying interface to update & manage the data. jQuery is very useful for traversing & manipulating large DOM’s, but there are a few gotcha’s to be aware of.
In this tutorial, we’ll learn how to create a slick email signup form. This form will harness the full power of AJAX, meaning that we will submit data to the server, validate it, and receive a response – all without a single page refresh Along the way, you should pick up some useful tips related to PHP and JavaScript, as well as general programming best practices.
With the constant move to replace Flash for simple use cases many websites are using HTML + CSS content sliders or carousels to show information. Many of these are quite complex and rely on animations created in javascript, the only way until CSS transitions were introduced into Webkit browsers (Safari, Chrome etc.) in 2008. By the end of 2010 transitions will be implemented in the stable build of all browsers apart from Internet Explorer – with features still being added to the IE9 previews we may even see them supported in IE9.
In this tutorial I will show you how to create a website layout using the apple.com style
Disqus is a great plug-n-chug commenting system, but it’s lacking a few very useful features: Markdown support, syntax highlighting the comments, and callbacks to tell you when a comment has been added or edited. And getting the comment/reaction count for the current page or linked posts is overly complicated and/or not-well-documented. This plugin hopefully simplifies the Disqus installation process while adding several helpful features.
In this tutorial, are going to create an animated 404 page, which will make the experience of running into the notorious 404 error a lot less frustrating. You can also easily modify and improve it.
We are like to presenting some useful JavaScript tutorials, jQuery snippets, libraries, articles, tools and resources, we’re today with some latest techniques about javascript. In this round-up we sharing calendars, forms, buttons, navigation, debugging, optimization and compatibility tables as well as handy resources and tools. We also cover various jQuery-plugins that will help you extend the functionality of your website development and improve user experience with ready components or coding solutions. Most of the Web Developers and Designers are using mostly JavaScript as per latest design requirements, because now many modren techniques are available on world wide web, we always follow various web techniques and scripts for best user experience, we sharing most wanted JavaScript Tutorials as per modern web needs.
Listify is a very simple free service for web developers which allows you to convert raw text to html’s ‘list’ or ‘option’ elements by choosing various options like delimiter, type of lists and ignoring digits.
Stylebot is a Chrome extension that aims to simplify customizing the web, making it more accessible and adaptable. It puts you in control of the webs presentation, allowing you to quickly change the appearance of any page.
It’s really bugged me when writing large JavaScript applications, organization of code never really seems to be considered. We use frameworks for all the server-side stuff we do, but everyone seems content writing JavaScript in one big mess. Enter MVC using MooTools.
Learn the difference between a Landing page, Land and Jump page and a Microsite and how to design a page that converts.
A cool jQuery slideshow that displays images in a reel like fashion, one image at a time and in an continual manner. Supports both horizontal or vertical orientation.
It will take an awful lot of effort on Google’s part to tear most web developers away from their beloved Firefox, but with the number of web-developer-friendly extensions for Chrome on the rise, developers in increasing numbers are giving Chrome a try and some of them are not looking back.
The new canvas tag in HTML5 is known for its illustration power. It’s basically an empty element on which you can write and sketch using Javascript. But there’s a hidden power: image manipulation. In this article we’ll show you some fundamentals of pixel manipulation in the canvas, and how to use this knowledge to obtain interesting effects.
Alex Le used a really interesting technique originally proposed by Jacob Seidelin for pushing the limits of the 10k Apart Contest - storing JavaScript and CSS in PNG files. The idea is pretty simple - since the contest limits the size of the final files, you can include more code by putting text inside PNGs and taking advantage of the PNGs internal compression.
HTML5 validates forms without additional JavaScript.
Currently only Safari & Google Chrome supports this functionality.
This plugin gets the same result in Firefox & Internet Explorer.
With a single line of code…
A comprehensive discussion of how to use CSS counters, including an infographic and details on browser support, benefits and potential drawbacks.
Cross-site scripting (XSS) is a type of security vulnerability which allows attacker to inject external client-side code on a website. Exploited vulnerabilities can cause only a small nuisance but in many cases they can also be exploited in very harmful ways.
In this article I’ll make an overview on XSS as a vulnerability, listing the forms of vulnerabilities and how they are exploited. I’ve also created a light example, which is meant for demonstrating XSS in real use.
The new canvas tag in HTML5 is known for its illustration power. It’s basically an empty element on which you can write and sketch using Javascript. But there’s a hidden power: image manipulation.