There are a few things that separate good from great, a fine line between just getting through, and being truly effective. This applies to almost anything, and especially web development. So what does being effective in web development mean? What are the habits that you need to develop to become great? Let’s take a look: 1) Effective developers use bug trackers ... Be it a software, mobile or web app, any development project needs to have bug and issue tracking services. It’s more practical than...
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 are available for a huge range of tasks, here’s 15 that no developer should be without: box-sizing...
Once upon a time, someone decided to see what would happen if you merged a powerful open source PHP framework with a drag‘n’drop content editor designed for non-technical users. As it turns out, you get ImpressPages. ImpressPages began as more traditional CMS, with an emphasis on user-friendliness. The content editor was also drag‘n’drop, but I recall that the rest of the interface seemed confusing to me. It seemed as though they were trying to cram in everything anyone might need in a CMS,...
If you’re working in web development you probably fit into one of two categories of developer: You think jQuery is the best thing since sliced images and you couldn’t get through the week without it; or, you think jQuery is a bloated crutch used by people too lazy to learn real JavaScript. However you feel about jQuery, there’s no denying the impact it has had on the industry, and the changes rung in by the Web’s most popular JavaScript library. So this week’s announcement of jQuery 3.0 is...
With Halloween just a few days away, this seems like the perfect time to explain how to create an incredibly simple ghost button, in pure CSS. These buttons are referred to as ghost buttons because they have just an outline and let whatever is behind them show through. They’re incredibly popular with startups, because they have a minimal simplicity that fits that style of site. They’re also super easy to make, and can add real impact with just a few lines of CSS. To build one, the first thing you need...
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...
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...
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...