50 fantastic tools for responsive web design. Fontomas - easy iconic fonts composer. Fighting the Space Between Inline Block Elements. I've seen this come up a couple of times lately on Twitter and then an interesting Dabblet so I figured it would be an important thing to document.
Here's the deal: a series of inline-block elements formatted like you normally format HTML will have spaces in between them. Online usability testing. Magic 3D Photoshop Action. Slicebox - A fresh 3D image slider with graceful fallback. Slicebox is a jQuery 3D image slider plugin that makes use of CSS 3D Transforms and provides a graceful fallback for older browsers that don't support the new properties.
The seigaiha or wave is a pattern of layered concentric circles creating arches, symbolic of waves or water and representing surges of good luck.
InfoGrid. Superman View Image Super Power Consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Custom Scrollbars in WebKit. Way back in the day, you could customize scrollbars in IE (5.5) with non-standard CSS properties like scrollbar-base-color which you would use on the element that scrolls (like the <body>) and do totally rad things.
IE dropped that. FFFFALLBACK - A simple tool for bulletproof web typography. Skitter - Slideshow for anytime! Mega Web Buttons Pack #1. Today we want to share our first set of easy-to-implement buttons called ‘Mega Web Buttons Pack’.
In this set you will find 42 buttons which you can use easily on your website. We are using the WooFunction icon set released under the GNU General Public License. CSS drop-shadows without images. Drop-shadows are easy enough to create using pseudo-elements.
It’s a nice and robust way to progressively enhance a design. This post is a summary of the technique and some of the possible appearances. Demo: CSS drop-shadows without images. The Top 8 Placeholder Services for Web Designers. In the last year, there's been a wave of helpful placeholder services.
Circular Discography Template with jQuery. Today we want to share a simple website template with you.
The template will show some discography or music albums in a rounded fashion, rotating the albums when clicking on next or previous. When clicking on an album, we will open the album details view which contains a music player (jPlayer) and […] View demoDownload source. The Perfect Fanpage Profile Picture (+ FREE PSD) - WP4FB. [message_box type="note" icon="yes" close="Hide"]When this post was post was published, WP4FB was only a simple WordPress theme that is not comparable to the current WP4FB WordPress plugin.
The current plugin is a completely new product with many new features. Therefore, this post may be outdated. [/message_box]I don’t have to tell you how extremely powerful Facebook Fan Pages can be. It’s massive, and many people have generated thousands of dollars using them. CSS Pattern Generator. WhatFont Bookmarklet « Chengyin Liu. ← Back to Chengyin's main page.
3D Ribbon Generator - CSS3d.net. Convert PSD to Wordpress with Divine. Convert Photoshop to Wordpress theme. Pixel Proliferation: A Toolset For Managing Screen Resolutions. In the digital world, change is constant. The device landscape is always changing and the device types are proliferating. With the increasing demand for more fluid and responsive experiences, it is becoming an even more arduous task to keep all of the device resolutions and screen sizes straight.
So we have packaged up our set of tools that help us stay current and we are offering it for download. The device landscape is diverse, bordering on splintered. Screens vary in physical size and aspect ratio. Of course, it is important to remember, this is a tool, and only a tool. Our work demands we have elegant ways of presenting the resulting design concepts. We hope this toolset lets you acclimate to new devices and resolutions quickly, and let you spend more time addressing the opportunities they present. 1. 2. Isotope. Webbyrå Norrköping Angry Creative. Brad Colbow - Independent Web Designer, Illustrator - The Brads - How to build a corporate website. Little Big Details. Cool Font Pairings.
Webdesign. The art of data visualization. The Elements of Retro Web Design. The vintage and retro style is becoming more and more popular in today’s digital artwork. The use of retro and vintage themes in design is probably one of the most pervasive trends since the industry went almost completely digital. In today’s post, we’ll look at examples of work sourced from the wonderful Dribbble, which helps us focus on snippets of a piece, rather than the entire design or illustration.
From here, it’s possible to identify what techniques have been used and to describe how they impact the overall design. You will become familiar with these design trends and be able to replicate them. To help you, short tutorials are scattered throughout the article. 1. Simple shapes are commonly used in vintage design. P. CSS Quick Tip: CSS Arrows and Shapes Without Markup. Nate Cavanaugh is the Director of User Interface Engineering for Liferay Inc., in which he helps guide not only the interface for end user products, but also the interface for different development methodologies. Nate currently heads up Liferay’s AlloyUI project, which is built on top of YUI3.