Author: wpexperts

HTML Symbols Full List

HTML Symbols Full List

HTML symbols like mathematical operators, arrows, technical symbols and shapes, are not present on a normal keyboard.

To add these symbols to an HTML page, you can use the HTML entity name.

Example:

Will display as:
I will display €
I will display
I will display
See full ASCII / HTML Character Symbols Codes:

Go »

HTML Color Names

HTML Color Names

Color Names Supported by All Browsers.

140 color names are defined in the HTML and CSS color specification (17 standard colors plus 123 more). The table below lists them all, along with their hexadecimal values.

Tip: The 17 standard colors are: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, orange, purple, red, silver, teal, white, and yellow.

Preview

Google Web Designer

Google Web Designer

Google Web Designer is a program for Windows, Mac and Linux from Google for creating interactive HTML5 sites and ads for any device. It offers a GUI with common design tools, such as Text Tool, Shapes and Pen Tool, as well as integrating Google Web Fonts. The advertising feature set is more complete with components to add Google Maps, YouTube videos and more, as well as automatically including the tracking code events for DoubleClick and AdMob.

Its an awesome software, and its also free.

Compress your JavaScript and CSS files

Compress your JavaScript and CSS files

Minifying resources refers to eliminating unnecessary bytes, such as extra spaces, line breaks, and indentation. Compacting CSS, and JavaScript can speed up downloading, parsing, and execution time. In addition, for CSS and JavaScript, it is possible to further reduce the file size by renaming variable names as long as the HTML is updated appropriately to ensure the selectors continue working.

These are two minify online tools:

CSS Minifier JS Minifier

Font Awesome Scalable Vector Icons

Font Awesome Scalable Vector Icons

Font Awesome gives you scalable vector icons that can instantly be customized — size, color, drop shadow, and anything that can be done with the power of CSS.

Features:

One Font, 369 Icons
In a single collection, Font Awesome is a pictographic language of web-related actions.

No JavaScript Required
Fewer compatibility concerns because Font Awesome doesnt require JavaScript.

Infinite Scalability
Scalable vector graphics means every icon looks awesome at any size.

Free, as in Speech
Font Awesome is completely free for commercial use.

CSS Control
Easily style icon color, size, shadow, and anything thats possible with CSS.

Perfect on Retina Displays
Font Awesome icons are vectors, which mean theyre gorgeous on high-resolution displays.

Made for Bootstrap
Designed from scratch to be fully compatible withBootstrap.

Desktop Friendly
To use on the desktop or for a complete set of vector.

Screen Reader Compatible
Font Awesome wont trip up screen readers, unlike other icon fonts.

Example

Download

Bootstrap The Most Popular Front-end Framework

Bootstrap The Most Popular Front-end Framework

Bootstrap makes front-end web development faster and easier. Its made for folks of all skill levels, devices of all shapes, and projects of all sizes.

Preprocessors
In addition to vanilla CSS, Bootstrap includes support for the two most popular CSS preprocessors, Less and Sass.

One framework, every device.
Bootstrap easily and efficiently scales your project with one code base, from phones to tablets to desktops.

Comprehensive docs
With Bootstrap, you get extensive and beautiful documentation with hundreds of live examples, code snippets, and more.

Example:

Download

Theme-Check

Theme-Check

If you plan to design a WordPress theme, and release into the wordpress.org repository. The theme check plugin is very useful.

The theme check plugin is an easy way to test your theme and make sure its up to spec with the latest theme review standards. With it, you can run all the same automated testing tools on your theme that WordPress.org uses for theme submissions.

Access to Appearance/Theme Check admin menu page after you active the plugin. Select a theme and click Check It button, then it will provide the required and recommended test results.

Download