OtoDev | html | OtoDev - Curated links for web developers

View source

Inspect HTML online.

code html

better mobile inputs

Get previews of HTML element with type, inputmode and autocomplete attributes.

form html

UTF-8 icons

Gives you unicode, hex, ASCII, html, css codes to insert UTF-8 icons and symbols

html unicode

Opengraph

Preview and generate open graph meta tags for your website

html seo

HTML Arrows

Get unicode, hex, ASCII, html, css codes to insert UTF-8 icons and symbols

html unicode

CSS Layout Generator

Create CSS for layout components.

css html

Meta Tags

Preview how your webpage will look on Google, Facebook, Twitter and more

html seo

HTML DOM

Manage HTML DOM with vanilla JavaScript only

html javascript

extractCSS

Extract CSS from HTML with ease

css html

HTML5 elements

Enrich your HTML with the correct set of elements

html seo

Placeholder Image Generator

Generate dummy images as data URIs, which don’t depend on external services

html image svg

The Hero Generator

Generates the code for hero pages

css html

Can I Use

Quickly look up browser support for modern web technologies

css html javascript

BEM Cheat Sheet

Find consistent class names for common web components

Cheatsheet css html

Caninclude

Check which HTML tag you can include in another one

html

HTML Size Analyzer

Analyze HTML size and catch bloat like inline images or code duplication.

html performance

HTML Cleanser

Remove unwanted HTML tags from user’s input or untrusted sources

html

Input Type Sandbox

Test form input types, onscreen keyboards and more

form html

Browser Default Styles

Search elements, filter engines, find browser default styles

css html

Webcode Tools

Code generators for front-end development.

css html