JavaScript Function doc.Support LQDN banner

Posts Tagged ‘CSS3


ON CITE, ON SOUTIENT !

 

La Quadrature du Net passe en version 2.1 https://www.laquadrature.net/fr/la-quadrature-du-net-passe-en-version-21 (@laquadrature)

 

Quand même génial, on t’oblige à prévenir pour les cookies mais rien pour la #surveillance totale des communications. #PJLRenseignement (@NeilJomunsi)

 

Aime bien ce sticker de la @fsfe à coller subrepticement sur l’ordi d’un adorateur du “cloud” ;) http://twitter.com/framaka/status/590111212077240321/photo/1 (@framaka)

 

CDB-vx3VIAE-6GR

 

Avec #Hadopi, les geeks ont appri la cuisine parlementaire. Avec #PJLRenseignement c’est le tour des […]


Lire la suite...

The Internet is like the Wild West. We thought we were the cowboys,
but it turns out we’re the indians. Fuck.
(@thegrugq)

 

We have the best government that money can buy. (@TheMarkTwain)

 

Personne ne te demande la permission pour dire à tes enfants quoi manger,
quoi aimer, quoi acheter 1000 fois par jour.
#antipub (@deln0gal)

 

@antipub Si les pubeux pouvaient peindre le ciel, les nuages et la Lune ils le feraient.
Pollution visuelle et propagande partout.
(@Grunt_)

 

iPhone®, iPad®, Android™, Web. If it requires an emoji legal symbol,
don’t make it your primary deployment […]


Lire la suite...

The internet is broken both ways: hard to be anonymous.
Impossible to have the same username on every website.
(@0xabad1dea)

 

Méchants qui défiscalisent en France: Google, Amazon, Netflix, Apple.
Gentil dont le gentil patron défiscalisait en France: Total.
(@laurentchemla)

 

La phrase entendue hier #LPJ d’une  militante peroxydée et Sarkozyste
Marre des journalistes gauchistes de BFM ou Itele…..” (@mompontet)

 

Trouvez-vous que les noirs en France condamnent-ils suffisamment Ebola ? (@LeKouss)

 

They should create an app that makes your cellphone go “ahhhhhh” when you plug […]


Lire la suite...

I like my new iPhone it’s like a blackberry from the future (@Borgore)

 

War is madness’: Pope Francis says WWIII is happening already http://on.rt.com/n5xscu (@RT_com)

 

Si je pouvais dîner avec une personnalité, n’importe laquelle, vivante ou morte,
je choisirais Marine Le Pen. Et je choisirais morte. (@LANDEYves)

 

“Ils ne disent rien, ils ne se cachent pas sous la table, ils ne mangent qu’un bonbon à la fois
mais plus tard 
ils le font payer cher à la société. Méfiez-vous des enfants sages.
—  Jean-Paul Sartre – Les Mains sales (@rosannemathot)

 

Flexible […]


Lire la suite...

This is not a privacy problem, it is a democracy problem.
—Katitza Rodriguez, EFF #ungovforum #igf2014 (@aral)

 

You may be the friend of Google, but Google isn’t you’re friend. (@Tsigorf)

 

As if things weren’t Badenov: Even in good times, Russians are villains in Hollywood:
http://blogs.reuters.com/great-debate/2014/08/27/as-if-things-werent-badenov-even-in-good-times-russians-are-villains-in-hollywood/ http://twitter.com/ReutersOpinion/status/504706421108535296/photo/1 (@ReutersOpinion)

 

Procédure lexicale médiatique : “Social-liberal” n’a aucun sens. ne veut rien […]


Lire la suite...

Quand Hollande dit que son ennemi c’est la finance,
c’est comme quand toi tu dis que ton ennemi c’est le nutella. (@schloren)

 

Je vais devoir utiliser la recherche à l’élastique pour fouiller dans la mégadonnée
si je veux retrouver l’egoportrait de @bortzmeyer. (@laurentchemla)

 

En Fr, on aime les entrepreneurs comme on aime les enfants qui jouent
dans leur bac à sable sans déranger les parents https://www.youtube.com/watch?v=GIxtD-a9S90 (@ebarges)

 

Great programmers delete code. Great interface designers delete UI. (@lukew)

 

Lifehack: Turn a 5-minute task into a […]


Lire la suite...

Concevoir un élément animé en 3D pour le multi-screen avec jQuery et CSS3.

 

La présentation que je fais pour #ParisJS est ici !

https://docs.google.com/document/d/1khVWiDeFj-KY2OhVqbZN_w1aef2iCC0yhhLEdj8p8yY/edit?usp=sharing

 

flatClock3d-google-doc

No image, no webGL, no native !

 

 

With this prototype,  on desktop browsers you can move around  the 3D CSS clock model with your mouse. On mobile browsers, rotation is triggered by the mobile orientation …

 

C’est un prototype (plus un Framework qu’un plugin) qui permet de tester les fonctionnalités sur différents types d’écrans et de navigateurs : Desktop, mobile, tablette…
La rotation 3D est pilotée par la souris (le “pointer”) ou simplement par l’orientation du mobile…
Crédit : The code to 3D rotate a CSS box was originally inspired from there : http://www.laplace2be.com/projects/phone/
(It’s seem “laplacetobe” have been inspired too by http://lenticular.attasi.com ;)
I have refactored the code following Twitter boostrap plugin guideline :
http://twitter.github.io/bootstrap/javascript.html

 

Avec le triptyque suivant pour la partie cross-browsers du projet :

 

[UPDATE]

La présentation que je fais pour #ParisJS est ici !

https://docs.google.com/document/d/1khVWiDeFj-KY2OhVqbZN_w1aef2iCC0yhhLEdj8p8yY/edit?usp=sharing

 

On my HTC One S with Chrome browser and Firefox browser…

 

2013-05-30_15-33-35  2013-05-30_15-37-26

 

Here on your PC…

 

 

Some others infos here :

http://www.b2bweb.fr/molokoloco/pixels-polished-jquery-css3-analogue-clock/

 

jquery-scrollView-pluginVisual helper while scrolling web page. Draw an indicator providing user with infos on the current viewport while scrolling.   “One view for each screen that user need to scroll to get to the bottom of the HTML view”   User can also click to directly go to the corresponding screen in the viewport.

 

It include :

  • $.scrollToMe();
  • $.scrollScreen();
  • + Find scrollElement
  • + getHash() || setHash(), …

 

Nb : It seem to have a bug on Firefox 21,  with right fixed positioning of “.scrollScreen” even if the plugin don’t touch this properties. In the end, plugin manipulate the left to emulate right:0; …

 

 

Made an other (older) plugin here :

 

A noter aussi…

#jQuery colonize, traverse DOM tree to find paragraphs next to each chapter, extract them and wrap them within a DIV.

Theses DIVs allow the control of multicols configuration via #CSS3.

 

The plugin take care to vertically split colums if it’s total height exceed viewport height. We can also include or exclude some TAGs of the selection…

The configuration can be with CSS colWidth or CSS colCount.
You can see a real example hereMy Book Readr : Etienne Chouard.

 

…the new “BootStrapped” plugin version …

 

jQuery.colonizr.js (V0.9.0)

 

Feel free to contribute via comments or Github :)

 

 

 

Real life example :

http://www.b2bweb.fr/molokoloco/etienne-chouard-centralite-du-tirage-au-sort-en-democratie/

3 pages