In this tutorial Mary Lou will show you how to create some cute looking photo strips and integrate Lightbox. The idea is to show some photo strips and make them navigable by scrolling with the mousewheel. When clicking on a picture it will show the larger version using jQuery Lightbox. She will also optimize it for touch devices.
Everyone is talking about content. Googling the phrase “content strategy” retrieves almost 50 million results — a clear indicator that interest in content is very much in the zeitgeist. By the time you read this, Christopher Butler expects that number will have grown even higher.
Paper Prototyping is a technique that consists of creating hand drawings of user interfaces in order to enable them to be rapidly designed, simulated and tested. As simple as this technique may look like, it has been effectively used since the 1980s and is likely to continue to be used with a guaranteed degree of success for many more years to come. The objective of this article is to define paper prototyping and explain how this technique can be used for usability testing. Justin Mifsud opted to write the article mostly in bullet form so that it can act as a quick reference.
Information graphics or infographics are graphic visual representations of information or data. These graphics present complex information quickly and clearly, using signs, maps and technical writing. Infographics are very popular these days and can be found frequently on many websites. Here’s a list with 15 useful and free tools that will help you create beautiful and creative infographics.
This collection features 13 free PSD web design templates, which are not only eye-catching but have professionally looking layout in Photoshop PSD files to guide you through the learning curve or generate some new ideas for your website. With a little bit of skills you can easily convert them into HTML templates.
In this article you will find a detailed information about the DMXzone Colorpicker extension. It includes basic and advanced tutorials (video and detailed) that will teach you how to work with this tool. Also we listed the available for use masks and preview of the 24 supplied designs.
In the previous installment of this series Tom Green laid out the events leading up to the inclusion of fluid grids in Dreamweaver CS6. In this tutorial he’ll open up the exercise files and start working on the layout in various states; mobile, tablet and desktop.
Tom Green is going to introduce you to Adobe’s take on Responsive Web Design; Fluid Layouts in Dreamweaver CS6. These new tools allow designers to visually build their responsive layouts, mobile first, whilst Dreamweaver handles all the flexible calculations in the background. Let’s take a look..
Android is an attractive platform for developers, but not all designers share the enthusiasm. Making an app look and feel great across hundreds of devices with different combinations of screen size, pixel density and aspect ratio is no mean feat. Android’s diversity provides plenty of challenges, but creating apps that run on an entire ecosystem of devices is rewarding too.
When writing a Web application from scratch, it’s easy to feel like you can get by simply by relying on a DOM manipulation library (like jQuery) and a handful of utility plugins. The problem with this is that it doesn’t take long to get lost in a nested pile of jQuery callbacks and DOM elements without any real structure in place for your applications.