All posts in Xhtml

CSS Toolkit for Websites and Web Apps Development:Twitter Bootstrap

Bootstrap is a toolkit from Twitter designed to kickstart development of webapps and sites. It includes base CSS and HTML for typography, forms, buttons, tables, grids, navigation, and more.

Website and Web Apps Development CSS Toolkit

Bootstrap is built with Less and was designed to work out of the gate with only modern browsers in mind. Download, fork, pull, file issues, and more with the official Bootstrap repo on Github.

Websitehttp://twitter.github.com/bootstrap/
Downloadhttps://github.com/twitter/bootstrap

Front-end Development Code Standards

This document contains normative guidelines for web applications built by the Interface Development practice of Isobar North America (previously Molecular). It is to be readily available to anyone who wishes to check the iterative progress of our best practices. If you have any feedback, please leave a comment on the announcement blog post.

front-end-development

Website: http://na.isobar.com/standards/

Front-end Framework 960 Grid System – frontendmatters

FEM CSS Framework is a 960px width + 12 column grid system + CSS common styles, to easy and fast develop web layouts. It is based in the 960 Grid System, but with a twist in the philosophy to make it more flexible and faster to play with boxes.

front-end-framework

Download  |  Website: http://www.frontendmatters.com/projects/fem-css-framework/

Create beautiful CSS3 animations with ease

Sencha Animator provides CSS3 support and enables you to take advantage of new features, such as transitions and animations features. Use the Animator Properties panels to modify an object’s, size, color, borders, spacing, decoration, and more. Animator also lets you define your own custom CSS on a KeyFrame or Object basis.

create amazing css3 animation

A desktop app to create CSS3 animations for WebKit browsers and touchscreen mobile devices. Create rich experiences for today’s most popular devices.

Demo |  Website: http://www.sencha.com/products/animator/

W3C Introduces an HTML5 Logo

W3C unveiled today an HTML5 logo, a striking visual identity for the open web platform. W3C encourages early adopters to use HTML5 and to provide feedback to the W3C HTML Working Group as part of the standardization process. Now there is a logo for those who have taken up parts of HTML5 into their sites, and for anyone who wishes to tell the world they are using or referring to HTML5, CSS, SVG, WOFF, and other technologies used to build modern Web applications.

The World Wide Web Consortium (W3C) present an HTML5 logo.

html5-logo

The logo home page includes a badge builder (which generates code for displaying the logo), a gallery of sites using the logo, links for buying an HTML5 T-shirt, instructions for getting free stickers, and more. The logo is available under “Creative Commons 3.0 By” so it can be adapted by designers to meet their needs. See also the HTML5 logo FAQ and learn more about HTML5.

Read more…

Basic CSS/HTML/JavaScript Front-End Framework for web based projects

The main purpouse of EasyCSS/HTML/JavaScript Front-End framework is to provide a strong base for all web based projects. This frame work has the all basic ingredients which required for front end projects with browser comparability, it is meant to reduce the amount of time spent on setting up the basic master HTML template by reusing the same coding techniques. This framework includes the solid base HTML Structure and predefined basic CSS styles for both screen and print, It has the built-in set of interactive functions and a library of preformatted, no need for a single line of Javascript. Basic file organization and possibility of expanding the library with your own code.

CSS/HTML/JavaScript Front-End Framework
Website: http://easyframework.com/
Demo: http://easyframework.com/demo.php

email lists