Reshaping the web with CSS shapes & exclusions

Today's web is built of rectangles, we can try and cheat it by creating other shapes in the browser, but the basic foundation is rectangles. That poses a problem for anyone trying to produce a more organic layout with, for example, text wrapping around a curve; or even limited within a circle. The solution to this is CSS shapes and exclusions, which allow us to create true polygons, circles and ellipses. For now this feature is only available in Chrome Canary, or by enabling experimental WebKit features;...
Read more

Voice control with Annyang

Something that's always welcome are plugins that enhance usability on websites, especially when they assist people with disabilities. Annyang is a great example of that. It's a plugin that helps you set up speech recognition on your site. It assists people with visual impairments and it's just plain cool to boot. Currently it's only supported by Chrome, but it degrades gracefully so it's usable now. Using Annyang Annyang doesn't have any dependencies, so all you need to do to get it working is to load...
Read more

Getting started with Ember.js

Web applications today are nothing like the ones we saw just a couple of years ago, they're far more complex and many rival desktop equivalents. In order to create this kind of application, we can't really rely on libraries like jQuery that are intended for DOM manipulation. This new rise of web applications has lead to JavaScript developers taking the MVC route simply because it creates much cleaner and more manageable code.  A number of JavaScript frameworks have emerged for creating web applications...
Read more

Building faster pages with Web Workers

In recent years web pages and applications have been requiring the use of more, and increasingly complicated, JavaScript. Google Drive, for example, is a full blown desktop application which relies on JavaScript being responsive. Although JavaScript performance has improved, large, complex scripts can still slow browsers down, or even cause them to freeze. This is where Web Workers come in. They tell the browser to execute large, potentially problematic, scripts in the background so the user...
Read more

How to create a child theme for WordPress

Sometimes, you come to a point with a WordPress website where you just want something new and different to better fit the design needs of your site. The way to do that in WordPress is by building a child theme. The reason you need a child theme is that updates may cause changes to be overwritten. That means that the theme will go back to default and all your work may be lost. In order to prevent that, you build a child theme. Getting started with WordPress child themes For this tutorial, we are creating a child...
Read more

How to style range sliders in Webkit

HTML5 saw the introduction of several new form input types, including range. This means that range sliders can be created in HTML itself, although initially it tended not to be used, firstly because of JavaScript alternatives already in use, and secondly because of the lack of adaptable components. In most browsers there is still no way to completely customize an input slider, but webkit browsers do provide some nice control. The demo for this article can be found here. The input The range input type...
Read more

Create a nice looking website without knowing any code

Were there not dozens of times you wish you knew how to make a website? I know, the code requirement put you off, like it puts off everyone except programmers. Hiring a web designer, and in some cases a programmer as well is sometimes costly enough to make one switch business. You're not the only one in this position, but fortunately, times are changing for the better. Coding is becoming something of the past and the new generation of web builders makes the web accessible for everyone. With IM Creator, it...
Read more

Feature detection with CSS @supports

Since its arrival, browser support for CSS3 has been variable, making feature detection not just a good idea but best practice. Although this detection is usually done with JavaScript, ideally it would be done within CSS which is where @supports comes in. CSS @supports allows us to have simpler and cleaner feature detection that doesn't rely on other technologies, and works even if JavaScript is disabled. Browser support Unfortunately as with so many cool technologies, there is the issue of browser...
Read more