Explore the Articles

Photoshop

Create a Coming Soon Page in Photoshop

In this tutorial Stelian Subotin is going to create a minimal Coming Soon page using Adobe Photoshop. The trend of using coming soon pages has increased in recent years, as he hardly remembers anyone with a splash page in the 2000s. A lot of people and organizations have started using them to give some brief information about their upcoming (website/company/service). This way you can be prepared and ready for their launch. There is another, equally important, reason behind the coming soon page as well. You can set up a subscription or newsletter form and collect e-mails and use them for your (spam-free!) marketing campaign.

Read More
WordPress

Implement Google Search in your WordPress

There’s no disputing the fact that WordPress is a fantastic piece of software, but one thing it’s never been very good at is search. WordPress has provided its own search functionality for years, but the sad truth is it just isn’t up to scratch; search results are sorted by date rather than relevance, which is practically useless in sites with a lot of content. So how can we improve the search results on a WordPress site? There are plugins you can install to get better results — Relevanssi is a good option if you want to go down this route. However, if you really want to provide the best possible search results on your site, who better to turn to than the king of search – Google.

Read More
HTML5

Displaying the Progress of Tasks with HTML5

With the progress element, HTML5 pages can display the progress of a task, for example a download or background activity. In this tutorial Sue Smith will demonstrate how to use the progress element in your pages, with a simple JavaScript function updating the element as the task executes. At the moment the progress element is only really supported in Firefox, Chrome and Opera, with support developing in Internet Explorer and Safari, so you can’t rely on it just yet.

Read More
CSS

3D Flipping Circle with CSS3 and jQuery

Mary Lou would like to show you how to create a little component with a realistic touch. Maybe you have created these kind of paper effects when you were a kid; basically something opens or rotates when pulling or pushing some handle. She’ll create a circle with a handle which will open once the little handle is clicked, creating a realistic 3D flipping effect with the help of CSS 3D transforms and shadows/gradients.

Read More
JavaScript

jQuery++ Plugins to Cover Gaps in the jQuery

David Luecke offers a MIT licensed collection of extremely useful DOM helpers and special events for jQuery 1.7 and later. This is not a UI project like jQuery UI or jQuery Tools. Instead, it is all about providing low-level utilities for things that jQuery doesn’t support. If Underscore is jQuery’s functional-programming tie, this is jQuery’s bald-spot covering toupee.

Read More
Usability

Simulating The Letterpress: From Fireworks To CSS Code

One of the visual effects that is a mainstay in Jose Olarte's Web design toolkit is the letterpress effect. Used properly, it’s a quick way to make text blend better with the layout, as if it were machine-stamped onto the background. Think of what a home appliance marquee or a professional business card looks (and feels) like, and you’ll know what he is talking about. He has developed a simple workflow for creating a letterpress text effect in Adobe Fireworks that, with the advent of CSS3, can be applied directly to HTML text — no images needed. Here’s the best part: it doesn’t use any Bevel or Emboss Live Filters.

Read More
Server Side

Quick Tip: 7 PHP Functions for Beginners

Have you ever taken a look at the list of functions available in PHP? Andrew Burgess just counted 5025 on the PHP quick reference page. Granted, it depends on what extensions you have enabled, but still: that’s one heap of functions! While he can’t show you every one of them, if you’re new to the language, he will introduce you to seven really handy ones in this quick tip! Let's get started.

Read More
CSS

Learning LESS: Using Functions

Alex Ball continues on his journey of Learning LESS as he take a look at Nested Rules in LESS, which will help you write extremely clean code. Time to get our hands dirty in some LESS functions, which will likely blow your mind that it can be done in CSS. If you haven’t read the first three posts on the topic, check out the variables, mixins and nested rules posts.

Read More
Design

Adding Responsive Videos to your Design

Responsive designs are all the hype in Web development communities nowadays. With videos becoming an important marketing tool on many websites, there is a growing need to incorporate responsive videos into these designs. Responsive videos are elastic and are especially favored where web pages will be viewed on different screen sizes using a variety of browsers.

Read More
Photoshop

Create a Pricing Table Using Photoshop

Stelian Subotin is used to presenting data using different graphics, modules and tables so that the information is easier to understand. Pricing tables have been, and still are, used by a lot of companies and individuals to display their available plans. It’s pointless to use a pricing table if you only have one plan to offer. But if you have more, then it is a very useful and attractive way of displaying information about each of your plans.

Read More
Newer articles Older articles