Skip to content

Instantly share code, notes, and snippets.

View joellesenne's full-sized avatar
🏠
Working from home

Joël Lesenne joellesenne

🏠
Working from home
17 followers · 17 following
View GitHub Profile
@joellesenne
joellesenne / Original-animation-of-a-menu,-click-on-the-top-right.markdown
Last active September 4, 2020 05:14
A Pen by François Lesenne.
@joellesenne
joellesenne / Coding-and-Sass-info....markdown
Last active September 4, 2020 05:09
A Pen by François Lesenne.
@joellesenne
joellesenne / index.html
Last active February 13, 2018 20:59 — forked from anonymous/index.html
JS Bin // source http://jsbin.com/pisuxex
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
<style id="jsbin-css">
body {
display: flex;
flex-direction: column;
@joellesenne
joellesenne / index.html
Last active September 4, 2020 05:47
Open Graph for Facebook
<!-- Open Graph for Facebook <https://developers.facebook.com/docs/sharing/webmasters/> -->
<meta property="fb:app_id" content="123456789">
<meta property="og:url" content="https://example.com/page.html">
<meta property="og:type" content="website">
<meta property="og:title" content="Content Title">
<meta property="og:image" content="https://example.com/image.jpg">
<meta property="og:image:alt" content="A description of what is in the image (not a caption)">
<meta property="og:description" content="Description Here">
<meta property="og:site_name" content="Site Name">
<meta property="og:locale" content="en_US">
@joellesenne
joellesenne / index.html
Last active September 4, 2020 05:48
Open Cards for Twitter
<!-- Open Cards for Twitter <https://github.com/joshbuchea/HEAD#facebook-open-graph> -->
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@site_account">
<meta name="twitter:creator" content="@individual_account">
<meta name="twitter:url" content="https://example.com/page.html">
<meta name="twitter:title" content="Content Title">
<meta name="twitter:description" content="Content description less than 200 characters">
<meta name="twitter:image" content="https://example.com/image.jpg">
<meta name="twitter:image:alt" content="A text description of the image conveying the essential nature of an image to users who are visually impaired. Maximum 420 characters.">
@joellesenne
joellesenne / index.html
Last active September 4, 2020 12:38
Compatible viewport
<meta charset="utf-8">
<!-- Compatible viewport <https://github.com/joshbuchea/HEAD/#recommended-minimum> -->
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!--
The above 3 meta tags *must* come first in the <head>
to consistently ensure proper document rendering.
Any other head element should come *after* these tags.
† Use the content="ie-edge" tag if your project
@joellesenne
joellesenne / gulpfile.js
Last active September 4, 2020 04:59
Starter Gulp
(() => {
// Directory
const dir = {
src: 'src/',
build: 'dist/'
}
// Load Modules
const { src, dest, series, parallel, watch } = require('gulp')
// TODO require another module
@joellesenne
joellesenne / SCSS.md
Created September 1, 2017 17:50 — forked from jareware/SCSS.md
Advanced SCSS, or, 16 cool things you may not have known your stylesheets could do

⇐ back to the gist-blog at jrw.fi

Advanced SCSS

Or, 16 cool things you may not have known your stylesheets could do. I'd rather have kept it to a nice round number like 10, but they just kept coming. Sorry.

I've been using SCSS/SASS for most of my styling work since 2009, and I'm a huge fan of Compass (by the great @chriseppstein). It really helped many of us through the darkest cross-browser crap. Even though browsers are increasingly playing nice with CSS, another problem has become very topical: managing the complexity in stylesheets as our in-browser apps get larger and larger. SCSS is an indispensable tool for dealing with this.

This isn't an introduction to the language by a long shot; many things probably won't make sense unless you have some SCSS under your belt already. That said, if you're not yet comfy with the basics, check out the aweso

@joellesenne
joellesenne / startApachePhpEnvironment.sh
Last active September 4, 2020 04:30
# Start the PHP environment
sudo apachectl start
# Restart the PHP environment
sudo apachectl restart
# Stop the PHP environment
sudo apachectl stop
@joellesenne
joellesenne / index.html
Last active April 29, 2020 13:03
JS form validation
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Js Form Validator</title>
<link rel="stylesheet" href="stylesheet/style.css">
</head>
<body>
<div class="container">