We are pretty bored with the current limits of the HTML-CSS and it is clear that the HTML5-CSS3 is the cure to let the creativity flow.
And, browser compatibility is no more a big issue as there are various resources like Modernizr, ExplorerCanvas or IE7.js that empower incompatible browsers.
If you didn't already, it is a good idea to warm your hands on HTML5 and CSS3 as they offer so much.
Here are 10+ free HTML5-CSS3 website templates to help you get inspired and started:
HTML5 Starter Kit is an impressive template that doesn't force you to build a specific type of website but shape it how you want.
This free HTML5 template is cross-browser (including IE6), tablet/netbook ready, can instantly use Cufón and includes some structural/re-usable classes.
And, it includes the layout as a .PSD file.
An image gallery layout with HTML5-CSS3 which includes:
- animated transitions, like a hover animated description for the images, using only CSS
- a tabbed interface for different galleries using CSS3’s :target element
Read the rest of this entry »
SiteFusion is an open source and server-based development platform where a XUL client runs code written with PHP.
The output is platform-independent and can access the client filesystem, run programs, play sounds ,etc.
There are no extra configurations required than running a website as the XUL client connects to a regular web server.
And, it offers a two-way real-time ZLib compressed communication which is great for building real-time applications.
There are lots of social bookmarking icon sets and new ones with a twist are being designed everyday.
Socialmonochromicons is a set of 150 vector social bookmarking icons to help you create a custom one by providing you the shapes of popular services.
They come in vector (.EPS) and transparent .PNG files so you can customize them easily.
Lightbox_me is a jQuery lightbox plugin that doesn't come with many features but simply enables you to lightbox any element. And, it is only 1kb compressed.
It can position the modal box smartly in every situation whether the windows is resized or the window is smaller than the modal.
The plugin has various options like defining:
- the effect used while appearing
- the speed of the overlaying process
- lightbox being closed with the escape button and/or when clicked on the overlay
- CSS class names and styles
To sum up, Lightbox_me is very functional for anyone who doesn't need features like image/video gallery support but only a simple and good-looking lightbox.
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.
TomatoCart is an open source e-commerce application that is branched from the popular osCommerce to offer a better experience.
It comes with a totally new front and back-ends where the back-end is an impressive desktop-like ExtJS-powered interface.
The application supports selling any type of item from simple products to digital goods and services.
Also, there are lots of features for marketing them including:
- gift certificates
- discounts based on quantity
- cross-selling and more.
TomatoCart creates SEO-friendly URLs for products, categories, reviews or articles and automated sitemap generation for a better ranking in search engines.
It also makes analyzing the stats easier with Piwik, an open source analytics application, being integrated into the admin dashboard.
Another interesting but handy feature is the "built-in webmail" which helps receiving and replying customer e-mails within the back-end.
TomatoCart is multilingual, being improved frequently and definitely worth checking out.
Cloud Zoom is a lightweight (6kb) jQuery image zoom plugin that comes with impressive features.
The plugin is unobtrusive and displays the zoomed version of the images:
- near the thumbnail image
- inside the thumbnail image (inner zoom)
It works in a "gallery mode" by default which automatically display a list images, shows the clicked one and can zoom to that image. This is very useful specially for product showcases (like in e-commerce websites).
The smoothness of the zoom effect, tint over the thumbnail or lens opacity can be totally customized and the plugin can be styled via CSS.
This is a set of 3D social bookmarking icons that are placed over a platform like statuettes.
They come in a pretty big size (435*424px) which can be scaled to a custom size preferred and the format is transparent PNG.
Icons in the set are: Twitter, Facebook, MySpace, WordPress, Picasa, RSS, Yahoo and Yelp.
About the designer: 3Dlb.com
is a library of 3D resources in various categories. The website shares some beautiful 3D icons under the category "Resources
They are free to be used in personal and commercial projects (no backlinks are required).
The only limitation is that they can not be re-distributed. Please mention this URL if you share them on your website, and thanks very much for that.
Every web designer can follow a different route when sketching the output. It can be an image in the mind, created with a software, drawn with hand on a paper, etc.
Whatever your choice is and even if paper sketching is not your best option, it can still be needed for anyone (while discussing with a client, sketching offline and instantly..).
Paper Browser is a set of PDF files that look like a browser which can be used for sketching easily once they are printed.
There are 2 different sets:
- Quick sketch: proportionally scaled to 1024x768px and subdivided into width sections (800, 960, 1024)
- Browser sketch: canvas is 1024x768px minus the height of the browser toolbar and status bar with 32*32px grids.
They both come with landscape and portrait versions.
For the last few years, with the prices becoming much more affordable, the usage of stock photographs has increased significantly, and besides the print, they are being consumed too much in the web as well.
Pixamba is an easy-to-use web-based "digital assets management" service to help microstock photography users in managing their portfolio of licensed stock images effectively.
Every stock image in the platform can be viewed anytime-anywhere, including when and how it was used and the up-to-date status of respective legal rights for further use.
This allows users to get the most out of the images, prevent them from re-purchasing the same or similar ones while making sure that the usage permissions aren't violated.
Pixamba interface has features like:
- index, store, search, tag, retrieve and back up of images
- managing them in multiple drafts and file versions
- uploading images one-by-one or as a bulk with FTP support
- assigning them to companies, taking notes on usage
- and much more..
The service comes with a 100mb full-featured free plan to paid ones with bigger storage options and definitely worth-checking for anyone who frequently uses stock photographs.
P.S. This is a sponsored post.