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

Oct 24, 2014 By
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...

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

Deal of the week: John Forsythe’s 2014 Photoshop text effects collection

If you’re looking to jazz up your text, then what you need is John Forsythe’s huge text effect bundle. Our sister-site MightyDeals.com has run discounts for John Forsythe’s actions before, and they’ve been hugely popular; but if you’re one of the happy purchasers of a previous collection, never fear, because these are all new effects! This collection of over 3100 brand new text effects for Photoshop, features a vast array of styles that you can apply to text, with a couple of clicks....
read more

7 simple ways to optimize your website

We’re creating more and more demanding websites, with more and more assets. Now more than ever we need to make our sites blazing fast on desktop and on mobile. Fortunately there are some simple steps that we can take to achieve this… 1) Optimize images ... This may seem obvious, but it’s surprising how many people fail to optimize their images. What’s more, there’s a huge difference between using a medium sized image, and a fully optimized image. Image optimization doesn’t just reduce the...
read more
Load more