HTML posts

Converting a Web Template into a WordPress Theme

If you are not into all the hype surrounding WordPress, you probably have likely heard about its ease of use especially for end-users. The platform is also easy to manage and delivers an almost limitless number of widgets to help add functionality. Many users are usually not interested in the development process and only want an end product that is painless and flexible enough to allow additional features as the website grows. WordPress gives you that edge. However, before you can port your existing...
read more

Creating a Slider Control with the HTML5 Range Input

HTML5 introduces a range of new form elements and functions, including the range input type. With the range input element, you can create sliding controls for your site users. There are a number of options to choose from in terms of configuring your range inputs, such as defining the range values and steps. With a little JavaScript, you can capture and respond to user interaction with the range slider control. In this tutorial we will create a basic HTML5 range input slider to resize an image, with a JavaScript...
read more

New ‘Intent’ Tag to Facilitate Ease of Online Data Sharing

In the rapidly evolving arena of browser standards, among the newest additions is a tag that significantly facilitates the transfer and sharing of data between online applications and services. The Google-originated ‘Web Intents’ API gives a user the ability to select an application to perform a specific action on a designated piece of data, such as an image, audio or video file, or text file. Here’s how the feature works: Say, for instance, a person wants to edit or share a photo that has been...
read more

5 WordPress Comments Section Hacks

One thing that makes WordPress so dynamic is the ability for readers to easily post comments. This interaction between you and the readers is therefore an important element in your website and should be given the same attention as other sections of your website. So what can you do to improve the comments section on your WordPress website? 1. Removing HTML Links in User Comments ... People, and especially bloggers, are always looking to promote themselves on other websites and no doubt will try to do that...
read more

Carrying Out Tasks in the Background with HTML5 Web Workers

HTML5 offers a range of improved options for executing JavaScript functions. With Web Workers, you can execute scripts in the background, so that intensive processing need not interfere with the main functionality of your page. Of course this is most useful for complex tasks, but in this tutorial we will demonstrate the basics of using Web Workers with your pages using a simple example. At the moment the most recent versions of all major browsers, except Internet Explorer, support Web Workers - you...
read more

Designing Smartphone-Optimized Websites: Challenges Web Developers

Web developers are increasingly being asked to build sites that cater to smartphone Internet users, or to recast existing sites into user-friendlier formats for mobile devices. By 2015, statistical research by eMarketer predicts that more than half of the persons who access the Web will do so through a smartphone or other small-screen device. This paradigm shift represents a challenge to the established Web development community, which now has a mandate to configure Web content previously optimized...
read more

Learning LESS: Put It Into Action

We'll finish our Learning LESS series today as we talk about putting your LESS into action on your web projects. Today's post will be slightly different than previous posts, as we won't really showcase new techniques and code examples as much as we'll talk about how to use LESS, projects you can work on to jump start your LESS development and more. Blog Series Roadmap ... An Introduction Using Variables Using Mixins Using Nested Rules Using Functions Divide and Conquer Put It Into Action Coding With...
read more

Allowing Users to Resize Web Page Elements with CSS3

With CSS3 you can give your users a greater level of control over how they view your pages without having to employ complex JavaScript functions. Using the resize property in CSS3, you can set elements to be automatically resizable. These elements appear within the browser with a subtle indicator at the bottom right corner letting users know that the element is resizable. On clicking and dragging the corner, the user can resize your element. The resize property in itself is not complex, but can have...
read more
Load more