Image
simplestepscode.com
HTML Product Hunt

Product Hunt disguised as HTML code so you can browse whenever you want....


product-hunt tools api html cool

Image
freefrontend.com
Frontend

A free collection of helpful frontend code example snippets on HTML, jQuery, CSS and JavaScript....


html css javascript jquery examples frontend

Image
masonry.desandro.com
Masonry

Cascading grid layout library. Get that tile effect for cards, blocks, thumbnails or other content. Masonry is a JavaScript grid l...


masonry element grid html itemselector data-masonry

Image
www.codeply.com
Stacked Pages

Here's a Material design example for a scrolling one page layout with multiple sections that are stacked on each other. As you scr...


css material web-design examples snippets layout

Image
progressivered.com
Flex Layout Attribute

Layout helper based on CSS flexbox specification designed to serve you as quick flexbox shorthand by using two custom html attribu...


layout fla css html sass element

Image
yabwe.github.io
Medium Editor

A highlight text inline editor similar to the one on Medium.com It's a WYSIWYG editor clone. Uses contenteditable API to implement...


extension medium html editor button markdown

Image
dotdev.co
.Dev

A Medium publication by Eric Barnes that provides news, tutorials, interviews, inspiration and tools for developers....


workflow tutorials developers dev tools html

Image
carrd.co
Carrd

Carrds is a simple, free, fully responsive one-page site builder. You select a starter template and then follow the simple guide t...


one-page site builder rwd tools generator

Image
designmodo.com
Slides Framework for Animations

Slides contains 70 beautiful slides and 11 quick-start web templates that you can combine. Every slide is available in PSD, Sketch...


slides beautiful templates html choose animations

Image
tweakstyle.com
TweakStyle

TweakStyle is an Integrated Development Environment for Web Development. It packs all you need to code, preview and debug Web int...


tweakstyle editor code css website ide

Image
github.com
UnCSS

Find and remove unused styles from CSS....


uncss css stylesheets file output html

Image
fbrctr.github.io
Fabricator

Fabricator is a tool for building modular website design systems....


toolkit fabricator workflow built-in highly-optimized css

Image
macaw.co
Macaw

Featuring a real-time layout engine, called Stream, Macaw allows HTML elements to be manipulated in a manner similar to image edit...


layout macaw elements stream design-to-code alchemy

Image
www.browserling.com
Browserling

Browserling is a live interactive testing tool for multiple browsers. It enables you to test your website in all web browsers: Int...


browsers browserling javascript firefox chrome screenshots

Image
dunked.com
Dunked

Dunked makes creating your online & mobile portfolio website super simple. Showcase your design, illustration, photography and oth...


template portfolio dunked coding layout uploading

Image
caniuse.com
Can I use...

"Can I use" provides up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browser...


browser github feature usage web supported

Image
varvy.com
Varvy Pagespeed

You may know about Google PageSpeed insights to test your site performance, but here is another great test tool with a nice visual...


webpage css pages file javascript load

Image
www.tutset.com
Tutset

Tutset is a good starting point if you want to learn web development or web design. Here you will find a curated list of the best ...


learn css javascript websites html build

Image
littlesnippets.net
LittleSnippets.net

A CSS/HTML snippets blog to inspire your designs from Joomla51. All free to use with new entries crafted and added daily....


littlesnippets code html joomla snippets examples

Image
onepagelove.com
One Page Love

A great collection of free One Page templates that are great to quickly test your ideas before committing to big project developme...


templates bootstrap html free portfolio framework

Image
www.goodwebdesign.co
Good Web Design UI Showcase

Website elements, UI, websites and other damn good web design stuff....


inspiration resource examples snippets html showcase

Image
simpla.io
Simpla Build Better

Simpla turns content management into a service, with new, editable HTML elements that can be used anywhere....


html element frontend editing admin javascript

Image
www.codeply.com
Codeply Responsive Design Editor

A frontend editor & responsive test playground for Foundation, Materialize, UIkit and other responsive frameworks. This is a nice ...


css plys code javascript codeply html

Image
htmldog.com
HTML Dog HTML Tutorials

These tutorials use HTML5. You might have heard of it. It's a cool buzzword that kids use in the playground. If you don't know wha...


html page css tutorial html5 form

Image
dev.w3.org
HTML5 Reference for Web Author's

This document explains the syntax, vocabulary and the available APIs for HTML5 documents, focussing on simplicity and practical ap...


attributes elements html syntax xhtml boolean

Image
www.sitepoint.com
SitePoint

Learn HTML, CSS, JavaScript, PHP, Ruby & Responsive Design with SitePoint tutorials, courses and books. SitePoint features article...


html php resource sitepoint forums frontend

Image
codeguide.co
Code Guide by @mdo

Here's a great HTML and CSS for designers guide from the author of Bootstrap, Mark Otto. Standards for developing flexible, durabl...


comma values selectors declaration space hex

Image
htmlcolorcodes.com
HTML Color Codes

Find that perfect color with our color picker and discover beautiful color harmonies, tints, shades and tones; input Hex color cod...


colors hex code html intensities css

All the best in frontend web development & design