html.md

July 15, 2021 · View on GitHub

All HTML and CSS features on Can I email…

Can I email…

caniemail.com provides email clients support tables for HTML and CSS features.

Can I email runs on [Jekyll...

tags: css, html, webdesign, email, android, ios, jekyll, github
:octocat: source code

HTML Color Picker

^{https://www.w3schools.com/colors/colors_picker.asp}

:calendar: published on: 2021-04-18
tags: html, color, picker, productivity

How to create html presentations with markdown files - 8min

^{https://www.youtube.com/watch?v=iZl7R6ntOGc}

In this video I go over how to clone the reveal.js github repository and alter the demo's html file to read content from a markdown file. We then use a node.js express server to serve the markdown fil...

:calendar: published on: 2017-11-10
tags: markdown, reveal.js, html, node.js, expressjs

PixelCraft: A Pixel Art Editor

^{https://github.com/rgab1508/PixelCraft}

PixelCraft A pixel Art & Animation Creation Tool Built using HTML5 Canvas.
It is a Progressive Web App (PWA) with offline compatibility.
It is mobile-friendly and is very easy to use.

![Pixel...

:calendar: published on: 2020-09-11
tags: pixel, html, css, javascript, canvas
:octocat: source code

Quick and Simple Image Placeholders - Dynamic Dummy Image Generator

^{https://plchldr.co/}

Generate awesome placeholders for your web sites and projects. Placeholder images for your project in progress. A picture's worth a thousand words, so here's 21K worth of placeholder image generators ...

tags: image, web-application, web, design-tools, html, php

HTML Color Picker Tool

^{https://hexcolor.co/color-picker}

Searching for that perfect color has never been easier, use our HTML color picker to browse millions of colors and color harmonies. Colorpicker is a clean, easy to use, yet efficient desktop applicati...

tags: colors, design-tools, webmaster, html

GitHub - thedaviddias/Front-End-Checklist

^{https://github.com/thedaviddias/Front-End-Checklist}

The Front-End Checklist is an exhaustive list of all elements you need to have / to test before launching your website / HTML page to production.

tags: frontend, developer-tools, html, javascript

Bubbling and capturing

^{https://javascript.info/bubbling-and-capturing#bubbling}

The bubbling principle is simple.

When an event happens on an element, it first runs the handlers on it, then on its parent, then all the way up on other ancestors.

tags: javascript, event-bubbling, html

Metro 4 - Popular HTML, CSS and JS library

^{https://metroui.org.ua/}

Metro 4 is an open source toolkit for developing with HTML, CSS, and JS. Quickly prototype your ideas or build your entire app with responsive grid system, extensive prebuilt components, and powerful ...

tags: frameworks, css, html, javascript
:octocat: source code

How to center align font awesome icons vertically in a circle div?

^{https://stackoverflow.com/questions/20832226/how-to-center-align-font-awesome-icons-vertically-in-a-...}

You can use line-height to align the icon in the div.

Try adding this .fa-camera-retro { line-height: inherit;} to your css. Using inherit makes line-height take on the height of its containing div...

:calendar: published on: 2013-12-30
tags: html, css, font-awesome, fonts

Using files from web applications - Web APIs | MDN

^{https://developer.mozilla.org/en-US/docs/Web/API/File/Using_files_from_web_applications}

Using the File API, which was added to the DOM in HTML5, it's now possible for web content to ask the user to select local files and then read the contents of those files. This selection can be done b...

tags: html, form, javascript

Bizarre White Space Issue. HTML, CSS, Angular

^{https://stackoverflow.com/questions/27562924/bizarre-white-space-issue-html-css-angular}

I know this is an old question but I recently had the same issue and it was due to my use of line breaks and indents inside the

tags. For instance, my original code looked like: ...

:calendar: published on: 2014-12-19
tags: html, css, angular

What is the JAMstack and how do I get started?

^{https://www.freecodecamp.org/news/what-is-the-jamstack-and-how-do-i-host-my-website-on-it/}

tags: jamstack, web-development, javascript, html

Why JavaScript is Eating HTML | CSS-Tricks

^{https://css-tricks.com/why-javascript-is-eating-html/}

Web development is always changing. One trend in particular has become very popular lately, and it fundamentally goes against the conventional wisdom

tags: css, javascript, html, web-development

GitHub - bradtraversy/vanillawebprojects

^{https://github.com/bradtraversy/vanillawebprojects}

Mini projects built with HTML5, CSS & JavaScript. No frameworks or libraries - bradtraversy/vanillawebprojects

tags: javascript, html, css
:octocat: source code

Why does HTML think “chucknorris” is a color?

^{https://stackoverflow.com/questions/8318911/why-does-html-think-chucknorris-is-a-color}

It's a holdover from the Netscape days:

Missing digits are treated as 0[...]. An incorrect digit is simply interpreted as 0. For example the values F0F0F0, F0F0F0, F0F0F, FxFxFx and FxFxFx are all ...

:calendar: published on: 2011-11-29
tags: html, browser, background-color

GitHub - audreyr/favicon-cheat-sheet

^{https://github.com/audreyr/favicon-cheat-sheet}

Obsessive cheat sheet to favicon sizes/types. Please contribute! (Note: this may be in flux as I learn new things about favicon best practices.) - audreyr/favicon-cheat-sheet

tags: html, web, favicon, cheatsheet
:octocat: source code

Dive Into HTML5

^{https://diveintohtml5.info/}

Dive Into HTML5 elaborates on a hand-picked selection of features from the HTML5 specification and other fine standards.

tags: html, html5, free-programming-books

Using CORS - HTML5 Rocks

^{https://www.html5rocks.com/en/tutorials/cors/}

An introduction to Cross Origin Resource Sharing (CORS), which gives scripts the ability to make cross-origin XHRs.

tags: html

D3.js - Data-Driven Documents

^{https://d3js.org/}

D3 is a JavaScript library for visualizing data with HTML, SVG, and CSS.

tags: javascript, html, svg, css
:octocat: source code

HTML Standard - Websocket

^{https://html.spec.whatwg.org/multipage/web-sockets.html}

To enable Web applications to maintain bidirectional communications with server-side processes, this specification introduces the WebSocket interface.

tags: html, websocket, specification

Event - Web APIs | MDN

^{https://developer.mozilla.org/en-US/docs/Web/API/Event}

The Event interface represents any event which takes place in the DOM; some are user-generated (such as mouse or keyboard events), while others are generated by APIs (such as events that indicate an...

tags: dom, html

tabindex - HTML | MDN

^{https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex}

The tabindex global attribute indicates if its element can be focused, and if/where it participates in sequential keyboard navigation (usually with the Tab key, hence the name).

tags: html

Working with quota on mobile browsers

^{https://www.html5rocks.com/en/tutorials/offline/quota-research/}

As web apps get richer and richer, more and more developers are using browser-side storage. However, there hasn't been a major study comparing the limitations of the various storage mechanisms. It is ...

:calendar: published on: 2014-01-28
tags: html, local-storage, indexeddb

Webes szabványok

^{http://nagygusztav.hu/webes-szabvanyok}

Chris Mills, Ben Buchanan, Tom Hughes-Croucher, Mark Norman "Norm" Francis, Linda Goin, Paul Haine, Jen Hanen, Benjamin Hawkes-Lewis, Ben Henick, Christian Heilmann, Roger Johansson, Peter-Paul Koch, ...