A Date Range Picker For Twitter Bootstrap
A beautifully done free date range picker component for Twitter Bootstrap. This date range picker creates a dropdown menu from which a user can select a range of dates.
If invoked with no options, it will present two calendars to choose a start and end date from. Optionally, you can provide a list of date ranges the user can select from instead of choosing dates from the calendars.
For basic use cases like collecting event or reservation dates, you can attach it to a text input to pop up two clickable calendars to choose dates from. For more advanced use cases, you can attach a date range picker to any element, pre-define your own date ranges for the user to choose from, and set a custom callback function to receive the chosen dates. Click here to read more.
60 Vector Shapes Perfect For The Web – Jigsoar Icons
A free, creative commons licensed custom designed icon set with 60 vector shapes, perfect for the web.
Retro Portfolio Premium Site (Free PSD)
A beautifully crafted Retro portfolio premium website PSD template. It helps you for showcasing your work in an eye catching way.
CSS3 Selectors Quick Reference Guide
A selector is a pattern; it’s the part of a CSS rule that matches a set of elements in an HTML or XML document. The declarations that appear in the block that follows the selector are applied to all elements that match this pattern, unless they’re overridden by another rule in the cascade.
CSS3 Animated Media Queries
CSS3 brings us many new features we use for our web designs and one of the features that can help improve the web site usability is Media Queries.
Media Queries are used by find out the current max resolution of screen and allow you to use different CSS for this state than normal CSS. This is what’s called responsive design it discovers what resolution the visitor currently has and responds to this by the use of Media Queries.
Texturise web type with CSS
As newer CSS properties, such as text-shadow, gain traction, there’s no limit to what can be done with web type. Trent Walton from Paravel goes a step further by texturising it.
The growing acceptance of WOFF and services such as Typekit, Fontdeck, Font Squirrel, and Fontspring, web fonts are everywhere. Now that web designers have access to more type choices, they want the same level of control over fonts that print designers have. While much can be achieved with web-safe fonts and core CSS properties such as font-weight or letter-spacing, many CSS3 properties can now be used to provide even greater control. WebKit browsers have a little-known but fantastic property that can be applied to text called mask-image.
Understanding CSS Filter Effects
Filters are a powerful tool that web authors can use to achieve interesting visual effects. In this article we’ll cover the history of filter effects, what they do and how to use them. We’ll cover examples of all the predefined filters defined for CSS with some examples. We’ll also cover performance considerations for using them on desktop and mobile devices since knowing the speed impact of filters is important for a good user experience. Finally we’ll review the current state of implementation in modern browsers.
Filter effects originated as part of the Scalable Vector Graphics (SVG) specification. They were created to apply a number of different pixel based image effects to a vector drawing. Over time as browser vendors added SVG capabilities into their browsers, the usefulness of filters became evident.
Parallax Background Builder
Parallax Background Builder it is a unique Web Application, which quite simple to use and yet offers high-level modularity.
Parallax Background Builder provide you the ability to quickly and easily build an amazing animated background with parallax effect for your site or specific components.
Generating Nav Links From Page Elements: MagicNav.js
Easily generate links from elements on your page. For example, generate links to all the articles on a page by linking to the article’s h1’s, and put them in a nav element on the page with an id of article-nav. (By default, the links will use the same text as the h1).
Object Oriented JavaScript Application Framework: Enyo
Enyo is an object-oriented JavaScript application framework emphasizing modularity and encapsulation. Use the same framework to develop apps for the web and for all major platforms, desktop and mobile. Enyo’s elegant component model makes it simple to build and maintain even the most complex apps.
12 Columns Fluid Responsive CSS Grid System
One% CSS Grid is a 12 column fluid CSS grid system. It’s been designed as a base for building responsive web layouts easily, quickly and with minimum effort. You don’t have to take care of resizing and rearanging your layout for each platform separatelly. One% CSS Grid will do all this for you.
One% CSS Grid is a percentage based grid system, it means that it will perfectly adapt to all screen resolutions (mobile, tablets and big screens).
One% CSS Grid has 2 starting options, one which fits 1280px screens (in full screen view) and another one which fits 1024px screens (in full screen view).
Open Source Script For Building Your Own Crowdfunding Site: Selfstarter
Selfstarter is an open source starting point for building your own ad-hoc crowdfunding site. It is built with Ruby on Rails and uses Amazon Payments for collecting the funds. However, any other payment providers can also be integrated.
