はてなブックマーク

Modal windows were always the realm of JavaScript and there are plenty of scripts to try. But with CSS3 it’s even easier to create a modal in pure CSS. The effects are somewhat limited but you can still make an excellent experience without relying on scripting. Most of these CSS examples are scattered to various corners of the web so I’ve curated some of the best ones here. These vary from simple

PHP is a server-side scripting language designed for web development, but also used as a general-purpose programming language. With over 240 million indexed domains using PHP, including major websites like Facebook, Digg and WordPress, there are good reasons why many web developers prefer it to other server-side scripting languages, such as Python and Ruby. There are scads of PHP tools available o

With support for CSS3 increasing with each new release for every browser, and those tiresome CSS2-only browsers slowly dropping off the usage charts, we have far more options for hover effects and transitions in general. Almost all the calls to action that you see on the Web use some form of hover effect, because they draw the eye and make a website feel more engaging. Last year I brought you a se

There are  a whole host of Sass mixin libraries out there: Bourbon is a personal favourite, Compass is hugely popular. But sometimes, actually always, it’s better to pick and mix your mixins to suit yourself. It’s never good to rely too heavily on a tool, and if you think Sass mixins begin and end with the @include statement then you should probably try writing out a few of your own. Sass mixins a

In this weeks tutorial we’ll be creating a jQuery plugin that serves as an introduction to the HTML5 Geo-location API to request your current location. Once we have the location, we will then draw a route from there to Dublin, Ireland (or wherever you tell it to) using the Google Maps API. This could be used in a HTML5 web application or on a site to tell your customers how to get to you. Getting

25 Web development resources to help you create better websites As a developer I am always on the hunt for time saving resources, anything that can save me just a few minutes of time is a great help in an already hectic schedule. Compiled here is a list of 25 resources that are bound to make your life a little bit easier. I have added different CSS3 grid systems, as well as several code generators

Get awesome stuff delivered straight to your inbox! Twice a month! Plus a list of tools and plugins we use.

HTML5 offers lots of significant advantages to developers, but browser support is still pretty low. There’s no reason not to start inserting HTML5 functions into sites now, as long as you take the necessary steps to check for browser support and provide alternative content for everyone else. In this tutorial we’ll go over the basics of using HTML5 and JavaScript to exploit the enhanced storage fac

Customer reviews are essential to any business. In today's modern world, where information about anything and everything is available online, consumers and businesses alike are likely to look for reviews of products or services they're considering before buying. Lack of feedback – or even worse, negative feedback – can spell disaster for an app or SaaS company. Not only does it make potential cust

jQuery is an actively-developed JavaScript library with a fairly rapid release cycle. As well as general enhancements, performance tweaks and bug fixes, new methods are frequently added to the library. In this article we’ll take a look at the new methods that have been added to the 1.6+ release and some of the enhancements. Delaying the ready event with the holdReady() method The holdReady() metho

JavaScript went on to become cult right after its launch due to its extensive list of features. It also gave programmers the chance to give their webpages a more eye-popping look and website visitors were happier than ever. Despite the large number of developers that sing the praises of JavaScript, there are those Internet users who see its dark side. Webpages using multiple JavaScript codes are s