Instead of giving you a single favicon.ico file, RealFaviconGenerator generates all the pictures and HTML code you need to get a cool, mobile- and tablet-ready favicon.
Archive for the ‘Website Design’ Category
Responsive Design Sites: Higher Ed, Libraries, Notables is a list of responsive university and library websites created by Eric Rumsey. A nice starting point for research if you’re looking for examples to convince administrators responsive is the way to go or looking for inspiration for your redesign if you already have.
(For those wondering what I’m talking about, Responsive Web Design (RWD) is a method of creating web design that adapts a website to work better on multiple screen sizes from smart phones to large computer screens. The example photo is how the Emory University website looks on a smart phone screen. Follow the link and resize your browser window to see for yourself.)
in The Mobile Challenge | The User Experience, Aaron Schmidt has some excellent points to make about the difficulty in using responsive design for library websites. The biggest two being that first we don’t know what users are trying to do from their mobile devices and second, that we often have little control over the presentation of the services we license for our users.
Meanwhile, a report from the U.S. Census Bureau shows that not only are more people using the Internet from mobile devices, there may be a significant part of the population that only accesses the Internet from a mobile device. Today’s smartphones are just as capable as most computers and significantly cheaper but their smaller physical screens and expensive data plans means they have particular needs that need to be addressed.
It’s a tough balancing act, particularly combined with the advent of high resolution screens on the same devices with data caps but one libraries can’t ignore.
State of the mobile web — sources is a collection of current statistics on Internet use on mobile devices with links to their original publications.
Stop resizing that browser, you’re gonna wear it out!How many times have you heard that one? Well okay, maybe not so many times, but if you develop responsive design web sites, you know what I’m talking about: with every DOM or CSS edit you’re dragging that browser edge back and forth, testing your changes and looking for anything broken.
Ultimately, most of this effort is an attempt to emulate the screen size of different devices.
So what is a developer to do? Thankfully, there is a growing number of browser-based tools available that emulate the screen sizes of a wide variety of devices. Different tools come with different feature sets and varying levels of utility, of course. We’ll look at several of them here.
A very useful list of services for fast side-by-side comparisons at different sizes. Am I Responsive is particularly nice in that it works with localhost so you can use it on projects still in development.
In the mobile development world, a device emulator is a desktop application that emulates mobile device hardware and operating systems, allowing us to test and debug our applications and see how they are working. There are also operating system emulators that don’t represent any real device hardware but rather the operating system as a whole. These exist for Windows Mobile and Android.
On the other hand, a simulator is a less complex application that simulates some of the behavior of a device, but does not emulate hardware and does not work over the real operating system. These tools are simpler and less useful than emulators. A simulator may be created by the device manufacturer or by some other company offering a simulation environment for developers.
Firtman has compiled a list of 37 resources for mobile device emulators and simulators. We almost never have all the resources we need for development, particularly mobile.
Teens are not technowizards who surf the web with abandon. And they don’t like sites laden with glitzy, blinking graphics. Teens are often stereotyped as only wanting things that are bold and different. They’re also often viewed as being fearless about technology and constantly connected to some form of media. Although this might be partially true, it’s an oversimplification and letting this steer your design can lead to disastrous outcomes.
Have a blog? With small adjustments, you can noticeably improve its typography. Your readers will thank you for it.
This guide will help you understand the typographic foundations that will improve the readability of your articles.
The Interactive Guide to Blog Typography walks you through all of the fiddly typography bits designers go on about with examples to help you understand what their talking about and help make your websites easier to read.
The notion that you should create a separate, stripped-down version for ‘the mobile use case’ might be appropriate if such a clean mobile use case existed, but it doesn’t.
Nielsen has articulated a way of thinking I’ve seen in a number of library and university websites and which, as a user, usually frustrates me. Not only the lack of access to information or services I know are there but also the inconsistent experience where I have to learn the website all over again.