A dead simple, responsive boilerplate.
You should use Skeleton if you’re embarking on a smaller project or just don’t feel like you need all the utility of larger frameworks. Skeleton only styles a handful of standard HTML elements and includes a grid, but that’s often more than enough to get started. In fact, this site is built on Skeleton and has ~200 lines of custom CSS (half of which is the docking navigation).
Love Skeleton and want to Tweet it, share it, or star it? Well, I appreciate that ❤
Origen: Skeleton: Responsive CSS Boilerplate
Get HTML color codes, Hex color codes, RGB and HSL values with our color picker, color chart and HTML color names. Let’s go!
Origen: HTML Color Codes
Free and Open source Web Template Editor. Next generation tool for building templates without coding
In this article we are showcasing some Useful Markdown Editors and Tools for Windows and Mac OSx.
Markdown is a plain text formatting syntax designed and developed by John Gruber in 2004, so that it can optionally be converted to HTML using a tool by the same name. Markdown is popularly used as format for readme files, or for writing messages in online discussion forums, or in text editors for the quick creation of rich text documents.
vía Useful Markdown Editors and Tools | Code Geekz.
vía Essential Tools For A Modern Front-end Development Workflow – Tuts+ Code Tutorial.
Stop writing code, start drawing it.
Macaw provides the same flexibility as your favorite image editor but also writes semantic HTML and remarkably succinct CSS. It’s time to expect more from a web design tool.
vía Macaw: The Code-Savvy Web Design Tool.
vía Apache Cordova.
There are thousands of resources that focus on teaching web design. These web design learning sources are helpful, but many of them fail when it comes to delivering a formal presentation.
This is why you should seriously consider taking a close look at the resources listed below. They are better than the courses being offered at many leading universities and colleges. They can get you off to a great start if you are serious about learning more about this fascinating endeavor.
vía Great Resources For Learning Web Design And Web Development.
This page demonstrates two interesting aspects of SVG that you may not be aware of: styling the SVG with an external CSS file and amending the SVG based on media queries. Below are the four most common ways to display SVG in a browser. If both external CSS and media queries are working, you should see four green Twitter birds with FTW.
It appears that displaying SVG with the
<object> tag is still the best method (assuming it doesn’t have to be a background) as it honours both external CSS references and media queries in all modern browsers – plus of course it allows fallback content for browsers that don’t support SVG.
vía SVG with external CSS and media queries – Lab – Graham Bird.
wysihtml5 is an open source rich text editor based on HTML5 technology and the progressive-enhancement approach. It uses a sophisticated security concept and aims to generate fully valid HTML5 markup by preventing unmaintainable tag soups and inline styles.
wysihtml5 – A better approach to rich text editing.