Browsing articles in "CC License"
7
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

CSS Framework For Cross-Device Layouts

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:

11
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.

Reusable Parts Of HTML5-CSS3 Projects: HTML5 Reset

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:

  1. The Bare Bones version is stripped down to the essentials
  2. The Kitchen Sink version is the version we use when we want the option to remove features, rather than add them.

Categories:

Tags:

22
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?

Tag Your Pictures With jQuery Notes

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:

Tags:

29
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.

Interactive Charts With HTML Table and Google Charts API

Categories:

Tags:

16
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.

60+ SVG & PNG Network Icons

Categories:

Tags:

3
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.

Creative Resume Template

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:

Tags:

23
May

7 Awesome Icon Libraries

Cool Icons Library for Prototyping

Cool Icons Library for Prototyping - Splashy Icons

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.

Read the rest of this entry »

Categories:

Tags:

25
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.

jquery-date-picker-time-picker-plugin-anytime-javascript

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:

Creative Resume Template
Open source icons
Best Hosting