https://speakerdeck.com/vjeux/react-css-in-js
Vjeux expose une façon de gérer les CSS, sur les projets de grande échelle qui utilisent React (http://facebook.github.io/react/).
var extname = require('path').extname; | |
var Metalsmith = require('metalsmith'); | |
var myth = require('myth'); | |
var http = require('http'); | |
var templates = require('metalsmith-templates'); | |
var markdown = require('metalsmith-markdown'); | |
var watch = require('metalsmith-watch'); | |
/** |
webshims.register('form-validation', function($, webshims, window, document, undefined, options){ | |
"use strict"; | |
var isWebkit = 'webkitURL' in window; | |
var hasNative = Modernizr.formvalidation && !webshims.bugs.bustedValidity; | |
var chromeBugs = isWebkit && hasNative; | |
var ua = navigator.userAgent; | |
var webkitVersion = chromeBugs && parseFloat((ua.match(/Safari\/([\d\.]+)/) || ['', '999999'])[1], 10); | |
var iVal = options.iVal; |
https://speakerdeck.com/vjeux/react-css-in-js
Vjeux expose une façon de gérer les CSS, sur les projets de grande échelle qui utilisent React (http://facebook.github.io/react/).
Faire du site statique simplement ?
Contexte :
Des outils (très) simples pour du statique manquent (et me plairaient bien car suis non-expert en la matière).
https://twitter.com/emmanuelc/status/543025073226256385
Outil simple : adapté à une utilisation relativement particulière. Masquer la complexité du code, donc faire des choix et restreindre ce qui est possible.
Attention, manque encore, coté JS, la gestion du focus pour la nav clavier, | |
et peut être d'autres trucs :) | |
HTML : | |
<span class="combo-box" tabindex="0" role="listbox"> | |
<span class="default-action">Sélectionner...</span> | |
<i aria-hidden="true" class="ico-arrow-down"></i> | |
<select> |
Quelques notes autour d'une discussion démarrée sur twitteret du billet de @STPo :
Quelques petites choses me questionnent dans l'évolutions de nos métiers et de notre travail quotidien :
Je vois pas mal de dévelopeurs se mettre aux "front-end". AngularJS, par exemple est très marketé "Java". Hors, on en arrive à des situations du genre "toi tu es dev front, j'imagine que faire de l'intégration ça t'intéresse pas" wtf ?!, ou "le webdesign, c'est du pipeau, un bootstrap, 3 plugins jQuery et c'est réglé"
Constat :
/** | |
* Generate sidenotes using footnotes from Multimarkdown generated content | |
* Idea and principle borrowed from Adrew Clark : http://acdlite.github.io/jquery.sidenotes/ and https://github.com/acdlite/jquery.sidenotes | |
* | |
* This script : - gather footnotes in the passed container selector | |
* - insert the sidenotes in the current text, according to screen size : | |
* - on big screens insert the sidenote *before* the anchor | |
* - on medium screens, insert the sidenote *after* the anchor |
#Comment sauver "en texte simple" les URLs de ses onglets ouverts ?
J'utilise le même ordi pour le travail et le perso. Au cours de mes pérégrinations sur le web, je moissonne des liens, à lire plus tard, que j'ouvre dans différents onglets d'une même fenêtre de navigateur (ma "fenêtre de veille").
Au bout de quelques jours, il n'est pas rare que je me retrouve avec plusieurs dizaines d'onglets dans cette fenêtre. Il arrive un moment où je commence à faire le ménage, et je supprime les onglets pas intéressants. Ainsi, à la fin, il ne me reste les onglets que je veux conserver, synthétisant la veille de plusieurs jours. Je peux ainsi commencer à "consolider" : poster certains liens sur twitter ou autre plate-forme, faire un post reprenant les choses notables et ainsi de suite.
Je cherchais donc un moyen d'exporter "d'un coup" les URLs de tous les onglets d'une fenêtre, dans un simple format texte (facilement exploitable dans plein de contextes différents).
module MyTodoApp where | |
import Html exposing (..) | |
import Html.Events exposing (..) | |
import Html.Attributes exposing (..) | |
import Signal exposing (..) | |
import StartApp.Simple as StartApp | |
type alias Model = | |
{ title: String, tasks: List Task, newTaskTitle: String, newTaskContent: String, uid : Int} |
#ifdef GL_ES | |
precision highp float; | |
#endif | |
uniform sampler2D from, to; | |
uniform float progress; | |
uniform vec2 resolution; | |
//My own first transition — based on crosshatch code (from pthrasher), using simplex noise formula (copied and pasted) | |
//-> cooler with high contrasted images (isolated dark subject on light background f.e.) | |
//TODO : try to rebase it on DoomTransition (from zeh)? |