Browsing ‘Molokoloco’ Category
Complices d’une politique de voyous
In Molokoloco | 13 Jun 2013 | 1 commentaire !
“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
http://www.france2.fr/emissions/infrarouge/videos
http://www.youtube.com/watch?v=hJsC3OsNd3E
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…
Remote debugging you smartphone ?
In Molokoloco | 12 Jun 2013 | Laisser un commentaire
Source : https://plus.google.com/+PaulIrish/posts/ccP98BTMd5Z
Remote debuging Android (Google)
- https://docs.google.com/presentation/d/1DNljLkRpe9LIDfcqcpHzdLvEOyuVH4d1y9dtAJBr1I8/preview#slide=id.gbba09f01_0415
- https://developers.google.com/chrome-developer-tools/docs/remote-debugging#installing-androidsdk
- En résumé :
# 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 :
- https://hacks.mozilla.org/2012/08/remote-debugging-on-firefox-for-android/
- https://hacks.mozilla.org/2013/05/firefox-developer-tool-features-for-firefox-23/
- https://developer.mozilla.org/en-US/docs/Tools/Debugger
- En résumé :
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 :
- https://marketplace.firefox.com/developers/
- https://marketplace.firefox.com/developers/docs/firefox_os_simulator
- https://hacks.mozilla.org/2013/05/firefox-os-simulator-3-0-released/
- https://marketplace.firefox.com/developers/docs/reference_apps
Phone Gap :
Developer Tools:
- Weinre : http://google.com/search?btnI&q=weinre Basic inspection tools
- jsHybugger : http://jshybugger.org Breakpoint debugging with DevTools GUI
- Aardwolf : http://lexandera.com/aardwolf/ Breakpoint debugger written in JS
- Mobitest : http://mobitest.akamai.com HAR network analysis for Android 2.3
- JSConsole : http://jsconsole.com
- Logcat : http://goo.gl/XENtC The state of the art 4 years ago. Ouch.
Guides
- Google I/O session on WebView: http://youtu.be/HbOtn5VhGZU
- WebView configuration changes: http://stackoverflow.com/questions/7422427/android-webview-slow
- Enabling HW acceleration: http://riamobilesolutions.com/android-webview-scrolling-performance/
Non-WebView but related stuff
- Remote debugging Chrome: http://developers.google.com/chrome-developer-tools/docs/remote-debugging
- Remote debugging Mobile Safari: http://goo.gl/2Pc44
- MiHTool: http://iunbug.com/mihtool
- ios-webkit-debug-proxy: http://github.com/google/ios-webkit-debug-proxy
Just add one more related
- ios-webkit-debug-proxy: https://github.com/google/ios-webkit-debug-proxy
Nice and shiny ;)
#OpPRISM… with terrifying granularity. It’s something to worry about.
In Molokoloco | 8 Jun 2013 | 1 commentaire !
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…
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 -
[04/06/13] GuezNet… Full Stack Web Platform
In GuezNet,Molokoloco | 4 Jun 2013 | Laisser un commentaire
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 [...]
Liste de plugins et ressources jQuery 2013 #BestOf #jQuery
In Coding Projects,Molokoloco | 3 Jun 2013 | Laisser un commentaire
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
- http://twitter.github.io/bootstrap/getting-started.html#examples
- https://github.com/twitter/bootstrap
- Twitter Bring Bootstrap’s components to life, now with 13 custom jQuery plugins.
- Bootstrap Toolbox – Tools, Utilities, Generators and Templates http://speckyboy.com/2013/05/01/bootstrap-toolbox/
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 :
- Web Forms : forms framework – auto-saving drafts – file upload (and resuming large downloads) – <select> boxes – modal boxes – form accordion – dynamic labels – drop-down with images – tooltips – extended input – form validation – credit card validation(alternative) – email check – password complexity
- Web Typography : repairing vertical baseline – align text to a grid – responsive measure – fixing widows – fluid line height – scalable headlines (or smart headlines) – Lettering.js –Kerning.js
- Little Time-Savers : exchange rates and currency – date/time formatting – relative timestamps –number and currency formatting – cookies.js – zip.js – extra string methods –countdown.js – sticky content – Google Maps – interactive maps – progress bar –favicon notifications (or Notificon)
- Images, Maps, Graphs : world maps – subway map – Google maps – open source maps – SVG fallback – gauges – graphs – timeline – Retina display – magnifying glass – interactive graphs– plots – time visualization
- Text Manipulation : syntax highlighter – URI.js – jQuery URL parser – cutting paragraphs – text truncation – TOC generator – FAQ generator – sorting text by relevancy.
- Manipulating Tables and Lists : table styling – searchable/sortable lists – visual search – nested sortable lists – large data sets – CSV to table conversion (or Csonv.js) – Excel-like tables – advanced tables
- Useful JavaScript Tools for Web Development : Yeoman – command line for JS – image placeholder – percentage loader – URL parser – URI normalization – touch events – multi-touch gestures – Markdown Embedding – accessibility enhancement – templating engine – filepicker –extensible regex – client-side caching
- HotKeys : https://github.com/jeresig/jquery.hotkeys/blob/master/jquery.hotkeys.js
https://github.com/madrobby/keymaster
http://dmauro.github.io/Keypress/
Online tools… (Via http://home.b2bweb.fr/#code)
- HTML/CSS : DocHubNew, W3cHtml, W3cCss, W3cValidator, HtmlColors, Html5Rocks, CssBeautifier, CssCompressor, Css3Maker, Css3Gradient, ModernizR
- JAVASCRIPT : jQueryDoc, MicroJS, MozillaJS, WindowsJS, ProcessingJS, Three.JS, SanchaDoc, SanchaTouchDoc, PhoneGap, PhpJS, GoogleJsApi, JSperf, MinifyJS, ClosureCompiler, JsBeautifier, JsonBeautifier, Json Parser
- LAMP : Apache, PhpNet, PhpClasses, Zend, PhpAnywhere, PhpBeautifier, MySqlDoc, SQLite, SqlDesigner, HtAccess, ZoneCheck, Whois, IpTools, PageSpeed, LocalHost
- EDITING : CodeRun, IdeOne, JsFiddle, Cloud9, Akshell, Bespin, TinyMce, Balsamiq, Mindomo, Aviary, PixlR, FavIcon
- DESIGN : ColorScheme, Kuler, CssPrism, IconLook, FreeIcons, IconFinder, MyFontbook, DaFont, Symbols, Typetester, TypeFolly, FontSquirrel, SpecialChar, GoogleWebFonts
- DATA : WikiMolokoloco, GoogleAPI, ProgrammableWeb, SourceForge, GitHub, CheatSheets, YahooDeveloper, FirefoxAddons, ProgrammerTools, PatternTap, YahooPipes
- …
Exemple de pages et codes source intéressants, à faire (suggestion forte :)
- Image “zoom infos” effect (Niveau noob)
- A Simple Parallax Scrolling Technique (niveau débutant)
- Un exemple d’animation complète du contenu dans une page ? (niveau intermediaire)
- …
Sites de ressources…
- Plugins.jQuery jQuery new plugins center
- jQuery++ Collection of extremely useful DOM helpers and special events for jQuery 1.8 and later. I’m not a UI project like jQuery UI or jQuery Tools. Instead, I’m all about providing low-level utilities for things that jQuery doesn’t support
- Unheap A tidy repository of jQuery plugins
- jQueryList The Ultimate jQuery List
- Bootswatch Free themes for Twitter Bootstrap…
- …et toutes les… “listes des 50 meilleurs plugins jQuery” ^^
- http://coding.smashingmagazine.com/2011/04/07/useful-javascript-and-jquery-tools-libraries-plugins/
A connaitre !
- Et puis ici mon Bookmark 2011 “WebDev”
Cours/TP JavaScript, Julien Guézennec, 1ère année
In Coding Projects,Molokoloco | 1 Jun 2013 | Laisser un commentaire
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.
- Petit historique
- Inter-agir en JavaScript
- Instruction
- Commentaires
- Variables
- Types d’objet
- Opérateurs
- Structure de contrôle
- Types test et conversion
- Les fonctions “f()”
- Les méthodes et propriétés
- Plus loin avec les fonctions
- Notions D.O.M.
- Notions Évènements
- Performances
- Remote debug your mobile
Cours/TP JavaScript
Julien Guézennec – (MAJ) 18/04/2013
- Cours/TP JavaScript, Google DOC (Vous pouvez en faire une copie) :
https://docs.google.com/document/d/1j9KsH-YtlYuMhmcPRlqtNJ_JdrD2JUiErmwEUTWt23I/edit?usp=sharing - Cours/TP JavaScript, format HTML :
https://docs.google.com/document/d/1j9KsH-YtlYuMhmcPRlqtNJ_JdrD2JUiErmwEUTWt23I/pub - PDF (MAJ) 18/04/2013 :
https://dl.dropboxusercontent.com/u/17715374/CoursJavaScript-JG2013.pdf
Comment’s are very welcome :)
C’est le second document de la série…
Cours/TP jQuery, Julien Guézennec, 1ère année
In Coding Projects,Molokoloco | 1 Jun 2013 | Laisser un commentaire
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
Cours/TP jQuery
Julien Guézennec – (MAJ) 18/04/2013
- Cours/TP jQuery, Google DOC (Vous pouvez en faire une copie) :
https://docs.google.com/document/d/1Sl4rGvuUeJRIGlFDU1_53LOSIT0HdHuoE6nsm1Pbo9k/edit?usp=sharing - Cours/TP jQuery, format HTML :
https://docs.google.com/document/d/1Sl4rGvuUeJRIGlFDU1_53LOSIT0HdHuoE6nsm1Pbo9k/pub - PDF (MAJ) 18/04/2013 :
https://dl.dropboxusercontent.com/u/17715374/CoursTPjQuery-JG2013.pdf
Comment’s are very welcome :)
C’est le premier document de la série…
Accord de Libre Echange TransatlAntique, “ReadR-ified” with #HTML5
In Molokoloco | 21 May 2013 | Laisser un commentaire
“Transatlantic Trade and Investment Partnership“
(FR) Accord de libre échange Transatlantique – ALETA
- Article de l’humanité :
http://www.humanite.fr/monde/ exclusif-humanitefr-publie-le-projet-d-accord-de-l-541854 - Document PDF :
http://www.humanite.fr/sites/default/files/pdf/2013/huma_internet_2013-05-18_texte_commission1_0.pdf - Adaptation PDF au format HTML :
http://www.b2bweb.fr/docs/accord-de-libre-echange-transatlantique.html
Anciens codes sources disponibles ici My-Book-ReadR (+ Infos)
(Me contacter pour plus d’infos, je compte publier des mises à jours prochainement)
jQuery scrollView : Viewport scroll and screen vertical helper
In Coding Projects,Molokoloco | 18 May 2013 | Laisser un commentaire
Visual 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; …
- Live fiddle demo : http://jsfiddle.net/molokoloco/XK3t5/
- Github :
https://github.com/molokoloco/jquery.plugins/jquery.scrollScreen.js
https://github.com/molokoloco/jquery.plugins/jquery.scrollScreen.min.js
https://github.com/molokoloco/jquery.plugins/jquery.scrollScreen.css
Made an other (older) plugin here :
A noter aussi…
- Best jQuery Scrollbar Plugins to Scroll Your Websites Contents :
http://www.dezignmatterz.com/best-jquery-scrollbar-plugins- to-scroll-your-websites- contents/
[17/05/13] GuezNet… Google I/O, JavaScript, Creative Cloud, ORBX, …
In GuezNet,Molokoloco | 17 May 2013 | Laisser un commentaire
QUOTES
Every day I use atrocious websites & wonder what hope exists for all the cutting edge features if it is so hard to get fundamentals right (@divya)
We won’t realise the true potential of mobile until switching carriers is as simple as switching WiFi networks. #competition #dinosaurs (@aral)
HEHEH. RT @samgrigg: How to write software: 1) Write a line of code 2) Google error message 3) Read stackoverflow 4) Goto: 1 (@MarkRiffey)
JAVASCRIPT :
We announced the winners of @js1k’s 2013 spring compo today. http://js1k.com/2013-spring/ Huge congrats to ALL entrants. [...]
My recents posts
- Complices d’une politique de voyous
- Remote debugging you smartphone ?
- #OpPRISM… with terrifying granularity. It’s something to worry about.
- [04/06/13] GuezNet… Full Stack Web Platform
- Liste de plugins et ressources jQuery 2013 #BestOf #jQuery
- Cours/TP JavaScript, Julien Guézennec, 1ère année
- Cours/TP jQuery, Julien Guézennec, 1ère année
- Accord de Libre Echange TransatlAntique, “ReadR-ified” with #HTML5
- jQuery scrollView : Viewport scroll and screen vertical helper
- [17/05/13] GuezNet… Google I/O, JavaScript, Creative Cloud, ORBX, …
- Youtube… “explained to my step father”
- jQuery Colonize plugin : In-between titles multicols paragraphs with CSS3
- Etienne Chouard : Centralité du tirage au sort en Démocratie
- [25/04/13] GuezNet… ASM.js, Blink, Mega, Zanimo.js, CISPA, …
- Je lance la #GuezNet sur mon blog !
- [28/03/13] GueZnet : WebGL using Emscripten and asm.js, DDOS, Cloud, and more !
- [25/03/13] GuezNet : Google, WebRTC, ASM.js, Tizen, Streaming, … INTERNET !!!
- [01/03/13] GuezNet : Ubuntu Touch, Vimeo Looks, Tor, HTC Sense TV, …
- [27/02/13] GuezNet : Firefox OS, Skype, IO, COSM…
- [22/02/13] GuezNet : Google glass, Chromebook Pixel, Shemer, Android, HTC, FirefoxOS, HTML5…
Home made artworks
MyBookReadR V2 | jQuery.colonize | jQuery.boxFx | jQuery.analogueClock2 | The RSS Wall | FastWebStart
My latest sources and sheets :
Github sources | Personnal wiki | jsFiddle example | WebDev bookmark
Version : Mobile / Desktop | Want an easy web start page ? http://home.b2bweb.fr
Powered by WordPress with LAMP, jQuery and molokoloco 
b2bweb.fr 1998/2013