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


Adobe Edge Free Web Fonts

  • Posted By: Jason Taetsch
  • ...

Fonts can add a touch of personality, class and style to a webpage, however browser restrictions limit which fonts can be natively displayed to a visitor. The is a free interface that gives designers access to a huge library of free fonts that can be quickly implemented on any page. The tool is a part of an open source Edge Tools & Services application from Adobe. All designers have to do is to add a JavaScript tag to the <head> section of page and include the necessary CSS font-family names in the stylesheet to begin using the dynamic fonts.

Responsive IE6

  • Posted By: Jason Taetsch
  • ...

Older browsers are incompatible with the latest web languages and design standards. They cannot handle the same type of queries that the latest browsers can easily handle. The team at Visualidiot.com put together the Responsive IE6 tool so that users with legacy browsers like IE 5, 6, 7 can visit responsive pages.  The application is especially useful for enterprise users that cannot upgrade their browsing software without permissions from an administrator. The tool resizes the responsive design so it can be displayed properly in an older browser. Simply enter the URL into the address field and Responsive IE6 will take care of the rest.

Animated Content Tabs With CSS3

  • Posted By: Jason Taetsch
  • ...

There are a number of methods for displaying content on a webpage from simple static options to complex features like jQuery sliders and carousels. However displaying a large amount of text-laden content on a page poses specific challenges to designers. The team at Tympanus put together this tutorial for designers to build animated content tabs into their design projects entirely with CSS.  The “tab” method is ideal for displaying multiple sections of text without making a page seem too imposing to a casual visitor.

Minimalistic Mini Social Media Icons

  • Posted By: Jason Taetsch
  • ...

Social media icons have become commonplace on websites of all shapes and sizes, from personal blogs to corporate home pages. While some prefer icons that standout, other designers would rather have the icons blend seamlessly into a page’s overall design theme. The crew at CreativeNerds put together this mini-icon set that is well-suited for use on minimalistic design projects. The free icons are available for both commercial and non-commercial use but cannot be redistributed without permission from CreativeNerds.

mini social media icons

Circle Hover Effects

  • Posted By: Jason Taetsch
  • ...

In this tutorial, the team at Codrops walks you through how to create stylish hover effects for buttons, images and menu items. Learn how to utilize CSS transition attributes to improve the user experience and highlight dynamic sections or items on your webpage. These features can be especially useful on thumbnails and other site features that often lack visual styling devoted to other elements on your webpage.  Both the necessary HTML and CSS are included to help users quickly implement the hover effects on various development projects.