Sep
CSS Framework For Cross-Device Layouts: Less Framework 2
Everyone writes CSS differently. Less Framework takes this into account by having a minimal set of features, and does away with things like predefined classes. All it really contains are:
- A set of media-queries
- Typography presets aligned to a 24 px baseline grid
- And a grid, with its column sizes noted down within CSS comments
This CSS Framework uses inline CSS3 media-queries to switch between multiple layouts.
IE8 and below simply ignore everything inside inline media-queries. However, if you’d like IE to behave nicely, you can use something like css3-mediaqueries-js.
Categories:
Tags:
Aug
Goodness Baked For HTML5-CSS3 Projects: HTML5 Reset
HTML5 Reset is a project you can use as a template to start a new HTML5-CSS3 project. The HTML file contains a rudimentary HTML5 document structure, with all the every day stuff like title, header, footer, etc.
It also uses conditional comments to call about half a dozen IE-specific CSS files, as well as a couple popular IE-correcting javascript files.
HTML5 Reset is available as:
- The Bare Bones version is stripped down to the essentials
- The Kitchen Sink version is the version we use when we want the option to remove features, rather than add them.
Categories:
Jul
Tag Your Pictures With jQuery Notes
Tagging your picture is one of the interesting & fun feature that Facebook has, and everyone loves to tag their pictures.
Ever wondered having a PHP / jQuery plugin offering enhanced functionality and improved user experience for your own web application or web site?
jQuery-Notes is a simple, scalable and easy to use jQuery-Plugin that allows you to add notes & tag your pictures on your web site, web application or blog. The notes will be saved as a JSON-string so No databased required.
- Add notes to any image
- Totally scalable
- Easily customizable look via css
- Image linking
Categories:
Jun
Interactive Charts With HTML Table and Google Charts API
gvChart is a jQuery plugin, that uses Google Charts API to create interactive visualization by using data from the HTML table tag.
Its very easy to create charts with gvChart jQuery plugin:
1. Create an HTML table
2. Download and initialize gvChart
3. Connect gvChart to your table
Easily customizable and allows to create Area, Line, Bar, Column and Pie charts.
Categories:
Jun
60+ SVG & PNG Network Icons – OSA Icon Library
A useful and rare free collection of 60+ SVG and PNG Network Icons by Open source architecture (OSA). These Network Icons are based on the Tango Free Desktop Project SVG images.
Categories:
Tags:
Jun
Creative Resume Template
Ever thought about your resume as a marketing collateral? If not, start taking your resume more seriously – as your face to the world; especially if you are yourself involved in designing and making things presentable. Your resume should not only exhibit your profile but also demonstrate your skills.
While re-designing my personal resume recently, I was looking for some creative inspirations but did not get much ideas for online resumes. There are a lot of reasons for having an online resume. It is searchable, easy to update and distribute, and most importantly it contributes towards a greener and a paperless environment. Plus, it gives you a lot of freedom to demonstrate your creative skills.
Here is an example of online resume using CSS3, Google Font API for custom fonts and jQuery to navigate between different sections.
It is an experimental project for a basic online resume template especially for analyzing the capabilities of Google Font API.
Features:
- It is lightweight; renders smoothly is almost all browsers
- Using open source fonts, and
- Standardized and valid HTML & CSS
Categories:
May
7 Awesome Icon Libraries
Cool Icons Library for Prototyping
Splashy Icons – A cool icons library for prototyping containing 400+ free PNG icons.
This icons library can be used in web applications, websites, desktop software and for application prototyping. The package comes in 16*16 px.
Categories:
Apr
Advanced jQuery Date Picker and Time Picker Plugin
A ThemeRoller supported, easily customizable, advanced jQuery Date Picker and Time Picker Plugin by Any+Time™ JavaScript Library.
This jQuery Date / Time Picker aesthetically combines the functionality of calendar and clock together.
Some Features
- Format date as you wish to
- Custom week starting day
- Select your time zone
- Theme-able with jQuery ThemeRoller
- Ajax based validation
This free JavaScript date / time calendar works fine on all modern browsers and can be customize to use as a popup calender or always present calender.
Categories:
Tags: