JavaScript Function doc.Support LQDN banner

Browsing ‘Molokoloco’ Category


It is difficult to get a man to understand something,
when his salary depends upon his not understanding it!
” ~ Upton Sinclair

 

20 years ago CIOs *couldn’t* care about user experience, 10 years ago they didn’t have to,
and now it drives everything. Huge shift for all.

 

L’apprentissage de la programmation à l’école doit être abordé comme un art,
pas comme un langage.
” cc @Kwame42 http://bit.ly/SOSGbp

 

Remember, #Google doesn’t own the Internet, they just crawl and index it for profit


Lire la suite...

Oh oh oh !

Désolé sorry, un maximum de retard dans la parution de la Gueznet 57, et plus de 3 semaines d’excuses consécutives pour votre serviteur ! Celle-ci est un peu expédié, car trop grande too big, +1000 liens, +25 jours d’infos multi-canal, même si une majorité provient de Twitter. Il me fallait un outil pour trier tout cela et c’est fait. J’ai enfin une petite webApp perso qui me permet d’automatiser au maximum la gazette :)

 

Pour cette édition, it’s “as best as i can”, given the time !

 

Enjoy your infos feed DOM !

Je devais bien de la faire ! C’est aussi mes archives [...]


Lire la suite...

“La France ne le sait pas, mais nous sommes en guerre avec l’Amérique . Oui, une guerre permanente, une guerre vitale, une guerre économique, une guerre sans mort apparemment. Oui, ils sont très durs les américains, ils sont voraces, ils veulent un pouvoir sans partage sur le monde. C’est une guerre inconnue, une guerre permanente, sans mort apparemment et pourtant une guerre à mort.”

François Mitterrand juste avant de mourir.

(Source : Le dernier Mitterrand de Georges-Marc Benamou – 27/1/1997 – Plon/Omnibus).


​USA : Délits d’initiés du 11-Septembre… les faits mis à nu (ASIA TIMES)

 

(…) En réalité, les délits d’initiés autour du 11/9 – qui ne sont pas prouvés, il faudrait un acte de justice pour cela -, mais sur lesquels s’accordent des historiens, des spécialistes de la Finance, et des chercheurs du 11/9, sont la preuve que les détails comme la date, l’heure et le lieu précis des attentats terroristes de Manhattan et du Pentagone étaient connus à l’avance par certains milieux. Mais le plus grave est que ces “milieux” ont été capables par la suite de se protéger des enquêtes de la Securities and Exchange Commission (SEC), du FBI, de la Commission sur le 11/9, et encore pire, des grands médias occidentaux, et ce, depuis plus de 10 ans !

 

(…) Que feriez-vous si vous possédiez un logiciel capable de penser, et de comprendre, tous les principaux langages dans le monde, de s’installer en douce sur n’importe quel ordinateur, d’y insérer des données sans que l’utilisateur s’en aperçoive, de dépasser les capacités du raisonnement humain, et de prédire ce que les gens vont faire avant qu’ils ne le fassent ? Vous l’utiliseriez, n’est-ce pas ?

 

(…) « qu’il est établit que PROMIS a été utilisé par les agences de renseignement de différentes manières, dont celle de la surveillance en temps réel des achats/ventes d’actions sur tous les principaux marchés financiers dans le monde. »

Nous avons donc affaire à un logiciel qui :

Infiltre les ordinateurs et les systèmes de communication sans se faire remarquer.
Peut manipuler des données.
Est capable de surveiller le marché global des actions en temps réel.

 

Source : http://www.agoravox.fr/tribune-libre/article/delits-d-inities-du-11-septembre-116435


Why do US want to run the world ? Petrodollar ? War industries ? http://t.co/PQTskrDBLD #WorldWar #HumanAfterAll

— Julien G (@molokoloco) July 13, 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

“Nous avons encore une télévision et une radio publique, alors profitons-en pour regarder les reportages sur la magouille financière internationale, les jeux de dupes des gouvernements de droite et de gauche, y compris le nôtre. Opposons-nous aux jeux de cons que veut nous faire jouer le gouvernement Ayrault par le biais du dialogue social …, il est urgent de faire un bras d’honneur à toutes ces farces qui, de fait, nous intègrent et nous rendent complices d’une politique de voyous.”

 

dans-le-secret-du-crime-financier

 

Dans le secret du crime financier
http://www.france2.fr/emissions/infrarouge/videos
http://www.youtube.com/watch?v=hJsC3OsNd3E

 

le-scandale-de-l-evasion-fiscale

 

Cash investigation : Le scandale de l’évasion fiscale
http://www.france2.fr/videos/83490530
http://www.youtube.com/watch?v=xqsCc0pC5EQ

 

N’hésitez pas à diffuser largement ces liens, nous participerons ainsi à la prise de conscience des salariés et aussi à ceux qui ont la prétention de les représenter…

Source : https://plus.google.com/+PaulIrish/posts/ccP98BTMd5Z

 

Remote debuging Android (Google)

 

# Change system path
PATH=$PATH:/path-to-SDK/platform-tools/
# Do following comands
adb kill-server
adb devices
adb forward tcp:9222 localabstract:chrome_devtools_remote
 
# desktop Chrome and navigate to http://localhost:9222
# There is all the pages actually open on your chrome Android : Choose !

 

Mozilla for Android :

 

In your desktop browser about:config to change settings.
Search for "debugger" and
toggle devtools.debugger.force-local to false
toggle devtools.debugger.remote-enabled to true
Before we'll be able to connect to the device, we need to know its IP address.
To find the address of your phone:
Open the Settings app > tap Wifi > tap the network that you are currently connected to (IP is displayed)
On your mobile device, browse to a page that you want to debug.
Fire up the Remote Debugger on your desktop Firefox. (tools menu connect)
When asked for URL replace  "localhost" with the IP address of your phone. By default, add the port 6000
You should see a dialog on your phone warning you about a new incoming connection

 

Mozilla OS :

 

Phone Gap :

 

Developer Tools:

 

Guides

 

Non-WebView but related stuff

 

Just  add one more related

 

Nice and shiny ;)

Update 12/06/2013 – http://www.b2bweb.fr/gueznet/12062013-gueznet-prism-data-frameworks/

Désolé, beaucoup de bruit déjà pour ceux qui suivent… mais je me sens obligé dans parler quand même…

 

prism

 

What Is PRISM?

http://gizmodo.com/what-is-prism-511875267

 

…that gives the NSA unprecedented access to the servers of major tech companies…
Microsoft. Yahoo. Google. Facebook. PalTalk. AOL. Skype. YouTube. Apple

 

What’s most troubling about PRISM isn’t that it collects data. It’s the type of data it collects. According to the Washington Post report, that includes:

 

…audio and video chats, photographs, e-mails, documents, and connection logs… [Skype] can be monitored for audio when one end of the call is a conventional telephone, and for any combination of “audio, video, chat, and file transfers” when Skype users connect by computer alone. Google’s offerings include Gmail, voice and video chat, Google Drive files, photo libraries, and live surveillance of search terms.

 

According to the Washington Post’s source, they can “literally watch you as you type.” They could be doing it right now.

 

Anonymous Just Leaked a Trove of NSA Documents

http://gizmodo.com/anonymous-just-leaked-a-trove-of-nsa-documents-511854773

 

That big o_O !!! RT @Anonymous Mirror / #NSA Release #OpPRISM #Getmad:

 

http://snk.to/f-cdu5ehhr – http://snk.to/f-ctja6nnx – http://snk.to/f-cdc8yuuv -http://snk.to/f-ct90gjj1 – http://snk.to/f-ctmqb99t – http://snk.to/f-cdplwkk7  – http://snk.to/f-ct3eommh – http://snk.to/f-cdns4ppz – http://snk.to/f-ctiyr33u – http://snk.to/f-cdz9szz6 – http://snk.to/f-ctu8yuuv – http://snk.to/f-cdxmaxxg

 

RT @manhack #PRISM Comment protéger ses sources, son ordinateur, ses communications et sa vie privée en ligne ? http://bugbrother.blog.lemonde.fr/comment-proteger-ses-sources/ cc @davduf

 

- LE PAPIER -

 

CITATIONS

 

Les DM Twitter c’est aussi fiable et rapide que la Poste. Sauf que tu ne peux écrire que sur le timbre. (@flynscape)

 

WOW incrédibeul, un nouveau niveau de connaissance pour moi : j’ai appris que “OVH” veut dire “On Vous Héberge” #LevelUp (@cmozzati)

 

Le nouveau flickr est une vraie catastrophe. TODO : trouver une alternative et migrer les 8000 photos accumulées depuis 8 ans. (@mikiane)

 

HTML/CSS

 

Helpful HTML Form Feedback With #CSS3 Transitions http://myshar.es/17fnRMV via @designshack (@_higg)

 

A set of small, responsive #CSS modules that you can use in every [...]


Lire la suite...

Voici une liste non-exhaustive de ressources JavaScript pour jQuery, extraite de mon cours 2013 (“Cours/TP jQuery, Julien Guézennec, 1ère année“)

 

Twitter Boostrap (incontournable) :

Un framework JS/CSS recouvrant les composants HTML et les plugins JS parmis les plus utilisés

 

 

jQuery UI :

 

  • jQuery UI is a curated set of user interface interactions, effects, widgets, and themes built on top of the jQuery JavaScript Library.
  • + jQuery UI Bootstrap theme, the incredible styles of Twitter Bootstrap, for jQuery UI

 

Plugins “individuel” de composants d’interface :

 

  • JQuery Slideshow/Carousel Plugin. Sources.
  • Swipebox, A touchable jQuery lightbox
  • Photobox A lightweight image gallery modal window script
  • Flux Slider Transitions Gallery, hardware accelerated image transitions using CSS3
  • Roundabout for jQuery, 3D effect carousel with sprites (Div) that turn around an axe
  • Reveal.js The HTML Presentation Framework
  • Supersized Full Screen Background/Slideshow jQuery Plugin
  • Isotope (Masonry V2), an exquisite jQuery plugin for magical layouts Reveal & hide items with filtering Re–order items with sorting Dynamic, intelligent layouts
  • jQuery simple Layout Demo that manage slidable and resizable, multi-pane
  • SlickGrid is a JavaScript grid/spreadsheet component
  • typeahead.js is a fast and fully-featured autocomplete library
  • Customizable boilerplate/template of a jQuery plugin, EDIT here !
  • A part :
    • jPlayer : HTML5 Audio & Video for jQuery
    • SoundManager 2: JavaScript Sound For The Web
    • ProcessingJS : using <canvas> for a drawing surface
    • … Three.js, Raphael.js, … etc

Plugins “helpers” sur certaines fonctionnalités

 

  • jQueryColor, this plugins installs a cssHook which allows jQuery’s .css() and .animate() to animate between two colors. The jQuery.Color() function allows you to create and manipulate color objects or string that are accepted by jQuery’s
  • jQuery Css3-like Easings for jQuery animations
  • jQuery.animate Overwrites $.fn.animate to use CSS 3 animations if possible. It takes the same arguments as the original $.fn.animate and will fall back to jQuery’s JavaScript animation if a CSS animation is not possible.
  • Alternatively, for somes simples animations, there is animate.css a bunch of cool, fun, and cross-browser CSS3 animations… or jQuery CSS 3 Finalize With this plugin you can write CSS without the vendor prefixes. The plugin takes care of it and will automatically add vendor prefixes.
  • jquery.transit Super-smooth CSS transitions & transformations for jQuery
  • Spritely is a jQuery plugin for creating dynamic character and background animation (Pan, Scroll, Sprite)
  • jQuery Waypoints is a small jQuery plugin that makes it easy to execute a function whenever you scroll to an element with or without infinite scrolling enabled
  • jQuery Form validation Plugin
  • jQuery Sisyphus plugin developed to save html forms data to LocalStorage to restore them after browser crashes, tabs closings and other disasters
  • jQuery Remember stuff. A simple way to set/read/destroy cookies and localstorage
  • Scrollorama, The jQuery plugin for doing cool scrolly stuff
  • jQuery and WordPress plugins for infinite scroll
  • Moment.js Parse, validate, manipulate, and display dates in JavaScript
  • Keymaster Awesome handling of keyboard events
  • jQuery Mouse Wheel Plugin A jQuery plugin that adds cross-browser mouse wheel support…
  • Hand.js is a polyfill for supporting pointer events on every browser. Pretty simple: Register pointer events (pointerdown, pointerup, pointermove, etc..). It emulate click, touchstart, etc…
  • Pinch, Zoom, Scroll, iScroll-4 !
  • Grunt : The JavaScript Task Runner (Compiler)

 

Useful JavaScript Libraries and jQuery Plugins :

http://coding.smashingmagazine.com/2012/09/23/useful-javascript-libraries-jquery-plugins-web-developers/

 

 

Online tools… (Via http://home.b2bweb.fr/#code)

 

 

Exemple de pages et codes source intéressants, à faire (suggestion forte :)

 

 

Sites de ressources…

 

 

A connaitre !

 

 

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…

20 pages