"This Is How We Built It" Case Studies
Unlike many other industries, the web design community is all about sharing knowledge and experience. Each of us is very lucky to be part of such a great and useful learning environment, and it is up to us to embrace it — to embrace our learning experiences, and also to embrace our ability to share. Not only are case studies a great way to explain the design process of an agency, but they also help designers and developers to learn from each other. Seeing how designers work, create, build and play is great, and furthermore, you can learn how to write a great case study yourself and how to use one to spice up your portfolio1. In today’s overview of useful case studies, we’ve featured studies that have recounted decisions made about particular design elements, as well as studies of full overhauls and their accompanying technical challenges.
Tiny Circleslider: A lightweight circular carousel for jQuery
What is it? Tinycircleslider is a circular slider / carousel. That was built to provide webdevelopers with a cool but subtle alternative to all those standard carousels. Tiny Circleslider can blend in on any wepage. It was built using the javascript jQuery library. Features
OneLook Reverse Dictionary and Thesaurus
<div id="needs_javascript"><center><b>Note: The new Reverse Dictionary requires JavaScript.</b><br /><img src="/img/a.gif?q=omg_a_user_without_js"> If you have disabled JavaScript in your browser, please <a href=" it for this site</a> or use the <a href="/?
CSS3 Animation Cheat Sheet - Justin Aguilar
How it works The CSS3 Animation Cheat Sheet is a set of preset, plug-and-play animations for your web projects. All you need to do is add the stylesheet to your website and apply the premade CSS classes to the elements you want animated.
Create a Seamless Argyle Pattern With a Fabric Texture - Tuts+ Design & Illustration Tutorial
Seamless patterns can be used for a number of purposes including packaging design, print design, web design, and even in textiles design. In this tutorial, I will show you how to create a realistic-looking, seamless, argyle pattern in Photoshop with a fabric texture. Let's get started! Create a new file (Command/Ctrl-N) and set its size to 210 px × 414 px. Make a new layer.
Begin at the beginning – Sketching out a full, extended web design process: the initial steps
Many times in redesigning websites there is pressure to jump straight into the visual design and programming phases but spending time & effort in initial planning can improve efficiency and help the later work go more smoothly. Some of the first steps of the planning phase include site content audits, website strategy plans, and card sorting exercises. A content audit takes an inventory of the website’s existing content. As the content is inventoried some problem areas may stand out to web team members. Heuristics and review of site analytics can be used to confirm problem areas (structure usability problems, audience marketing problems).
25 Amazing Responsive jQuery Slider Plugins
With almost every aspect of the internet going mobile, more and more web developers than ever before are being hired primarily to ensure that websites acquire responsive capabilities. Indeed, as the mobile computing continues to heat up, the demand for responsive WordPress templates, HTML themes, and plugins is likewise on the rise. Among the web elements that need to go responsive to keep up with the times, are the image showcase mechanisms of websites. We are referring here of sliders, carousels, galleries, accordions and others which are common features of websites and looks great on most sites using a to show off key content and images.
expresses solidarity with Japan as fire rips through World Heritage site in Okinawa
UNESCO offers its sincere solidarity with the people of Japan, and in particular the residents of Okinawa, who have lost a cultural and historical symbol of the Ryukyu islands. UNESCO stands ready to assist the authorities as needed. In the early morning hours of 31 October, a number of buildings, including Shuri Castle of the World Heritage site of “Gusuku Sites and Related Properties of the Kingdom of Ryukyu” (Japan) were damaged by a large fire. Damaged buildings, including three main halls, were reconstructed after World War II, as they were previously destroyed during the war. This work was based on detailed documentation of the original and was noted in the World Heritage inscription as respecting the authenticity.
Jesse James Garrett: Visual Vocabulary for Information Architecture
Looking for more? My book The Elements of User Experience puts information architecture and interaction design in context for beginners and experts alike. You can now order the book from Amazon.com. version 1.1b (6 March 2002) Jesse James Garrett (contact)
8 Photoshop Tricks I Wish I Knew when I was a Student
Graphics Photoshop is one of the (if not THE) most well known software used in the design industry when it comes to manipulating images and pixels. As a web designer I had some Photoshop lessons at school but that was 2 years ago.
6 secrets to creating outstanding infographics
In the Instagram and Snapchat era, audiences are increasingly visually oriented. But sometimes an image alone isn’t enough: you need a clever combination of words and graphics to tell a detailed story in a way that can be grasped quickly and easily. Cue the infographic. But while they may look easy to create, in practice they can be darned difficult to get right. There are, however, some basic principles you can follow to make sure your design is as effective as possible. (And here's a bonus content tip: always run a spellcheck before sending your infographics out into the world.)
