Subscribe By RSS or Email

Recent Posts in ‘Coding’

gfx_css3_canvas

Logos Drawn Using CSS3 Canvas Only

Logos drawn with CSS3 canvas. No javascript or images used, Source: http://www.ecsspert.com/atari.php

MarioKart One Page Design

One-Page Horizontal Site with Bounce

One-page horizontal scrolling site with layering, easing, bounce and clever timeline navigation. Source: http://goo.gl/wqfRN

gfx-ala

One-Page Scroller with Interest

Layering, action and a lot happening with this AJAX-driven vertical scroller… including a bouncing rabbit sure to catch your attention. Source: ala.ch

slick-css-overlays

CSS – Overlays without Javascript

Slick CSS overlays without the use of Javascript. Modern browser support only. Source: http://iamunr.com/thumbnail-overlay/ CSS:

pure-css-icons

Pure CSS Icons without Images

Nicolas demonstrates how to generate icons using only CSS with no images required. Whereas it is still experimental and browser support limited, it is impressive nonetheless. Soure:

bluecadet-slider

Slider with Background Change

Site contains feature box slider with compelling imagery and staggered titles that add extra interest. Source: http://www.bluecadet.com

teehanlax-video

Adding Interest with Video

Site uses video background to add interest and make site feel live. Source: http://www.teehanlax.com/

sprite-cow

CSS – Sprite Code Generation

Sprite Cow helps you get the background-position, width and height of sprites within a spritesheet automatically generating the required css. Source: spritecow.com

9elements-typewritter-fx

Flash-less Typewriter Effect

Nice typewriter effect without images or Flash. Employs underscore.js and backbone.js Source: http://www.9elements.com/

sencha-framework

HTML5 Mobile Framework – Sencha

Sencha Touch allows you to develop mobile web apps that look and feel native on iPhone, Android, and BlackBerry touch devices. Source: sencha.com