Skip to content

Instantly share code, notes, and snippets.

View devlint's full-sized avatar

Laurent G. devlint

30 followers · 29 following
View GitHub Profile
@devlint
devlint / a11y.html
Last active September 21, 2017 15:17
A11Y Pattern
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Accessible HTML Content Patterns</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
</head>
<!-- // TIPS
On peut trouver plusieurs balises header, mais le role="banner doit être unique dans la page.
La balise main et le role="main" sont uniques dans la page.
@devlint
devlint / object-fit.html
Created May 13, 2016 08:25
<picture style="width: 100%;height: 400px;display: block;border: 1px solid;">
<source srcset="https://unsplash.it/1980/980?image=0" media="(min-width: 1000px)">
<source srcset="https://unsplash.it/1000/510?image=10" media="(min-width: 600px)">
<img src="" class="OF-cover" srcset="https://unsplash.it/400/600?image=20" alt="…" style="width:100%;height: 100%;">
</picture>
@devlint
devlint / gist:8e0ebb95b1febb4d7b41
Created February 2, 2016 12:14
Verifying that +devlint is my blockchain ID. https://onename.com/devlint
@devlint
devlint / svg.twig
Last active August 29, 2015 14:10
Sf:include:svg:twig
Il est possible d'inclure un svg directement dans un twig en utilisant {% include %} d'une manière un peu particulière :
2 prérequis :
- le fichier SVG ne sera pas un asset en tant que tel
- le fichier SVG aura une extension `.svg.twig`
## exemple
```twig
<a id="logo" href="{{ path('html_page', {'template': 'pages:01.home%2Fhome.html.twig'}) }}">
{% include "C2isOneTeaBundle:svg:logo_R&C.svg.twig" with {'width': '90'} %}
</a>
@devlint
devlint / HTML5_Enabler.js
Last active August 29, 2015 13:56 — forked from benplum/HTML5 Enabler
Quickline enabler html5 code for non-html5-browser like IE<9
/* Pre-Define HTML5 Elements in IE */
(function(){ var els = "source|address|article|aside|audio|canvas|command|datalist|details|dialog|figure|figcaption|footer|header|hgroup|keygen|mark|meter|menu|nav|picture|progress|ruby|section|time|video".split('|'); for(var i = 0; i < els.length; i++) { document.createElement(els[i]); } } )();
@devlint
devlint / c2is.htaccess
Created February 11, 2014 14:09
Fichier htaccess issu de html5boilerplate
# C2iS-html5-less-boilerplate .htaccess
# Apache configuration file
# Note .htaccess files are an overhead, this logic should be in your Apache config if possible
# ----------------------------------------------------------------------
# Better website experience for IE users
# ----------------------------------------------------------------------
# Force the latest IE version, in various cases when it may fall back to IE7 mode
@devlint
devlint / a_responsive_model.html
Created February 10, 2014 10:14
Email responsive notes
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="format-detection" content="telephone=no">
<meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<title>**MB_OPTITLE**</title>
</head>
<body yahoo bgcolor="#f6f8f1" style="margin: 0; padding: 0; min-width: 100%!important;font-family: Arial, sans-serif;font-size: 12px;color: #3a3a3a;" class="eoa_lo4">
@devlint
devlint / photoshop.plugin.list
Created February 5, 2014 13:46
Liste de plugins pour Photoshop
Remove Unused FX,Photoshop extension,panel,plug-in
https://github.com/Moyidu/Remove-Unused-FX
Use Cut&Slice me to export your assets to different devices in seconds
http://www.cutandslice.me/
Become a flat design pro in seconds with this simple photoshop plugin.
http://skeuomorphism.it/
AutoSave - Automatically save all documents every 5/10/15/30 or 1 Hour.
@devlint
devlint / angularJS.ressource.list.md
Last active April 25, 2021 15:04
A list of articles about AngularJS & Symfony2
@devlint
devlint / templateJS.list
Last active December 30, 2015 06:48
Quelques ressources et pistes pour "assembler" des pages html à partir de blocs/vues/modules ala include()
:: Ressources Github ::
https://github.com/bezoerb/grunt-php2html
https://github.com/MathiasPaumgarten/grunt-bake
https://github.com/vanetix/grunt-includes
https://github.com/mathiasbynens/grunt-template
https://github.com/aaaristo/grunt-html-builder
https://github.com/spatools/grunt-html-build
https://github.com/tonai/grunt-build-html
https://github.com/wmluke/grunt-inline-angular-templates