Deal of the week: 9 classic, vintage, retro, grunge fonts

When it comes to your web design toolkit, you can never have too many fonts. Typefaces are key to creating the right feel for a client, and if you want to get the right font for a brand, you need plenty of options. So we’re delighted that our sister-site, MightyDeals.com, has arranged a deal on this awesome bundle of retro typefaces from Cruzine. The bundle includes 9 retro fonts families:   Just Be Cool ... Just Be Cool is a beautifully executed handwritten typeface. It’s perfect any time...
read more

How to make a ghost button in CSS3

With Halloween just a few days away, this seems like the perfect time to explain how to create an incredibly simple ghost button, in pure CSS. These buttons are referred to as ghost buttons because they have just an outline and let whatever is behind them show through. They’re incredibly popular with startups, because they have a minimal simplicity that fits that style of site. They’re also super easy to make, and can add real impact with just a few lines of CSS. To build one, the first thing you need...
read more

Deal of the week: 100+ essential 3D mockups & effects from IngImage

All designers rely on their tools; the more complete your toolbox, the easier you’ll find commercial jobs. So we’re delighted that our sister-site, MightyDeals.com, has managed to arrange a bundle deal on a pair of designer essentials — there’s even a special bonus included. You’ve spent days perfecting your design, so why slap it into a portfolio in a few seconds? A little craft can make your work stand head and shoulders above the competition. But who has time or money to print up the finished...
read more

10 free jQuery mobile menu plugins

One of the biggest headaches you’re likely to encounter as a developer is cramming a designer’s gigantic menu onto a mobile screen. There are options open to you: you could repurpose the menu for mobile, you could compact it with JavaScript, you could even reposition it with CSS. But thanks to the amazing jQuery community, you probably don’t need to. There are dozens of jQuery mobile navigation solutions available, all of which have been designed to solve the problem of menus that don’t fit...
read more

How to use CSS3 animation

In CSS3 we have two ways of creating animations: We have CSS Transitions that allow us to create some simple effects for things like hover; and we also have CSS Animations for more complicated effects. We can in fact create pretty much any animation we want using pure CSS and since it works with keyframes it uses a system we are already used to seeing in software like After Effects and Flash. In this article I'll get you through the basics of animating with vanilla CSS.   Browser support ... CSS Animations...
read more

How to use CSS3 transforms

CSS has developed exponentially in a relatively short time. From a language that began with simple style choices, we’ve developed a sophisticated way of laying out content. CSS3 has tons of amazing features, and one of the key aspects is the ability to modify an element using CSS Transforms.   Browser support ... Browser support for transforms is actually fairly extensive; 2D transforms are supported by all major browsers, including IE9 and above; 3D transforms are supported by all modern...
read more

How to create your first jQuery plugin, part 2

In the first part of this tutorial we created a very simple jQuery plugin, but the main problem with what we created was that the user didn't have any control over how the tooltip would appear, and in this second part we will create the necessary code to allow the user to change the defaults and replace them with their styles.   Creating our options ... The first thing we need to do to allow the user to pass their own styles when calling the plugin is change the code we use to name the plugin, our code was: $.fn.tooltipMe...
read more

How to create your first jQuery plugin, part 1

Creating your first jQuery plugin means that you’re no longer a beginner. You can now create something that you can use over and over again, or even package and sell to other developers. It may seem hard, but in reality creating a jQuery plugin is actually a simple process. In this article I’ll show you how simple by creating a simple tooltip plugin.   The markup ... Any jQuery plugin requires some kind of markup and in our case all the plugin will need to be able to run properly is an anchor tag that...
read more
Load more