Archive For September, 2012

20 articles

Real Time CSS Editing with SoFresh Bookmarklet

Tired of refreshing your browser when editing CSS files? SoFresh is a bookmarklet based on the excellent CSSrefresh. It allows you to select which files you want to refresh (or not). They are refreshed every time you save them, so that you don’t need to refresh your browser. Launch our cool bookmarklet and start editing your CSS code to see the changes live.…

Tilt-controlled Images For Mobile Phones: Lenticular.js

Lenticular is a JavaScript library that produces tilt-controlled images for mobile phones. Remember those cards from the bottom of the Cracker Jack box – the ones that changed images as they were tilted? Well, lenticular.js brings that interaction to the iPhone. It can be used for fancy-pants product views or just to slather some whimsy onto a boring.jpg. Check out the demos on…

Responsive Web Design Viewing Choices: Responsive Viewport

Responsive Viewport (ReView) is a dynamic viewport system that provides efficient responsive web design viewing choice. The system provides both initial ‘Opt-In’ and ‘Opt-Out’ responsive design states. Responsive Viewport is developed in pure JavaScript according to the principles of core (mobile) first progressive enhancement. [rss]Special Downloads[/rss] [rss]Design Freebies[/rss] [rss]Feedback Collection and Polling Widget[/rss] [rss]Free Creative Resume Template[/rss] [rss]Open Source Icons[/rss]…

Free Web Font Service By Adobe: Edge Web Fonts

Edge Web Fonts is a free hosted web font service from Adobe that provides access to a large library of web fonts made possible by Google, Adobe, and designers around the world. Use of the fonts is free and unlimited. Edge Web Fonts uses Typekit’s font serving platform and JavaScript libraries for browser compatibility and font events. To use these fonts,…

Simple & Responsive CSS Framework: Base

Base is a super simple & responsive CSS framework built to work on mobile devices, tablets, netbooks and desktop computers. Built for all devices big and small, base has got you covered Works with screen readers in mind and has comes with JS fallbacks Well commented CSS to ensure your implementation is a breeze [rss]Special Downloads[/rss] [rss]Design Freebies[/rss] [rss]Feedback Collection…

Free Responsive HTML5 Portfolio Template: IAmCreative

IAmCreative is a simple, clean and responsive HTML5 portfolio template to showcase your work, perfect for any designer, photographer, illustrator, creative person or agency. It focuses on displaying a high quality portfolio, large typo presented in a really elegant way. Template Main Features Built using HTML5 Responsive and Adaptive Design Working Contact Form Image Slider and Image Gallery [rss]Special Downloads[/rss] [rss]Design Freebies[/rss] [rss]Feedback…

JavaScript Framework For CSS Media Queries: Enquire.JS

Enquire.js is a pure JavaScript framework for programmatically responding to CSS media queries. Respond to media queries being matched (and even unmatched!) Respond to browser events with aplomb And if you want to get really fancy, run one-time setup routines [rss]Special Downloads[/rss] [rss]Design Freebies[/rss] [rss]Feedback Collection and Polling Widget[/rss] [rss]Free Creative Resume Template[/rss] [rss]Open Source Icons[/rss] [rss]Free Minimal Wordpress Theme[/rss]

Content Generation Toolkit For Rapid Web Prototyping: Dummy

Dummy is a content generation toolkit designed to make the development, testing and presentation of web prototypes less time consuming and more realistic. It does so by making it easy to populate static HTML with dynamic content, and by randomizing elements within a layout on subsequent loads of a document, in a way, simulating connectivity to a live database. Dummy's…

Easily Create Parallax Scrolling Websites: Jarallax

Jarallax is an open-source javascript library which makes adjusting css based on interaction easy. With Jarallax it's easy to create a parallax scrolling website. Unlike other Javascript libraries Jarallax supports custom controllers and where traditional animations are time-based Jarallax allows you to decide what animations react to. For example: Scrolling, mouse gestures, webcam, tablets, etc. [rss]Special Downloads[/rss] [rss]Design Freebies[/rss] [rss]Feedback Collection…

Free Schema Generation Plugin For WordPress: Schema Creator

Schema data is a set of structured HTML tags that provide a consistent format for search engines to see what type of data is being displayed, so that they can accurately represent that data in search results. When search engines know what content is supposed to represent what on a webpage, it allows them to utilize that in interesting ways.…
  • 1
  • 2