Skip to content

Instantly share code, notes, and snippets.

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

Tilap tilap

🏠
Working from home
View GitHub Profile
@tilap
tilap / truncate.css
Created December 24, 2021 16:19 — forked from elky/truncate.css
text-overflow ellipsis with 100% width
/*
Demo: https://jsfiddle.net/elky/f6khaf2t/
<div class="element">
<div class="truncate">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt
ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
@tilap
tilap / chrome-bookmarks
Created April 24, 2019 07:54 — forked from selvan/chrome-bookmarks
Chrome extension to export all bookmarks
//manifest.json
{
"name": "bookmark-search-export",
"version": "1.0",
"manifest_version": 2,
"description": "This extention will dump all bookmarks",
"browser_action": {
"default_icon": "icon.png"
},
"background": {

Deep Dive into Grid Layout Placement

Une revue complète des différentes méthodes de positionnement offertes par les mises en page des grilles CSS.

Ceci est la traduction française de l'article "Deep Dive into Grid Layout Placement" par Manuel Rego (@regocas), publié le 1er Février 2016. Toutes les images et extraits de code viennent de l'article original avec la permission de l'auteur.

Voila quelques mois que, à travers mon travail à Igalia, je tente de terminer les derniers détails de l'implementation du placement des éléments au sein d'une mise en page de type CSS Grid dans Blink. En résumé, il s'agissait principalement de travailler sur ces 2 choses:

  • Supporter d'abord les grilles implicites avant les grilles explicites. Cela afin qu'une grille puisse ajouter des pistes si besoin pas seulement dans la direction ou la grille grqndie (en général vers la dr
@tilap
tilap / download_gists.js
Last active August 29, 2015 14:08 — forked from thomastraum/download_gists.js
Download all public gist with nodejs
var request = require('request')
, path = require('path')
, fs = require('fs')
, url = "https://api.github.com/users/thomastraum/gists"
, savepath = './gists';
request(url, function (error, response, body) {
if (!error && response.statusCode == 200) {
@tilap
tilap / hasNestedProperties.js
Last active August 29, 2015 14:06 — forked from cyrilf/hasNestedProperties.js
JS function to check if an object has the nested properties
/**
* hasNestedProperties check if an object has the nested
* properties passed in params
*
* @param {Object} obj object we want to test
* @param {String} properties nested property we want
* @return {Boolean} either the object has these
* nested properties or not
*/