Tag: design

The Netbook Effect: How Cheap Little Laptops Hit the Big Time

http://www.wired.com/gadgets/wireless/magazine/17-03/mf_netbooks?currentPage=all

Spurred on by the development of the OLPC project, ASUS created the EeePC, and in doing so created a whole new computing market: the Netbook. This development is interesting for many reasons, not least because it demonstrates the speed at which things can change …

Read the rest


History of the Internet on Vimeo

Despite the comical voice over, this video provides some interesting material on the history of the Internet and the developments that lead to it, such as time-sharing and file sharing. This provides an interesting way to bust the myth that the Internet is a recent …

Read the rest


Vector Magic

http://vectormagic.com/

Most images available on the web today are in bitamp file formats, and so cannot be scaled up. This website takes such bitmap images and converts them to scalable vector formats, such as SVG.…

Read the rest


FontStruct

http://fontstruct.fontshop.com/

This site allows users to build, shared and download fonts. Using a simple interface, students can build their own custom font, which they can then use in other work. This is a great tool for having students consider how much work goes into creating …

Read the rest


BgPatterns

http://bgpatterns.com/

Using a simple array of controls and templates, this site lets visitors build background tiles for use in website design. Such tiles are a source of much disharmony in bad designs, but when used correctly can be hugely beneficial to a site’s design.…

Read the rest


Favicon Generator

http://tools.dynamicdrive.com/favicon/

A favicon (portmanteau of “favourite” and “icon”) is the small icon that appears next to the address of a website in most browsers. Seemingly insignificant, a favicon is often a sign that a website designer has been thorough, and has taken every possible opportunity …

Read the rest


Web Development Project Estimator

http://estimator.astuteo.com/

A simple way to estimate the cost of a project. This can be a great tool for making student projects more lifelike.…

Read the rest


Preloaders.net

http://preloaders.net/

Preloaders are small animations that are shown to a user when they must wait for something to happen. Using a preloader provides secondary feedback, letting the user know that, yes, the system is doing something and they should be patient. Another little way to …

Read the rest


Browsershots

http://browsershots.org/

In an ideal world, all web browsers would be 100% standards compliant, and the user’s choice of operating system would be immaterial. Unfortunately, web developers working in the real world know this is not the case. Most developers thus build in one browser, and …

Read the rest


Picmarkr

http://picmarkr.com/

Picmarkr makes it easy to add watermarks to images, allowing content creators to protect their work before it is shared online.…

Read the rest


  • Tweets

  • Teach100

  • Work licensed under Creative Commons BY-SA-NC. See License for more details.
    iDream theme by Templates Next | Powered by WordPress