RoughDraft. js is a jQuery plugin which allows you to create and prototype full interactive HTML mockups quickly and easily.
"Tools are the enablers that help us bring an idea to fruition. Over the past year we've seen a crazy shift in how much web developers care about the tools they use." Presentation by Addy Osmani.
A common CSS problem is the need to crop and scale an image on a page. Scaling an image is easily done using the hight and width attributes of the image. Likewise cropping an image can be accomplished by using the image as a background of an element and setting the hight and width of the element.
There are times that you would want a page only to be accessible for users which have logged into your the WordPress user manager. Such as if you have a members only area of your website which is only for logged in users, you need to make sure that the page can not be seen by any users who haven't logged in yet.
Now that I've gotten comfortable with PhoneGap's command line I'm finding myself much more productive when building quick demos. By default, the new project has this fancy HTML. Luckily there is a quick fix for this.
CSS 3D transforms are just awesome. I’ve seen before some cool and inspiring implementations in the wild and still I can’t believe I didn’t had the chance to write an article on this topic ’til now.
The solution to dummy images is using a placeholder service like fake images please. This service allows you to create fake images at the create sizes using their API, which means you can quickly add these placeholders to your design but just typing in the image URL.
You may have noticed webapps images in Chrome going grayscale to indicate that the network is down. A simple demonstration of the same concept is shown here.
Today we look at the most basic elements of a page such as blocks and forms. I think that if we make all the blocks with the same styles – it would be boring, so (for a change), I prepared four types of blocks with custom headers and footers
I recently described two versions of the Knapsack problem written in Ruby and Python and one common thing is that I used a global cache to store the results of previous calculations. From my experience of coding in Haskell it’s not considered very idiomatic to write code like that and although I haven’t actually tried it, potentially more tricky to achieve.
I was discussing with my colleague Andy Beer about replacing some jQuery animation with CSS3 transitions so that we could make use of hardware acceleration. This lead me to start thinking about how you'd handle callbacks if you wanted to chain together animations as CSS doesn't have events.
Brian Leroux gives a presentation about "those very special irregularities, inconsistencies and just plain painfully unintuitive moments for the language of the web."
HTML5 have cool feature that is provide gelocation of the user on the fly without using any extra services that we do right now. This feature is supported by Gelocation API which is part of HTML5.
Here is a web application I created a couple of weeks ago before the holidays. If you click on the image the application will open and you can play around with the "corruption perception index" statistics from the last 15 years.
ScrollUp is a jQuery plugin to create a ‘scroll to top’ link on your page. It allows you to create the scroll to top link in three formats: As a text link, as a pill or as a tab on the page.
Thorax is a battle-tested framework which allows you to create large scale web applications. It uses Backbone.js for application structure and Handlebars.js for templating.
Lately I've been looking into Design Patterns and Backbone framework. Backbone has a dependency on Underscore and more often than not, people use Underscore as a client-side templating engine when using Backbone. I was looking at the Underscore documentation and came across a bunch of useful methods.