Web development, is the craft of realising a description of a website or app as a real, working thing. Front-end development is the part of this involving the browser. On the upside, you can get the rewarding feeling of making a Photoshop file into something living, that people can actually use instead of just look at. But on the downside, you have to trick and occasionally force-feed a design to, say, IE6. To say this part of the job requires a certain degree of bloody-mindedness is to be quite understated.
David Barrett is going to show us three things in the article: Getting to Work with New Web Technologies. Firstly, he will introduce to some new front-end technologies, like HTML5 and CSS3. Secondly, he will show you a few different ways you can use these new technologies in your projects today. And thirdly, he is going to show you a few little demos of these things, and walk you through their implementations.
Source: http://stuff.contrast.ie/talks/newwebtech2010/
OAuth can be a tricky concept to wrap your head around at first, but with the Twitter API now requiring its use, it is something you need to understand before creating a Twitter application. This tutorial: Creating a Twitter OAuth Application will introduce you to OAuth, and walk you through the process of creating a basic application.
Requirements: OAuth
Demo: http://net.tutsplus.com/tutorials/php/creating-a-twitter-oauth-application/
License: License Free
Locomotive is an open source CMS for Rails. It’s super flexible and integrates with Heroku and Amazon S3. it is a simple but powerful CMS based on liquid templates and mongodb database. You can manage as many websites as you want with one application instance. There is a nice looking User interface too.
Requirements: Ruby, Mongodb, ImageMagick
Demo: http://www.locomotivecms.com/
License: MIT License
CssUserAgent allows you to applies User-Agent specific CSS classes to the tag to allow browser-specific CSS variation without resorting to CSS hacks. Since these are performed once at startup, CSS may be statically defined without the need to mix browser-specific logic into the presentation.
Multiple classes are created for each user-agent, allowing the web developer to target browser classes on differing levels of granularity. The general pattern is browser name followed by version number of varying precision.
Requirements: Javascript enabled
Demo: http://cssuseragent.org/
License: MIT License
If you’re going to write an insanely fast, headless browser, how can you not call it Zombie? Zombie it is. Zombie.js is a lightweight framefork for testing client-side JavaScript code in a simulated environment. No browser required.
Requirements: Javascript
Demo: http://zombie.labnotes.org/
License: MIT License
DHTMLX Touch is an HTML5-based JavaScript library for building mobile web applications. It’s not just a set of UI widgets, but a complete framework that allows you to create eye-catching, cross-platform web applications for mobile and touch-screen devices.
The framework is compatible with the major web browsers for mobile platforms. Applications built with DHTMLX Touch will run smoothly on iPad, iPhone, Android-based smartphones, and other popular devices.
Requirements: –
Demo: http://www.dhtmlx.com/touch/
License: GPL License
Today we are going to look at the end-to-end tools and options you have for Building Large-Scale Enterprise jQuery Applications. Addy Osmani has put together a toolkit for large-scale jQuery application development by identifying the options you have available at the moment for dependency management, MVC with jQuery, templating, testing, minification and more.
Source: http://addyosmani.com/blog/large-scale-jquery/
Custom scrollbar plugin utilizing jquery UI that’s fully customizable with CSS. It features vertical/horizontal scrolling, mouse-wheel support (via Brandon Aaron jquery mouse-wheel plugin), scroll easing and adjustable scrollbar height/width.
You simply need to include jquery.min.js and jquery-ui.min.js, the jquery.easing.1.3.js (the plugin that handles animation easing), jquery.mousewheel.min.js (to support mouse-wheel functionality) and the jquery.mCustomScrollbar.css which is the file where you can style your content and scrollbars.
Requirements: jQuery Framework
Demo: http://manos.malihu.gr/tuts/jquery_custom_scrollbar.html
License: License Free
Contained Sticky Scroll allows you to create an element that will “stick” to the top of the window as the user scrolls, but which will not move outside of its parent element.
The download package contains both full and minified versions of the .js file, along with a demo page which explains the various options that can be used to configure each initialization of the plugin’s functionality. It has been tested the plugin in recent versions of Firefox, Chrome, Safari and even Internet Explorer 8.
Requirements: jQuery Framework
Demo: http://blog.echoenduring.com/wp-content/uploads/demos…
License: License Free
SimpleGeo provides an extremely scalable, cloud-based interface for storing, managing, and querying location data. Their prime offering includes a data library, tools for analyzing geodata, and mobile SDKs for quickly deploying advanced location features.
All of the SimpleGeo API is available through a REST interface using OAuth authentication. SimpleGeo data is made up of layers, which contain records. Each record can have metadata attached in the form of properties.
Requirements: –
Demo: http://simplegeo.com/
License: License Free
