Archive for the ‘Xhtml & Css’ Category:
Reset The Styles & Recreate Them – Toucan CSS Reset
Toucan CSS Reset is a CSS framework that removes the differences of rendered items in different browsers just like Meyer’s or YUI’s reset files.
And also, it rebuilds the new generic rules for the typography, headings, paragraphs, lists, forms, tables etc.
It is a lightweight framework (~2.5kb compressed) and pretty easy to understand its logic + apply your own styles.
Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets
Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Related posts
HTML5Rocks: HTML5-CSS3 Resource By Google
HTML5Rocks is an online resource by Google that regularly shares various resources on HTML5 and CSS3.
The site has very detailed tutorials that digg stuff like HTML5 video or @web-fonts which are good starting points on the subjects.
An online playground with shortcuts to JS APIs + HTML-CSS properties helps trying new codes and seeing the outputs instantly.
And there is HTML5 Studio, which is a showcase of HTML5 codes like page-flip, video player, carousel, geolocation and more that are open source. It is possible to get inspired from them or re-use them in our projects.
Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets
Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Related posts
Free & Ready To Use Layouts – PrimaryCSS
PrimaryCSS is a CSS framework which focuses only on creating the most common layouts.
It comes with 22 different layouts from single column to multi-column variations which are compatible with all major browsers.
By default, the layouts are 960px in size but they are actually fluid and work with any width.
Simply, it is a handy framework for giving a quick start to any web project and a useful guide for new-comers to web design.
Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets
Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Related posts
Experiment CSS3 Properties Easily With CSS3 Playground
Mike Plate, a freelance web and mobile developer, has created an impressive CSS3 Playground to help seeing the properties in action easily.
The web application enables you to style a box with a text (that can be resized and re-positioned) with the help of sliders and color-pickers.
Once the properties (like radius, box-shadow, CSS3 transforms, etc.) are updated the result is displayed instantly with the CSS code generated.
Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets
Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Related posts
HTML5 Boilerplate: A Default HTML/CSS/JS Template For Any Project
Few days ago, a post at WRD was mentioning HTML5 Reset. And, here is a new option:
HTML5 Boilerplate is a HTML/CSS/JS default template (starting point) which helps the website to-be-built work cross-browser, support HTML5-CSS3 and work fast.
The template comes with various performance optimizations and optional features like cross-domain Ajax and Fash.
An .htaccess config file includes caching rules and prepares the website to serve HTML5 video, use @font-face, and enable gzip.
It is also built with mobile browsers taken into consideration and has an iOS, Android, Opera Mobile-adaptable markup + CSS skeleton.
HTML5 Boilerplate offers many other features like an optimal print stylesheet, a test suit for unit tests and much more.
Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets
Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Related posts
HTML5 Reset – A Base For HTML5-CSS3 Projects
While starting a web project, we usually use a set of resources like CSS-reset, various JS hacks for IE, etc. to overcome browser incompability issues.
HTML5 Reset is a project which aims to offer a base for the HTML5-CSS3 projects which covers these issues by default.
Besides the standard HTML tags, it has rules to reset the new tags like title, header, footer and JavaScript-powered fixes for IE.
The set comes in 2 versions:
- Bare Bones (stripped down to the essentials)
- Kitchen Sink (when we want the option to remove features, rather than add them)
Inside the download package, there is also a sample content provided to help you get started.
Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets
Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Related posts
CSS3-Enable Internet Explorer With PIE
PIE (Progressive Internet Explorer) is an IE attached behavior (.htc file) that enables Internet Explorer 6-8 to recognize and display a number of CSS3 properties.
There is almost no difference in coding for the CSS properties. It doesn't require any vendor prefixes (like border-radius rather than -moz-border-radius).
It is simply attached to an element in the CSS file like: behavior: url(PIE.htc); and adds support (full or partial) for the following CSS3 features:
- border-radius
- box-shadow
- border-image
- multiple background images
- linear-gradient as background image
And, the missing CSS3 properties are under development.
Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets
Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Related posts
CSS3 Click Chart Shows CSS3 Features With Examples
As CSS3 is being used more everyday and there are already ways to CSS3-enable incompatible browsers, if not already, it is time to check what it offers.
Impressive Webs, a blog on web design, is featuring CSS3 Click Chart which enables us to easily find out the new CSS properties with examples.
By clicking to the "?" besides every example, you can see the codes used to create them, the description of the property and browsers supporting it.
Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets
Advertisements:
FindIcons.com – Ultimate Free Icon Search Engine
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Related posts
CSS3 Support For IE 6-7-8: IE-CSS3
There are various solutions for adding CSS3 support to Internet Explorer and here is another one that works pretty good.
IE-CSS3 is a script (.htc file) which can be mentioned within the CSS file (like behavior: url(ie-css3.htc);) and enables IE to support:
- border-radius
- box-shadow
- text-shadow
properties (which are the most popular ones).
It simply rebuilds the elements -which IE-CSS3 is applied- with VML (an IE-specific vector drawing language).
In order to prevent the script break the output in other browsers, it is definitely a good idea to use it in IE-specific CSS files.
Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets
Advertisements:
FindIcons.com – Ultimate Free Icon Search Engine
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Related posts
Create Fluid Grids Easily: Tiny Fluid Grid
Tiny Fluid Grid is a CSS grid framework for creating fluid grids easily and instantly.
It is inspired by the 1KB CSS Grid and enables you to customize the output by defining the:
- number of columns
- gutter percentage
- min & max width
with the help of sliders.
Once created, you can preview the grid or download it which includes a demo file with the CSS.
Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets
Advertisements:
FindIcons.com – Ultimate Free Icon Search Engine
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)