Front-end Developer Blog and Resources on Css 3, Javascript and HTML 5
Front end Developer Jobs, Web developer tools, tips and tricks, CSS 3 and Html 5 Examples
Top 9 CSS and HTML validation services
Tools and services to validate css / html / code.
Walidator.com : front end to most common official validators
Markup Validation Service : Markup Validation Service by W3.org
CSS Validator : CSS Validation Service by W3.org
CSSCheck : CSS validator at HTMLHelp
Feed Atom and RSS Feed Validator : Atom and RSS Feed Validator at FeedValidator.org
HTML Validator : online validator [...]
Top 17 CSS Tutorials
Sites with long, multiple tutorials on CSS.
CSS Basics.com : Learn everything you ever wanted to know about the basics of CSS
CSS Tutorials : at EchoEcho
CSS Tutorials : Eric Meyer / Meyerweb
CSS Tutorials : at Tizag
CSS Tutorials : at Tutorialized
CSS Tutorials : at W3 Schools
CSS Tutorials : CSS guide, Tutorials, Articles at WestCiv
CSS Tutorials/Examples : Position [...]
Top 17 CSS Lightbox Variations
CSS techniques to overlay images on a webpage.
Lightbox JS : Original; a simple, unobtrusive script used to overlay images on the current page.
Greased Lightbox : Greasemonkey/Creammonkey/Opera user script designed to enhance browsing on websites that link to images such as Google Image Search, Flickr, Wikipedia, Facebook, MySpace, and deviantART.
GreyBox : A pop-up window that doesn’t [...]
CSS:Auto-matic Link Icons
CSS 2.1 has many new wonderful capabilities and cool tricks – automatic link icons.
First, a look at the end result :-
This is a normal link.
This is an external link to Google.
This is a link to a MS Word document.
This is a .zip file.
(don’t bother clicking the links though – they’re empty)
Via [psyked.co.uk]
Styling form controls
Roger Johansson has an in depth, 2 part look at styling form controls across the different operating systems and browsers. A worthy read if you have ever tried to wrangle submit buttons and input boxes into some form of consistency across browsers while trying to tweak their looks.
Visit site
Enhancing forms – Unobtrusive Javascript
An excellent example of how to use unobtrusive JavaScript for error checking a form prior to submission. The work is available for download, and at the end of the article is provided a sample form and some exercises to help with your understanding with implementing unobtrusive JavaScript on forms.
Visit site
Dynamic Help in Web Forms
Luke Wroblewski provides an excellent roundup of different methods being used around the web to provide help with forms. Definitely worth reading as it is a nice collection of patterns to solve the form help issue.
Using some images to capture the different strategies, he provides the good and bad of each method, concluding that there [...]
famfamfam.com: Icons
Sets of free icons that can be used in your web application or website.
They also have a set of attractive flag icons. Licensed either as free
to use or as Creative Commons Attribution 2.5 License.
Visit site
Flickr: Stock Repository
From the website: Free Stock photos for designers. You’re free to contribute your own photos or take what you need… As a courtesy to the photographer please let them know how and where you use their images, and do not bundle them in a package for redistribution.
Visit site
Rails Weenie – find answers to your Ruby on Rails questions
A point based question and answer website for rails issues. I suppose the title pretty much explained everything…
Visit site
Top 12 Ruby on Rails Tutorials
Jim Rutherford passes on these links, the 12 tutorials that [he] found most useful for learning Ruby on Rails.
Visit site
Loading XML into a page with xmlHttpRequest
A cool little blog post and demo that Retrieves an xml atom feed and xsl stylesheet with XMLHttpRequest().
Visit site
Web Usability – Accessible Forms
A nice overview of forms from the accessibility perspective, with examples of how to layout and markup a form, the appearance and how the layout appears when using a screen reader. If you have never experienced the web from a screen reader, be sure to check out these examples.
The article touches on form grouping with [...]
markItUp! jquery markup editor
We’ve been using jquery for our projects here but are still looking for a decent wysiwyg editor to build into our CSS. This editor is a bit different, in that its not wysiwyg but simply a markup editor, that is it will simply insert tags into your code in a fashion similar to your [...]
Read more →Web developer toolbar for Mozilla Firefox
Adds a menu and a toolbar with various web developer tools.
It offers quite a wide array of tools for web developers, such as ruler, css validation, DOM explorer, etc.
It has a nice feature when exploring DOM – it displays all the parrent elements – so you can see how any element is nested.
Add to [...]
Script.aculo.us Javascript Framework
script.aculo.us is a JavaScript library built on the Prototype JavaScript Framework, providing dynamic visual effects and user interface elements via the Document Object Model.
It is most notably included with Ruby on Rails, but also provided separately to work with other web application frameworks and scripting languages.
Features
script.aculo.us extends the Prototype Javascript Framework by adding visual effects, [...]
Mootools the compact javascript framework
MooTools is an open source, compact, and modular object-oriented programming JavaScript web application framework that is made by developers for developers. MooTools makes the process of writing extensible and cross-browser compatible code more efficient, concise and fun.
Benefits
With MooTools, the developer has the advantage of using:
An extensible and modular framework that helps give developers discretion (choice) [...]
Read more →What does a front-end web developer do?
Front-end web developers, the “artists” formerly known as web designers
are the bunch of people in the company that make sure that the data coming
from the backend gets displayed on the browser. They also make sure it looks
as closely as possible as the design, that ,
CED
came up with, and that the user can navigate through it, [...]
Powered by 
Follow me in these Social Networks