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


CSS Stats

  • Posted By: Jason Taetsch
  • ...

Think your CSS skills are on par with the titans of the tech industry? CSS Stats can provide some impartial insight into the matter. The CSS Stats tool by Mrmrs & Jxnblk  parses the CSS of a site to tally the number of total rules, selectors, declarations and colors used to deliver the front-end experience to a user. It provides a quick snapshot of total vs. unique declarations and other important factors to assess the overall health and maintainability of your code. CSS Stats also has quick links to some of the most-visited sites on the Internet to compare how your codebase matches up against industry benchmarks.

CSS_Stats

Snabbt.js Animation Library

  • Posted By: Jason Taetsch
  • ...

Animation libraries enable developers to quickly include complex and smooth animations into projects faster than ever before. While most developers are familiar with the more common libraries, there are a number of lesser-known ones that provide both functional and lightweight solutions for animations and other effects. The snabbt.js library by Daniel Lundin uses modern browser capability to perform animations as fast as possible, without dominating too many resources.  This approach suits mobile applications perfectly, providing smooth and fast transitions.  The snabbt.js library works in environments both with and without jQuery.

snabbt_js

 

Linea Outline Icon Set

  • Posted By: Jason Taetsch
  • ...

A well coordinated icon set adds visual cues that can help users navigate your site or engage with content.  Grab the Linea Icon set from Dario Ferrando for a comprehensive icon pack that includes over 700 outline icons in both .PNG and .SVG as well as icon fonts for quick usage in web-based projects. The linea icon pack comes with a basic set of icons for standard UI elements, a music themed set, ecommerce icons, software icons, navigational arrows and weather icons and more. The set is free for use in both personal and commercial products with proper attribution.

linea_icon

Minimal Looping Preloaders

  • Posted By: Jason Taetsch
  • ...

Everyone wants to include stunning graphics and eye-catching photographs to enhance the look of their website, but with high-resolution images often come much higher load times. Even if you are using a CDN, a weak connection on the user side can cause unwanted delays for the delivery of graphics and other files. If you’re still intent on serving large images in your project, but want to keep the user engaged, looping preloaders are the answer. This set of minimal loop preloaders by MarinaD will complement simple, flat designs and offer a variety of different preloaders to best fit the aesthetics of your design.  The set features .AI, .EPS, .PSD and of course .GIF.

minmialpreloaders

 

 

Get Colors From Image

  • Posted By: Jason Taetsch
  • ...

Implementing the colors from an image into a design project is a surefire to have the colors complement one another.  With the emergence of HTML5, grabbing specific colors from an image has never been easier, or quicker. Browsers can complete these simple tasks that were previously reserved for image processing software. The Get Colors From Image tool by HTML-Color-Codes enables designers to select individual colors from an image without ever having to upload the file to a web-server. The multiple windows display the original image, the targeted area of the image as well as the specific color and corresponding hexadecimal code.

getcolorsfromimage