If you’re currently working on developing an app for the iPhone then you might want to give our featured web development tool for today a whirl. Ratchet is a UI framework powered primarily by CSS and a little bit of JavaScript implemented through simple HTML. It is a nice prototype tool that allows you to [...]
Wirefy is a responsive browser-based framework designed to create functional wireframes using standard elements. It is a collection of CSS and JS files that allows you to experiment with responsive wireframes quickly. Designed and created by Chris Da Sie, Wirefy follows the philosophy of mobile first, which makes it respond to the proper viewport. It [...]
Bourbon Neat is an open source grid framework built on top of Sass and Bourbon which is easy to use, flexible to customize, and can run in minutes with no hassles. It’s powerful enough to handle what you throw in and makes it easy to create responsive layouts. By using media () mixins, you can [...]
Lots of websites have started using plugins that display the latest tweets from Twitter. Well, here’s a simple jQuery script shared by ayalcinkaya from Mkyong that uses jQuery which basically has the same concept except that it retrieves only the user’s one latest tweet. jQuery AJAX $(‘#last-tweet’).click(function(){ $(“#tweet_result”).text(“Loading……”); var username = $(‘#username’).val(); $.ajax({ type: “GET”, [...]
One of the challenges a web designer faces is creating a site without any tools or resources, and this can be helped by using wireframe and mockup software. UXPin is a wireframing toolkit created by UX designers for designers. It is a quick, easy, and collaborative creation of wireframes, with drag-and-drop library for UI elements, [...]
David Walsh is web developer and blogger who loves to share his knowledge and ideas on MooTools through easy-to-follow tutorials, one of which will be featured today. In this particular tutorial, you’ll be creating three sliders with a Facebook-inspired design that you’ll use to control the height, width, and opacity of an image. Below is [...]
Here’s another awesome CSS3 tutorial that may be useful to your design projects. Andrew of Script Tutorials demonstrates how you can create optical illusions using CSS3. Below are the following codes: HTML Index.html <!DOCTYPE html> <html lang=”en”> <head> <meta charset=”utf-8″ /> <title>CSS3 Optical Illusions | Script Tutorials</title> <link href=”css/layout.css” type=”text/css” rel=”stylesheet”> <link href=”css/illusions.css” type=”text/css” rel=”stylesheet”> [...]
Our featured tutorial for today is from Chris Spooner of LINE25, and what it’s about is recreating that classic and attractive calendar (or date) icon which I’m pretty sure is quite familiar to everyone; we usually see it on various user interfaces to represent an organizer app or widget. But in this tutorial,,you’re going to [...]
Twitter Bootstrap is an extensive font-end toolkit that contains HTML and CSS-based templates used for developing web sites and applications like forms, typography, optional Javascript extensions and more. Bootstrap began as an internal Twitter object intended for developing management tools and was made as style guide. It then became popular as many users used this [...]
Calatin Rosu creates a sleek CSS3 and jQuery folder tabs that can be useful in updating your site’s look. He uses the same procedures in creating good-looking CSS3 tabs. Here’s how you can do it. HTML <ul id=”tabs”> <li><a href=”#” name=”tab1″>One</a></li> <li><a href=”#” name=”tab2″>Two</a></li> <li><a href=”#” name=”tab3″>Three</a></li> <li><a href=”#” name=”tab4″>Four</a></li> </ul> <div id=”content”> <div id=”tab1″>…</div> [...]
0
511
