Skip to content

Instantly share code, notes, and snippets.

View claudioccm's full-sized avatar

Claudio Mendonca claudioccm

  • Claudio Mendonca Design
  • Canada
View GitHub Profile
@claudioccm
claudioccm / index.html
Created July 12, 2020 05:04 — forked from awestbro/index.html
Highlighting margin, border, and padding with Javascript
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Highlighting elements example</title>
</head>
<body>
{
"types": [
"Francophone",
"Music",
"Family",
"Authors",
"Theatre",
"Storytelling",
"Indigenous arts",
"Dance",
@claudioccm
claudioccm / frontend-guidelines.md
Created September 16, 2019 18:01 — forked from bradfrost/frontend-guidelines.md
Frontend Guidelines WIP

Frontend Guidelines

These guidelines will govern how we write frontend code for The Spruce (and hopefully beyond!)

HTML Guidelines

HTML Principles

  • Author semantic markup - HTML gives structure to content, and browsers, search engines, and assistive devices make use of that structure to benefit users. Headings should be <h1> through <h6> tags, groups of objects should be marked up as <ul> or <ol> tags, and so on.
  • Legibility - Markup should be easily readable by authors, especially considering that markup is often mixed with Freemarker and other non-HTML code. Use proper spacing, naming, and commenting conventions to keep code legible for yourself and your teammates.
  • Bake in accessibility - Incorporate accessibility best practices into markup as you author markup rather than tacking it on as an afterthought.
@claudioccm
claudioccm / video-assets-instructions.md
Last active December 23, 2021 07:57
Video Assets

Video Assets

scene-building-security

My idea here is to have those shields circling around the building in a 3D-ish way. We would probably need to do some simple 3D modeling for the shiled, in order for it to not be paper thin.

scene-identity-theft

The concept here is to make the hacker "change masks". As you can see in the storyboard, every time he hides behind his computer, he he comes up with a new "mask".

./build.sh
Rendering about.html...
Rendering admin.html...
Rendering application.html...
Rendering citizen-engagement-projects-detail.html...
Rendering citizen-science-on-the-web-detail.html...
Rendering civic-tech-for-local-legislatures-and-legislators-detail.html...
Rendering coaching-detail-page.html...
Rendering coaching-programs.html...
text