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


Disaster-Proof HTML5 Forms

  • Posted By: Jason Taetsch
  • ...

Online forms provide a valuable avenue of communication for visitors to a website. However poorly coded form tables and outside influences like spotty Wi-Fi connections can turn filling out a form into a hassle for users. The Disaster-Proof HTML5 Forms tutorials aims to change all that by walking web-developers through the process of creating stable forms that utilize local storage to store form data even before it is submitted without cookies. The tutorial takes advantage of the new W3C Web Storage API that stores form data on the user side so it can be restored even if the user closes the tab or window.

CSS3 Border-Image Property

  • Posted By: Jason Taetsch
  • ...

The latest CSS3 attributes for images gives web-designers unprecedented control over the front-end display of a webpage.  With the new border-image property, designers are no longer limited to solid, dotted or dashed lines. The team over at HongKiat has put together the border-image property tutorial that takes advantage of the latest border attributes for creative ways to highlight images and photographs on a webpage.  The tutorial walks designers through creating a wooden photo frame that is compliant with Chrome, Opera, Firefox and Safari browsers. It includes the necessary styling rules, slicing techniques and HTML markup to create dynamic borders for any image or graphic.

 

Base Framework

  • Posted By: Jason Taetsch
  • ...

Nowadays designers and web developers need to prepare their projects not just for a number of popular web browsers, but also for drastically different screen sizes of tablets, notebooks and wide screen desktop displays. The Base Framework by Matthew Hartman gives developers a head start by featuring simple design grid that already features the necessary responsive design elements to comply with an array of different screen sizes. The tool includes bare .PSD grid element for design work, a basic HTML5 template to begin your coding and a minimal style sheet for quick customization.


Dabblet – CSS HTML Test

  • Posted By: Jason Taetsch
  • ...

Test out CSS and HTML code snippets before you use them in a design project thanks to the folks over at Dabblet. is a browser tool that allows users to test out CSS, HTML and JavaScript right from the comfort of a browser window without saving an item and exporting it to a debugging environment. The tool features a live view window as well as a full screen option to see how your code will render on a viewer’s screen.  Designers can save their code by creating a free login or save their code anonymously to share with the Dabblet community.

WireFrame CC

  • Posted By: Jason Taetsch
  • ...

Any project manager or freelance developer has had to deal with the task of creating a wireframe at some point in a project’s timeline. The team at WireFrameCC want to change the way people create wireframes and mockups with their free tool that allows users to draft comprehensive wireframes right in a browser window. WireFrameCC includes options for a variety of shapes, Headline and paragraph text as well as interactive objects and embedded media that can be quickly created all in a few clicks of the mouse.