Web Design Tools
These time-saving tools will help you with your web design project.
Online HTML Editor
Use this online editor to convert a PDF or Word document to HTML. Just paste the document in the visual editor and the markup will show up on the right. You can also use it to clean up any HTML code you've written, just by pressing the "Clean Button."
Check your CSS
CSS Lint is a CSS cleanup tool. It gives you a concise explanation for its recommended changes.
Convert your Tables
HTML Table to Div Converter
Copy and convert any visual table document to Div tables with a simple click of a button. Simply paste your table in the visual editor or the HTML code in the source editor.
Check your PHP
PHP Code Checker
This free tool will perform a line-by-line analysis for common mistakes and errors in your PHP syntax.
JS Error Test
Flexbox Learning Tools
TEST CSS Flexbox Rules
Use this simple online tool to practice with Flexbox. Flexbox is a new layout mode in CSS3, used as an alternative to abusing floats and tables in web page layouts.
Flexbox Froggy is a game where you help Froggy and friends by writing CSS code! You can use this tool to practice using flexbox in your CSS code.
Gimpshop is a free alternative to Photoshop.The remarkable feature list of Gimp is equal to Photoshop in every way except one: the price. Restore, touch up and manipulate photos, create complex animations, or just use Gimpshop as a simple paint program. The only limit is your imagination.
Use this color calculator to explore creative color options for your web design project. Simply pick your base color(s), choose a color harmony, tweak/explore and see results. You'll get a report of the hex, RGB, and CMYK color values for your project.