Free Vintage Web Icon Set (30 Icons) from IconShock.
Today Codrops want to share a neat experimental portfolio template with you. The main idea is to have a grid layout that we create with jQuery Masonry. Clicking to view more, they expand the according item to fullscreen in order to show a longer description of the item and a representative fullscreen background image.
Each item has a little slideshow of thumbs which will be animated to the right position once the portfolio item gets “expanded”. If you know Flipboard for the iPad, then you might recognize this effect we got inspired with.
The Columnal CSS grid system is a “remix” of a couple others with some custom code thrown in. The elastic grid system is borrowed from cssgrid.net, while some code inspiration (and the idea for subcolumns) are taken from 960.gs.
Columnal makes responsive web design a little easier. It is 1140px wide, but since it is fluid, will respond to the width of most browsers. If the browser gets thin enough, the site will change to a mobile-friendly layout. Try resizing this page to give it a try (Internet Explorer 6-8 will be a fixed width page).
The Expressive Web is a resource and showcase of some of the newest, and most expressive features being added to the web today. In addition to highlighting and providing information on twelve new HTML5 and CSS3 features, the site itself makes extensive use of new features such as CSS3 transitions, CSS3 transforms, web storage and more to provide a visually compelling resource for learning more about HTML5 and CSS3.
The site highlights the following HTML5 and CSS3 features :
- CSS3 animation
- CSS3 gradients
- CSS3 media queries
- CSS3 shadows
- CSS3 transforms
- CSS3 transitions
- CSS3 web fonts
- HTML5 audio
- HTML5 canvas
- HTML5 forms
- HTML5 video
- Web storage
GENWI is the premier cloud based Tablet and Smartphone Publishing Platform. We enable publishers to create and manage interactive, social, and live media apps on iPad, iPhone, Android, and HTML5 (iSites™). With over 1,500 apps GENWI leads the market in Tablet and Smartphone publishing.
Since winning the Web 2.0 Expo LaunchPad competition in April 2009, PhoneGap has been widely recognized as a game-changer for mobile app development. The code has been downloaded more than 350,000 times and thousands of apps built using PhoneGap are available in mobile app stores and directories.
WOW Slider is a jQuery image slider with stunning visual effects (Blast, Fly, Blinds, Squares, Slices, Basic, Fade, Ken Burns, Stack, Stack vertical and Basic linear) and tons of professionally made templates. WOW Slider is packed with a point-and-click wizard to create fantastic sliders in a matter of seconds without coding and image editing.
Edge Preview Highlights
This version of Edge focuses primarily on adding rich motion design to new or existing HTML projects, that runs beautifully on devices and desktops.
- Create new compositions with Edge’s drawing and text tools.
- Import popular web graphics such as SVG, PNG, JPG or GIF files.
- Easily choreograph animation with the timeline editor. Animate position, size, color, shape, rotation and more at the property level.
- Energize existing HTML files with motion, while preserving the integrity of CSS-based HTML layouts.
- Copy and paste transitions, invert them, and choose from over 25 built-in easing effects for added creativity.