Web Design:
Anything related to web design and development: templates, images, content, color. See also individual categories for these topics.


Responsive Calculator

  • Posted By: Jason Taetsch
  • ...

Responsive web designs are developed to handle the unique visual requirements of mobile devices, tablets and traditional displays.  The Responsive Calculator speeds up the design process by converting .PSD files into a basic HTML5 template that is ready to be turned into a responsive webpage. The tool transforms pixel based images into HTML and also includes the basic styling elements and layout such as padding, margins and borders.

Viewport Resizer

  • Posted By: Jason Taetsch
  • ...

Testing and debugging for different screen sizes can be a tedious task, optimize the process with the View Port Resizer from Malte Wassermann. The Viewport Resizer is a bookmarklet added to your web browser that lets users adjust the viewing options to account for different browsers and different digital platforms. The tool is ideal for responsive design testing and allows users to see how their project would appear on a smartphone, on a tablet or on a traditional display and allows for live customizations to existing code.

 

Abstract Backgrounds

  • Posted By: Jason Taetsch
  • ...

While the background of a website can get lost amongst the numerous menus, sidebars and content sliders, its a fantastic opportunity to brighten up a boring page and show a little personality for your organization or brand. The team at Graphics Fuel released this set of abstract backgrounds suited for your page. The set includes high resolution JPEG files at 3000 x 2250 pixels to accommodate large design projects. The backgrounds are colorful yet muted enough not to take away from the actual content on a page.

 

Vector World Map

  • Posted By: Jason Taetsch
  • ...

The Internet has opened the doors to many businesses and individuals to connect with other people around the globe. The team at VectorArtbox have created this vector world map for developers to highlight the global reach of their clients. The world map includes accurate depictions of bodies of water, continents, latitude and longitude as well as national borders. The world map is available in .AI format so it can be customized to suit the needs of any project. It is available free of charge for both personal and commercial uses.

CSS Lint

  • Posted By: Jason Taetsch
  • ...

With CSS, as with many web languages, there are more than one way to achieve a design goal. Unfortunately, many developers waste time and energy writing CSS that could be completed with a simpler syntax or with more modern attributes and conditions. Nicholas C. Zakas and Nicole Sullivan developed CSS Lint to parse through lines of code and point out errors or patterns that could cause problems when displaying the content in a browser. CSS Lint includes a built-in and comprehensive options menu that allows developers to pick and choose which errors and and rules the tool will check when reviewing the code.