JavaScript Function doc.Support LQDN banner

Posts Tagged ‘Open Source


Tumblr template release V0.0.4 – molokoloco 2013

 

A little simple Tumblr template, crafted with love, for displaying your photos with a beautiful mosaic optimized layout. Swipebox.js is for some touch scrolling on mobile device. Some nice CSS3 effects included too.

 

 

Enjoy !

 

http://sky-dumped.tumblr.com

“Dumping some clouds. Photos taken around Paris. Copyright @molokoloco 2013″

 

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

Comme le veut la tradition, je mets ici en open-source “copyleft” mes travaux :)

Cette année, j’ai fait pour la première fois des interventions sur HTML5/CSS3 et en particulier JavaScript et… jQuery pour deux écoles Parisiennes de web.

Voici le document de cours et de travaux pratiques (TP) ”1ère année développement” qui m’a servi de support.

En ce sens, pour des débutants, le premier cours JS est dans l’unique but d’aborder jQuery par la suite.  Nous ne ferons donc qu’un rapide survol de l’ensemble des possibilités du langage.

  1. Historique du langage
  2. Les outils de développement
  3. La documentation
  4. Inter-agir en JavaScript
  5. Notions D.O.M. essentielles
  6. Notions Évènements
  7. Généralités sur le code JavaScript
  8. CONSOLE… live in your browser !
  9. Insérer des commentaires
  10. Déclaration de variables
  11. Les opérateurs
  12. Structures de contrôle
  13. Types d’objet
  14. Les types : tests et conversions
  15. Les fonctions “f()”
  16. Les méthodes et propriétés
  17. Plus loin avec les fonctions
  18. Les performances
  19. Remote debug your mobile
  20. …AUTRES RESSOURCES…
  21. Exercices complémentaires

Julien Guézennec, Cours/TP JavaScript, Licence Copyleft, 2014

 

cours-tp-javascript-doc

 

Comment’s are very welcome :)

C’est le second document de la série…

Comme le veut la tradition, je mets ici en open-source “copyleft” mes travaux :)

Cette année , j’ai fait pour la première fois des interventions sur HTML5/CSS3 et en particulier JavaScript et… jQuery pour deux écoles Parisiennes de web.

Cela m’a occupé des semaines et des WE pour rassembler les meilleures informations sur jQuery…

Voici le document de cours et de travaux pratiques (TP) ”1ère année développement” qui m’a servi de support.

Le cours est illustré avec de nombreux exemples en liens sur JSfiddle. Pour la partie jQuery, cela représente environ une semaine de formation.

  • COURS
    • Les outils de développement
    • jQuery ???
    • jQuery -in practice-
    • Documentation jQuery
    • Cibler et modifier des éléments
    • -Parenthèse- “this” is out of control!
    • Evènements utilisateur et dynamiques
    • Animations (“Effects”)
    • Les Formulaires
    • Les requêtes “AJAX”
    • “Promise” et “Deferred” ?
    • Les bases d’un plugin jQuery
    • Plugins jQuery utiles
  • EXERCICES / TP
    • Navigation par onglet
    • Validation de formulaires
    • Concept de carrousel

 Julien Guézennec, Cours/TP jQuery, Licence Copyleft

 

cours tp jquery doc

 

Comment’s are very welcome :)

C’est le premier document de la série…

J’ai repris le code de mon Book ReadR

Je m’en suis servi pour remettre en page un texte (.PDF) écrit par Etienne Chouard en 2011 (trouvé via le-message.org sur FB…)

 

C’est à lire en ligne ici http://www.b2bweb.fr/etienne-chouard/ :)

 

Traduction, repères visuels de navigation, “responsive design” HTML5, etc… je suis ouvert à toutes vos remarques et j’attends des retours :)

J’ai amélioré le concept de “viewport slider” (Cf. scrollbar)

 

tirage-au-sort-democratie

 

C’est pas mal quand même pour lire un long texte… non ?

 

Anciens et autres travaux :

 

“Either we all live in a decent world, or nobody does.”

A single page with his most famous quotes. Check it here : http://www.b2bweb.fr/orwell/

The page have be done in a couple of hours with “My book readR” project :) More infos

 

Merci à @bobylito qui vient de mettre les vidéos (du live) en ligne sur Dailymotion.

On trouve entre autre ma présentation sur readr.js . Mais aussi plein de super autres sujets (http://www.dailymotion.com/ParisJS #ParisJS)

Ça fait drôle de se voir en vidéo, et ça fait drôle de parler devant beaucoup de gens avec plein de lumière dans les yeux :)

 

ReadR.JS by Julien Guézennec (@molokoloco) – ParisJS 13

“My Book ReadR” La présentation que j’ai faite hier soir à la conférence #ParisJS 13 (parisjs.org).

 

jQuery.ReadR.JS

Bootstrap is a toolkit from Twitter designed to kickstart development of webapps and sites. It includes base CSS and HTML for typography, forms, buttons, tables, grids, navigation, and more. With the help and feedback of many engineers at Twitter, Bootstrap has grown significantly to encompass not only basic styles, but more elegant and durable front-end design patterns.

Bootstrap is tested and supported in major modern browsers like Chrome, Safari, Internet Explorer, and Firefox. Bootstrap comes complete with compiled CSS, uncompiled, and example templates.

 

bootstrap-twitter

Shared by molokoloco

This come from an email send by the Diaspora* Crew

 

Dear Friend of Diaspora*

 

Thanks again for your interest in joining the Diaspora* community, and for your patience. We’re working on getting your invite out to you as quickly as possible, and we’re still committed to getting it to you by the end of October. We’re pushing out hundreds of thousands of invitations as quickly as we can — thanks for bearing with us.

As promised in our previous message, we want to tell you a little more about why we believe so strongly in Diaspora*’s mission: to build a new and better social web, one that’s 100% owned and controlled by you and other Diasporans.

Diaspora*’s distributed design is a huge part of it. Like the Internet itself, Diaspora* isn’t housed in any one place, and it’s not controlled by any one entity (including us). We’ve created software that lets you set up and run your own social network on your own “pod” (or server) and connect your network to the larger Diaspora* ecosystem. You can have a pod all to yourself, or one for just you and your friends, or your family, giving you complete ownership and control over your personal social information (including your identity, your posts, and your photos) and how it’s all stored and shared. Or you can simply join one of more than 20 open pods.[1]

 

This means you can do what you want. You can express yourself candidly, and be your authentic self. You can go by whatever name you like on Diaspora*. Pseudonyms are fine, and this both protects you (if you want to say something your boss or your parents disagree with) and opens the door to real connection. Here’s how one blogger and Diasporan put it:

Maybe his kind words mean so much to me because T is someone I’ve met through a [pseudo]nym — he got to know the real me’s ideals and beliefs, and liked that person… A compliment from [him] is based on my own sincerity, and thus, has a certain purity. It is untainted by perceptions of how I look, what I’m wearing, and so on. Given that, I value it especially highly.[2]

This kind of authentic connection brings back the social freedom that made the Internet awesome in the first place. And this is just the beginning.

You can make great connections with anyone in the Diaspora* ecosystem, not just the people on your own pod, because the pods are linked together.

You can also use Diaspora* as a home base for your outbound posts on Facebook, Twitter, and Tumblr, writing to them all from Diaspora*. In the future, you’ll be able to monitor your inbound streams from Diaspora* as well.

Yet our distributed design means no big corporation will ever control Diaspora*. Diaspora* will never sell your social life to advertisers, and you won’t have to conform to someone’s arbitrary rules or look over your shoulder before you speak.

And because your information is yours, not ours, you’ll have the ultimate power – the ability to move your profile and all your social data from one pod to another, without sacrificing your connection to the social web. Over time, this will bring an end to the indifferent, self-serving behavior that people can’t stand[3] from the walled gardens that dominate social networking today. When you can vote with your feet for the environment where you feel safest, the big guys will have to shape up, or risk losing you.

We’re still building this move-your-profile capability, as well as other key features. It’s hard work, but we’re building the future we want to see, with incredible community support.

Diaspora* is a genuine community effort. More than 160 people have contributed to our code, putting us in the top 2% of all open source projects tracked by Ohloh.[4] Hundreds more volunteers have translated Diaspora* into 13 of the world’s spoken languages so far, with another 32 translations in progress. Thousands of Diasporans have given us more than 3,000 points of feedback. (We’re listening closely, and building the features you’re asking for as fast as we can.) And of course, thousands of donors have helped pay for our development, and hundreds of thousands of people — including you — are patiently waiting for access to try it out.

Thanks again for your patience. We can’t wait to see you here, and to build a brighter future together.

Sincerely,

- Dan, Max, Ilya, Sarah, Yosem, and Peter
Wednesday, September 21st, 2011

 

[1]: JoinDiaspora.com is just one of the pods within the Diaspora* ecosystem. Here’s a directory of some of the others that are open to new users (there are even more out there too, including many that are private, not open).
[2]: Excerpts from this blog post by Garidin Winslow.
[3]: “Report: Facebook Is Most Hated Social Media Company”, Courtney Rubin, Inc. Magazine, July 20, 2011.
[4]: http://www.ohloh.net/p/diaspora/factoids/10029264

 

3 pages