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


HEX to RGB Converter

  • Posted By: Jason Taetsch
  • ...

Converting colors from their hexadecimal values to their RGB counterpart is a common task that any busy designer would like to streamline in their workflow.  While there are a million ways to complete the process, the Hex To RGB Converter from the team at by Jamie Brittain performs this task with simplicity and style. The clean and minimalistic layout is a welcome departure from the free tools that are littered with ads and other extraneous content. Once a color is entered into either the RGB or Hex field, the browser window adjusts to the entered color, and its hexadecimal or RGB value is displayed. (If you add RGB code like this: rgb(0,001,123) it will convert to hex code.)

hexcolorrrrs

CSS Terminal

  • Posted By: Jason Taetsch
  • ...

Adjusting the layout and design of a webpage can take up a serious amount of time due to the constant need to save, test and debug the appropriate code. CSS Terminal by Ben Barber is a browser bookmarklet that can input CSS rules directly into any current webpage, allowing a designer to get a live view of how changes or updates to the current CSS rules will affect the finished project.  Once active in your browser, the CSS Terminal window will appear and apply any of the entered CSS rules immediately to the webpage as they are entered.  The terminal window can be collapsed via the “ESC” or “Tab” key for a full view of the edited page.

Patternizer

  • Posted By: Jason Taetsch
  • ...

Patterns can bring a spark of color and design to even the most basic of design projects. The team at  developed a fully functional tool that just about anyone can use to create, save, publish and share patterns of their own. You can create a new pattern of your own with an endless array of colors and stripes or build off an existing template. The tool allows you to adjust the color, opacity, and rotation of any elements in a pattern for a completely unique design. A handy “Code” option quickly turns your pattern into CSS code for quick implementation. Patternizer is even available as a JavaScript plugin that can create patterns on any <canvas> element of a webpage.

Egrappler Full Screen Responsive Slider

  • Posted By: Jason Taetsch
  • ...

Thanks to the prevalence of jQuery, content sliders or carousels have become a must-have for many websites.  The crew at Egrappler has taken the content slider to the next level by creating a full-screen responsive slider to cycle through content and images in the largest possible format. Egrappler includes a fully packaged slider, complete with coding and slew of useful features that even non-programmers can use to add dynamic and interactive content to a webpage. A built-in “Category” function allows developers to quickly add content to the slider, while the responsive code ensures that the slider is functional on tablets and mobile devices.

Plunk App

  • Posted By: Jason Taetsch
  • ...

Mobile is the wave of the future for web traffic. Don’t get left in the dust with a lackluster mobile product that fails to take advantage of touch-sensitive devices and the responsive design framework or function at all on a mobile device. Plunk App was developed by the ZURB team to help developers test out mobile products before putting them into use.  Just upload a screenshot of a mobile webpage or application and Plunk will create a custom URL that can be used to test a product or distributed to a team of testers to analyze the functionality of the design. Plunk also includes features to test how users are interacting with a mobile design and exactly where they are touching.