Articles Archive

newquoterobot-0

Quote Robot 2: Creating Impressive Client Proposals Just Got Even Easier

screenshot

As a designer or developer, paperwork is probably a necessary evil, not something that you particularly enjoy. Tasks like creating and managing client quotes and sending invoices can be annoying or even intimidating.

Fortunately, QuoteRobot is here to streamline the process for you. We took a look at this great app when it first launched, but now it’s been completely overhauled for version two, so it’s high time we had another peek!

December 13th, 2012 Posted in Business
themobilebook-1

Review: The Mobile Book by Smashing Magazine

screenshot

Smashing Magazine, one of the most significant forces on the web for all things design and development related, is hitting us with another tome of practical and insightful industry knowledge. The Mobile Book is the latest product of Smashing’s foray into publishing, and it just might be the best one yet.

Read on to see what The Mobile Book is, who it’s for, and why there should be a copy sitting on your shelf as soon as possible.

December 12th, 2012 Posted in Reviews
divshot-0

Divshot: An Awesome Way to Design and Build Bootstrap Pages

screenshot

Recently, we took a close look at Easel, a web-based site builder that leverages Twitter Bootstrap. Today we’re following that up with a tour of a very similar tool: Divshot.

With Divshot, you can quickly and easily build clean, responsive web page layouts using a combination of visual tools and hand coding. It’s a really slick tool and I think you’re going to enjoy using it.

December 11th, 2012 Posted in CSS
jqtype-0

20 Fantastic jQuery Web Type Plugins

screenshot

In recent years, web typography has gone from an embarrassment to a point of pride. From CSS to JavaScript, we’re gaining great tools almost daily that help us implement awesome type.

Today we’re going to look at the best jQuery plugins around that are specially built to make web type more awesome. Download a few and take your type further.

December 10th, 2012 Posted in JavaScript
solidify

Sketchpad to Screen: Testing Your Next Prototype With ZURB’s Solidify

screenshot

ZURB, the company behind Foundation and apps Notable and Verify, has introduced a nifty new product in Solidify, which allows early-stage prototype testing.

What’s neat about the application is that it allows you to upload prototype images (from almost any stage of a project) and submit them for real user testing. And we’re not just talking finished designs here; you can actually upload and test based on a sketch.

December 6th, 2012 Posted in HTML
cssmodalwindow-1

Build an Adaptive CSS Modal Window

screenshot

This tutorial is yet another fun CSS project that helps you build something that you may have thought was only possible with JavaScript. We’re going to create a modal window that can be shown and hidden with a click that’s powered by a CSS checkbox.

To sweeten the deal, we’re also going to use a media query to ensure that the modal screen adapts well to smaller screen sizes. Let’s jump in and see how it all works!

December 5th, 2012 Posted in CSS
thetruth-1

Winners Announced: Win One of Three Copies of the Truth About HTML5

screenshot

Recently, author Luke Stevens published an awesome article on Design Shack titled, “HTML5: Hype, Substance and Scrutiny“, which took a fascinating look at what HTML5 really is and isn’t and even strayed from the typical rhetoric by offering up some serious critiques.

Today we’re following that up with a giveaway of Luke’s amazing book, “The Truth About HTML5.” Read on to learn more about the book and see how you can win!

December 3rd, 2012 Posted in Competitions
thetips-10

25 Useful Resources for Creating Tooltips With JavaScript or CSS

screenshot

Tooltips are awesome, there’s simply no denying it. They provide a simple, predictable and straightforward way to provide your users with useful, context-sensitive information, and they look cool to boot.

We all agree on how great tooltips are, but how we go about implementing them can differ dramatically. If you’re at square one, looking for some tooltip ideas for your current project, you’ve come to the right place. We’ve got a whopping twenty-five different options that fall into two categories: JavaScript and CSS. No matter which method you’re looking to use, we’ve got the best techniques available.

December 3rd, 2012 Posted in JavaScript
DSCRT-92-0

Web Design Critique #93: Surfcamp Portugal

screenshot

Every week we take a look at a new website and analyze the design. We’ll point out both the areas that are done well in addition to those that could use some work. Finally, we’ll finish by asking you to provide your own feedback.

Today’s site is Surfcamp Portugal, a site from Rapture Camps. Let’s jump in and see what we think!

November 30th, 2012 Posted in Critique
navpics-0

Swap Your Page’s Background Image on Navigation Hover

screenshot

I love the challenge of building something with CSS that uses one item to trigger another. It can get pretty tricky to wrap your mind around all of the pieces involved and come up with a way to flow your HTML in a way that is easily controlled in your CSS.

Today we’re going to embark on just such a challenge. We’ll build a basic home page that swaps out background images based on the link that you’re hovering over in the navigation. Along the way, you’ll learn all about the idea of remote hovers and how to wield them in your projects.

November 29th, 2012 Posted in CSS
Subscribe
Membership