Posts Tagged ‘JavaScript’
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 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. Incredible work. (@paul_irish)
I love this effort to enable developers to write apps without a backend: @noBackend http://nobackend.org/ /via @gr2m at #fronttrends (@LeaVerou)
Node.js sur AWS : Amazon passe au JavaScript de nouvelle génération http://www.journaldunet.com/developpeur/outils/aws-support-de-node-js-0513.shtml (@JDNSolutions)
See your code! : With traceGL you can see all JavaScript codeflow, in a high performance webGL visualiser. Its like an oscilloscope, for code. https://trace.gl/
JSHint – JSHint 2.0.0 is out – Echo JS http://www.echojs.com/news/3980 (via @JSHint) (@echojs)
Codeblock.js – Editable, runnable JavaScript code blocks – Echo JS http://www.echojs.com/news/4055 (via @FilePicker) (@echojs)
Hoodie: A Node + CouchDB Framework for Frontend-Only Web Apps - http://hood.ie/ (@JavaScriptDaily)
Automatically download & use FrontEnd JS dependencies with Bower + Grunt boilerplate free – Echo JS http://www.echojs.com/news/3793 - https://github.com/twitter/bower (@echojs)
Fuse.js : Lightweight fuzzy-search, in JavaScript – Echo JS http://www.echojs.com/news/3818 (via @kirorisk) (@echojs)
RT @jcleblanc: Hand.js: a polyfill for supporting pointer events on every browser http://feedly.com/k/11GXzQx (@jedisct1)
Keydrown – A JavaScript key state handler for web apps http://bit.ly/ZWWumq (@FGRibreau)
Lazy Block Layout, a Web Platform primitive for building infinite scroll into web applications. https://docs.google.com/a/chromium.org/document/d/1-tbcMJV8wNbX2g5ehNIcE_1W7Kj_B3g9w1BrUgHnh3U/edit
Infinite Scrolling: Let’s Get To The Bottom Of This by @kindofone - http://uxdesign.smashingmagazine.com/2013/05/03/infinite-scrolling-get-bottom/ (@smashingmag)
Using http://www.layoutit.com/ to quickly layout a test site w/ Twitter Bootstrap #dragdrop #ftw (@elijahmanor)
Using AngularJS Views Animations for Mobile Applications http://blog.revolunet.com/blog/2013/04/30/angularjs-animations-mobile-applications/ (@revolunet)
AngularJS powered mobile boilerplate app that also does offline out of the box – Echo JS http://www.echojs.com/news/3970 (@echojs)
Kendo UI SPA Part 1: View And View-Model (Screencast) – Echo JS http://www.echojs.com/news/4049 (@echojs)
The Onion releases a JavaScript plugin called fartscroll.js. It does exactly what you’d think it does. http://theonion.github.io/fartscroll.js/ (@yahelc)
Introducing Augmented JavaScript – Echo JS http://www.echojs.com/news/4045 (echojs)
Hidden Features of JavaScript – Echo JS http://www.echojs.com/news/3830 (echojs)
brain.js demo: Train a neural network to recognize color contrast – Echo JS http://www.echojs.com/news/4082 (via @harthvader) (@echojs)
Grunt JavaScript Automation for the Lazy Developer http://bit.ly/YFMIuQ (@gruntjs)
https://github.com/crcn/nexe Compile js as standalone executable (@mauriz)
verlet-js – A simple Verlet physics engine written in javascript http://bit.ly/11N8Phl (@FGRibreau)
Sidr – A jQuery plugin for creating side menus http://myshar.es/YlSwmE (@_higg)
Simplify.js – a high-performance JavaScript 2D/3D polyline simplification library – Echo JS http://www.echojs.com/news/4027 (@echojs)
Debuggex : construisez vos expressions régulières de manière simple et efficace, grâce à cet outil créé en JavaScript http://javascript.developpez.com/actu/54486/Debuggex-construisez-vos-expressions-regulieres-de-maniere-simple-et-efficace-grace-a-cet-outil-cree-en-JavaScript/
Inline Text Editing With Raphaël.js http://blog.marmelab.com/inline-text-editing-with-raphaël via @marmelab (@Sethpolma)
here is a loud flamethrower – particles emitter in webgl+granular sound with webaudio api – click to pull the trigger http://jeromeetienne.github.io/threex/src/threex.particles/flamethrower/manual.html (@jerome_etienne)
Even Better In-Browser Mockups with Node.js – Echo JS http://www.echojs.com/news/3909 (via @garannm) (@echojs)
Logman.js : log client and server side events, realtime web interface provided – Echo JS http://www.echojs.com/news/3840 (@echojs)
rrule.js – JS library for working with recurrence rules for calendar dates #rfc http://bit.ly/Y6nV0L (@FGRibreau)
“Programmer en javascript directement sur votre Raspberry Pijs” http://feedly.com/k/10ilghh (@trigrou)
An impress presentation/slider GUI editor for creating Impress.js sliders – Echo JS http://www.echojs.com/news/3831 (@echojs)
Référencer simplement votre Single Page Application grâce à PhantomJS http://dlvr.it/3JBDq7 (@HCNJavaScript)
Turbulenz – Un moteur de jeu HTML5 open source http://goo.gl/fb/05OJ0 #blog (@Korben)
How to create a “green screen” effect on a web video using Javascript and HTML5 – Echo JS http://www.echojs.com/news/3978 (@echojs)
ExplainJS : instant side-by-side view of your comments and code – Echo JS http://www.echojs.com/news/3911 (via @bendytree) (@echojs)
Run PHP/MySQL, HTML/CSS and JavaScript Code Online http://phpfiddle.org/ (@DaniStefanovic)
Great slides: How Gmail loads JavaScript (and how the browser could help). http://www.w3.org/2012/11/webperf-slides-hundt.pdf /via @duhroach (@paul_irish)
How to edit javascript live in chrome http://discover-devtools.codeschool.com/chapters/2/challenges/1 (@jerome_etienne)
JSON API http://jsonapi.org/ (@vladocar)
De superbes animations en SVG sur le site de cette agence canadienne http://playgroundinc.com/ (via reddit) (@HTeuMeuLeu)
If you want a quick look at a real Sencha touch mobile app, @flrent shared a welldone basic app : https://github.com/flrent/conferences-mobile-app (@revolunet)
“HeliosJS is an in-memory graph database for modern browsers” http://entrendipity.github.io/helios.js/ (@rgaidot)
JQUERY :
A well-documented, annotated jQuery source: http://robflaherty.github.io/jquery-annotated-source/ - Great way to learn how jQuery actually works, by @robflaherty (@smashingmag)
I know jQuery. Now what? - http://is.gd/beyond_jquery by @rem …an excellent (and much needed) post! (@bryanrieger)
Best jQuery Scrollbar Plugins to Scroll Your Websites Contents http://bit.ly/YSMTTI (@KristyFahey)
MixItUp – A CSS3 and JQuery Filter & Sort Plugin http://bit.ly/11GuiXE (@designlabCPH)
30 New jQuery Plugins Worth Taking a Look At http://bit.ly/15G1Ye4 (@bkmacdaddy)
jQuery Create – Allows the developer to create elements using CSS selectors syntax https://github.com/EZSlaver/jQueryCreate (@usejquery)
JavaScript library jQuery has divided industry opinion. Karolina Szczur asks if libraries cause substandard code - http://netm.ag/10EYukH (@netmag)
RT @agcolom The French government is using @jquerymobile for the income tax declaration and collection mobile app http://www.impots.gouv.fr/portal/dgi/public/popup?espId=1&typePage=cpr02&docOid=documentstandard_6481 (@mathrobin)
Quelqu’un se lance dans la création d’un plugin jQuery ? je viens d’updater #easyPlug http://cahnory.github.io/jQuery.easyPlug/ (@cahnory)
CSS
CSS Animatable Properties - http://thewebevolved.com/support/animation/properties/ and http://oli.jp/2010/css-animatable-properties/ - By Mr. @boblet – quite happy how all this worked out! (@rodneyrehm)
Cool. Try multiple clicks for more fun! “@davidwalshblog: The best demo you’ll see all day: http://codepen.io/MathiasPaumgarten/pen/ydipI“ (@toddanglin)
Awesome! @LeeMallabone wrote that Sublime Text CSS selector plugin I tweeted and wished for :D https://github.com/fblee/sublime-css-selector-reveal (@hakimel)
Bien faire du texte tourné en CSS http://kizu.ru/en/fun/rotated-text/ (par @kizmarh) (@HTeuMeuLeu)
Very neat writeup on #CSS3 animations! http://myshar.es/17fnUZg via @shayhowe #webdev (@_higg)
CSS3 transition : tous ses petits défauts http://coding.smashingmagazine.com/2013/04/26/css3-transitions-thank-god-specification/ (theystolemynick)
This is so fun, although not very pragmatic: A CSS TARDIS!!! http://csstardis.co.uk/ /via @asciidisco (@LeaVerou)
Wow. You can do this with CSS3: http://codepen.io/noahblon/full/GKflw — not very practical, but pretty cool. (@smashingmag)
Marco Sors : CSS3 image filters http://bit.ly/11PJFgc (@designlabCPH)
CSS Modal – Modals built out of pure CSS #webdev http://bit.ly/12gn2SU (@FGRibreau)
RT @CSSWeekly: Learn how to create adaptive SVG illustrations with CSS - http://bit.ly/17PYC71 (@NTKOG)
Vertical Rhythm Pattern Pack http://buff.ly/11Gh5xQ | #freebie #photoshop #typography (@HeyDesigner)
Cool technique for rendering real, interactive HTML in the middle of a WebGL scene. http://learningthreejs.com/blog/2013/04/30/closing-the-gap-between-html-and-webgl/ (@Tojiro)
Responsive Nav http://responsive-nav.com/ (@DaniStefanovic)
HTML
In your face modern web development. DomAPI Library V3 ? https://letscrate.com/f/fat/files/domapi_301_Personal.rar BOOM! #Javascript (@_higg)
Animated Vector Icons! http://l.lightjs.org/wkj5 by @DeeThemes … #animated #icons #svg ~ compatible #bootstrap (@light_viz)
datalist experiment: combining #html5 `input[type=*]` and `datalist` effects — http://bit.ly/10wUq4J (@oncletom)
A Collection of Page Transitions | Codrops http://buff.ly/ZMJHaS (@codrops)
The HTML Email Boilerplate http://bit.ly/10l74Ia (@designlabCPH)
No, HTML5 does not have a performance issue. http://paulbakaus.com/2013/05/13/no-html5-does-not-have-a-performance-issue/ (@pbakaus)
WEB APPS
Adobe Creative Cloud – 36,89 € (TTC) par mois**.
Les frontières ont disparu. Votre univers créatif est connecté. Tout ce dont vous avez besoin est à venir dans Adobe® Creative Cloud™ en juin. Bénéficiez de plus d’une dizaine de nouvelles applications créatives telles que Photoshop® CC, Illustrator® CC et bien plus encore, exclusivement réservées aux abonnés Creative Cloud. http://www.adobe.com/fr/products/creativecloud.html?trackingid=KFKBJ
#Adobe envoie sa #CreativeSuite sur le #Cloud http://www.01net.com/editorial/594667/adobe-envoie-sa-creative-suite-sur-le-cloud/ (@01net)
Embedding WebRTC Video Chat Right Into Your Website - https://hacks.mozilla.org/2013/05/embedding-webrtc-video-chat-right-into-your-website/ (@robertnyman)
Nvidia shows world’s first demo of mobile hardware-accelerated WebRTC. Check out 1080p videoconferencing on mobile: http://goo.gl/NZoPv (@ChromiumDev)
Open Peer and the Frontiers of WebRTC – Echo JS http://www.echojs.com/news/3972 (@echojs)
A light exposure webcam experiment by @PositLabs. Try the different params, and click “start / stop” to get begin. http://goo.gl/gy3zt (@ChromeExp)
If you haven’t yet watched @igrigorik’s talk “Breaking the 1000ms Time to Glass Mobile Barrier” you’re missing out: http://youtu.be/Il4swGfTOSM (@paul_irish)
If you missed it over the weekend, I have a new I/O agnostic WebSocket library for adding support to any server http://blog.jcoglan.com/2013/05/06/websocket-driver-an-io-agnostic-websocket-module-or-why-most-protocol-libraries-arent/ (@jcoglan)
New! Authoring & Development Workflow w/ Chrome DevTools https://developers.google.com/chrome-developer-tools/docs/authoring-development-workflow learn about live editing, quick navigation, drag-to-right… (@ChromiumDev)
A bunch of data visualization examples with #neo4j #d3 #treejs etc… http://lnkd.in/EpFCHK (@jaganadhg)
This website will remove the background from images in real-time: http://goo.gl/Pno9K Very cool stuff. (@mattcutts)
Architecture et tutoriel d’une application de news utilisant l’offline http://labs.ft.com/2013/04/offline-html5-history-api/ (@theystolemynick)
Prezi + Pinterest = Bunkr https://www.bunkr.me/ (@FredCavazza)
BitTorrent Sync Keeps Your Files In Sync, Skips the Insecure Cloud http://lifehacker.com/bittorrent-sync-keeps-your-files-in-sync-skips-the-ins-478810621 (@greweb)
via G+: 15 Natural Language Processing APIs http://bit.ly/165Yvop (@JpEncausse)
Yanobs Reader : un agrégateur de flux dans la même veine que Google Reader http://goo.gl/fb/vZGpp #fredzone (@Fredzone)
[Bluffant] Un clone de Photoshop en ligne, et gratuit !! Le tout en HTLML5… http://fb.me/FxGcISnR (@Forums_Mediabox)
HACKING / SECURITY
Internet, SMS : comment Thales va mettre les réseaux français sur écoute http://is.gd/HLSWSI [L'Express] #PNIJ #Thales #Taubira (@FelixTreguer)
Dès cet été, conversations téléphoniques, SMS, Internet sur écoute passeront par Thalès branché sur les opérateurs http://lexpansion.lexpress.fr/high-tech/internet-sms-comment-thales-va-mettre-les-reseaux-francais-sur-ecoute_383757.html (@btabaka)
We will be officially announcing the MegaScholar program for top law students with interest in internet law & policy stay tuned @KimDotcom (@rothken)
Vers une surveillance généralisée des utilisateurs de Google ? Google a déposé le brevet d’un système qui permet de contrôler automatiquement tout ce qu’écrit un utilisateur, et d’informer une tierce personne si ce qui est écrit est soupçonné de violer une règle… Dans ce « meilleur des mondes », des gens pourront être sanctionnés avant même d’avoir commis les faits qui leur seront reprochés, puisque le système sera activé à la frappe et une tierce personne prévenue avant l’envoi du mail ou la transmission du document. Mais tout va bien, nous explique Google dans le brevet: « C’est dans l’intérêt des entreprises de prévenir les violations de leurs règles ou lois avant qu’elles aient lieu. » http://lejournaldusiecle.com/2013/05/08/vers-une-surveillance-generalisee-des-utilisateurs-de-google/
Google dépose un brevet inquiétant pour les libertés individuelles #bigbrother http://www.01net.com/editorial/594661/google-depose-un-brevet-inquietant-pour-les-libertes-individuelles/ (@pitchprr)
White House makes open and machine-readable the new default for government info: http://goo.gl/9oloR (@mattcutt)
Résoudre les problèmes de surcharge CPU dûs au crawler Google (robot GoogleBot) - http://bit.ly/10peKWO (@TechRevolutions)
Best full disclosure EVER after Twitter hack http://theonion.github.io/blog/2013/05/08/how-the-syrian-electronic-army-hacked-the-onion/ (@epelboin)
Braquage en ligne: des pirates informatiques dérobent 45 millions de dollars http://dlvr.it/3LrLL6 (@QGinfo)
—
<iframe style=width:100%;height:100% srcdoc=<isindex style=width:100%;height:100% onmouseover=alert(1)></isindex>><iframe> @soaj1664ashar (@_higg)
<iframe src=data:text/html;<fake-element oNLoAD=alert(‘\61′) @soaj1664ashar></iframe>(@_higg)
eval(String.fromCharCode((115-18),(117-9),(1818/18),(1710/15),(98+18),(28+12),(686/14),(615/15))) #obfuscation (_@higg)
I love octal encoding! eval(‘\141\154\145\162\164\50\61\51′) (@_higg)
DRM
« Aujourd’hui j’ai vu le futur » Brendan Eich annonce ORBX.js https://brendaneich.com/?p=2997 codec WebGL et JS aux usages révolutionnaires (@clochix)
Un des principes ORBX.js est d’utiliser un tatouage numérique plutôt que des DRM pour « protéger » les œuvres. Cf débat sur les DRM au W3C (@clochix)
ORBX.js va aussi permettre la virtualisation : toute appli pourra tourner sur un serveur en s’affichant en streaming dans un navigateur (@clochix)
Mozilla: Look ma, no plug-in for video, apps http://cnet.co/18hQmwJ via @CNET (@BrendanEich)
ORBX.js : de la vidéo 1080p décodée par javascript http://www.numerama.com/magazine/25893-orbxjs-de-la-video-1080p-decodee-par-javascript.html
Updated DRM-removing tools for those who wish to read their legally purchased books on the device of their choosing: http://is.gd/pI2F1Z (@kissane)
BROWSERS
RT @MICHhimself @jsfiddle + @browserstack Screenshots = ridiculously quick testing whether something will work on all target browsers. https://www.facebook.com/jsfiddle/
Want to know how auto-correct works in FirefoxOS? https://github.com/mozilla-b2g/gaia/blob/master/apps/keyboard/js/imes/latin/predictions.js – https://github.com/mozilla-b2g/gaia/blob/master/dictionaries/xml2dict.py Open source FTW! (@__DavidFlanagan)
Post bien complet sur les headers de cache http://www.mobify.com/blog/beginners-guide-to-http-cache-headers/ (@theystolemynick)
@benplum No, we dropped WebSQL because there was no hope of multiple engines, and SQLite is underspecified. Browsers preferred IndexedDB (@w3c)
Navigateurs : Chrome sur le point de devenir numéro 1 en France : Le navigateur de Google poursuit sa croissance en Europe http://nl.zdnet.fr/7ewG7cDaji/ifF8a
Ubuntu réfléchit au remplacement du navigateur Firefox par Chromium http://pcworld.fr/d83815 via @pcworldfr (@MozillaZineFr)
FIREFOX
Une nouvelle version de Firefox OS Simulator est disponible https://hacks.mozilla.org/2013/05/firefox-os-simulator-3-0-released/ (@alsacreations)
Firefox 21 disponible sur desktop et Android : a nouvelle mouture du navigateur au panda roux se veut plus sociale sur poste de travail, et améliore la compatibilité avec le HTML5 sur Android http://nl.zdnet.fr/gedG8cDaji/imFma
This Unreal Engine WebGL demo is really impressive. Requires Firefox nightly. http://www.unrealengine.com/html5/ (@hakimel)
Mozilla and OTOY unveil next generation JavaScript video codec for movies and cloud gaming- https://brendaneich.com/2013/05/today-i-saw-the-future/ (@robertnyman)
L’homme qui a désactivé les cookies dans Firefox se fiche si ça fait du mal aux annonceurs, sur @BI_Advertising http://ur1.ca/dr8c4 (@MozillaZineFr)
Firefox 22 : le blocage des cookies tiers repoussé pour l’instant : http://www.zdnet.fr/actualites/firefox-22-le-blocage-des-cookies-tiers-repousse-pour-l-instant-39790393.htm
Free Firefox OS Phones for Developers: Apply here https://hacks.mozilla.org/2013/05/phones-for-apps-for-firefox-os/ (@d_thevenin)
TOOL / SERVER
Raw Socket API Draft Published http://dlvr.it/3MsPCG (@w3c)
Bye bye virtualbox, welcome lxc with vagrant-lcx. Everything is faster now. (@francois2metz)
Wow! 30,000 modules are now on @npmjs. Congrats to the @nodejs community!https://npmjs.org/ #nodejs #npm (@romainhuet)
Getting Started With Node and Express – Echo JS http://www.echojs.com/news/4025 (via @dilvie) (@echojs)
Best HTML5 Editors for Developers | Code Geekz http://codegeekz.com/best-html5-editors/
Sublime Text Resources for Front-end Developers http://buff.ly/ZTDtTk(@HeyDesigner)
RT @BlueGriffonApp: BlueGriffon v1.7 est sorti sur toutes les plateformes http://bluegriffon.org/pages/Download /* enjoy */ (éditeur de pages Web WYSIWYG) (@MozillaZineFr)
Editr – Installez vos démos HTML, CSS et JavaScript sur votre serveur http://dlvr.it/3NJZ9X (@HCNJavaScript)
INTERNET
#EFF report: Which companies help protect your data from the government ? https://www.eff.org/who-has-your-back-2013 (@revolunet)
VirusKeeper est le seul antivirus 100% made in France. Il a été conçu en 2006 par la société d’édition AxBx. Il vient de fêter ses 7 ans. (@zataz)
“J’ai eu tort.” Ainsi commence l’histoire de Paul Miller, qui expose, dans The Verge, le bilan d’une expérience aussi technologique que personnelle, consistant à se couper du web un an durant … http://bigbrowser.blog.lemonde.fr/2013/05/02/deconnexion-retour-dexperience-apres-une-annee-passee-sans-internet/
Les annonceurs publicitaires commencent à bien cerner l’élite digitale http://bit.ly/151uW81 #trends (@luclegay)
Certains cours de #Harvard, #Stanford et du #MIT sont accessibles gratuitement sur Internet - http://ow.ly/l1GyL via @EchosTechMedias (@raphael_______)
Comment construire un flux Atom ? http://openweb.eu.org/articles/comment-construire-un-flux-atom by @openwebgroup #feed #atom (@karlpro)
Résoudre les problèmes de mémoire #MySQL (WordPress et autre) http://su.pr/1MWWMu #LAMP #LAMPNinja (@TechRevolutions)
Le nouveau site web de l’agence Reuters s’inspire de l’approche Twitter… http://bit.ly/1417yDq(@Guglielminetti)
[BLOG] Review of the first FirefoxOS phone : the Geeksphone Keon http://svay.com/blog/review-of-the-first-firefoxos-phone-the-geeksphone-keon/ (with images) (@mauriz)
Web Design & Development News: Collective #61 - http://bit.ly/ZH7Ct6 (@crnacura)
Croissance de la création d’entreprise sur 10 ans : l’ #autoentreprise sauve les apparences http://www.lesechos.fr/journal20130424/lec1_enquete/0202724550200-creation-d-entreprise-l-implacable-test-des-10-ans-561177.phphttp://twitter.com/luclegay/status/327010114231992320/photo/1 (@luclegay)
Twitter épinglé sur la question de la sécurité : Sécurité : Récemment, le compte de l’Associated Press était piraté, causant la chute des indices boursiers américains. Défi lancé à Twitter : renforcer sa sécurité pour redorer son image entachée. http://www.zdnet.fr/actualites/twitter-epingle-sur-la-question-de-la-securite-39789809.htm
Selon Bruxelles, l’adresse IP est une donnée personnelle http://www.lefigaro.fr/hightech/2013/04/25/01007-20130425ARTFIG00644-selon-bruxelles-l-adresse-ip-est-une-donnee-personnelle.php (@distriforce)
LinkedIn, en train de devenir LE réseau social professionnel mondial ? http://nl.zdnet.fr/1e5GwcDaji/i5F6a
Usual complexity in algorithms, make your technical choices! http://l.lightjs.org/hLxk by @mahemoff #complexity #cheatsheet (@light_js)
Associer plus de 2 freeplugs #CPL : la solution http://su.pr/2Jn06r #Free #tutorial (@TechRevolutions)
Netflix abandonnera Silverlight pour le HTML5, le service de streaming travaille sur les spécifications « HTML5 Premium Video Extensions http://www.developpez.com/actu/54173/Netflix-abandonnera-Silverlight-pour-le-HTML5-le-service-de-streaming-travaille-sur-les-specifications-HTML5-Premium-Video-Extensions/
GREAT :Future of TV by #Netflix CEO “Apps will replace channels, remote controls will disappear as linear TV” http://fr.scribd.com/doc/137803318/Netflix-Ir-Letter #yoo (@domdelport)
Killer showcase of web standards. Adobe & National Geographic present the Future of Responsive Digital Layout: http://blogs.adobe.com/webplatform/2013/05/06/adobe-explores-the-future-of-responsive-digital-layout-with-national-geographic-content/ (@paul_irish)
La #SocialMediaFatigue n’a aucune conséquence sur la croissance insolente de #Facebook http://blogs.lesechos.fr/david-barroux/elle-est-ou-la-crise-de-facebook-a12880.html (@luclegay)
Why Is Twitter So Unpopular In France? [STUDY] http://ow.ly/kCIF9 rt @sachaqs (@MathieuF24)
RT @ungeekaparis: Lu sur le web : (Infographie) Meilleure heure pour publier sur les réseaux sociaux http://dlvr.it/3MflF5 (@self_mad_woman)
Reports: Facebook Is Buying Social Mapping And Traffic App Waze For Up To $1B To Court More Mobile Users http://bit.ly/15LJEjY #facebook (@FacebookGeek)
Visualizing the insane complexity of a half second of stock trading http://www.geek.com/science/visualizing-the-insane-complexity-of-one-half-second-of-stock-trading-1554181/ (@geekdotcom)
Micromax A120 Canvas HD Pro : Un Smartphone Full HD de 5,5 pouces haut de gamme à petit… http://bit.ly/1923aoI http://pointgphone.com (@pointgphone)
How to Spread The Word About Your Code - https://hacks.mozilla.org/2013/05/how-to-spread-the-word-about-your-code/
Great advice from Peter Cooper, of JavaScript Weekly, HTML5 Weekly and more (@mozhacks)
Le nouveau look des outils de développement de IE10 dans Windows 8.1 http://winsupersite.com/site-files/winsupersite.com/files/uploads/2013/05/ie-dev-tools.jpg (via @dstorey http://winsupersite.com/windows-8/blue-notes-build-9385) #beurk (@HTeuMeuLeu)
Hey guys, point your web browsers to http://editor.flipboard.com :) More: http://inside.flipboard.com/2013/05/09/meet-the-editor-manage-your-magazines-on-the-web/ (@raphaelschaad)
Comment convertir un site web en ebook http://goo.gl/fb/2UKCy #blog (@Korben)
RT @EricROCHEBLAVE: L’utilisation abusive d’internet au travail est une faute grave http://is.gd/3B2zeR #internetautravail (@self_mad_woman)
Une espèce d’Internet quantique existe depuis 2 ans,à des fins militaires. A l’instar du world wide web en ses débuts. http://www.generation-nt.com/internet-quantique-reseau-securite-chiffrement-actualite-1729222.html (@ClaraSchmelck)
[RSS] Les américains inventent un robot de la taille d’une mouche: Le premier robot de la taille d’une mouche … http://bit.ly/16ZyxDI (@djtarek)
C’est officiel, la fondation Linux lance prochainement son nouvel OS Open Source Tizen, porté entre autres par Samsung et Intel http://fr.wikipedia.org/wiki/Tizen
Just spotted a guy with Google Glasses 1) It’s obvious 2) I didn’t feel comfortable 3) Why the fuck does he need them at Trader Joe’s? (@jedisct1)
Google Glass : les spécifications, les fonctionnalités, la charte de développement, l’api - http://bit.ly/ZUz8hq (@TechRevolutions)
Google : une extension Chrome pour lire les documents Office en ligne http://bit.ly/10ERsCr #PreviouslyOnFZN (@Fredzone)
Google’s Self-Driving Car gathers almost 1 GB per SECOND. Here’s what it “sees” making a left turn: http://twitter.com/Bill_Gross/status/329069954911580160/photo/1 (@Bill_Gross)
Google, la startup qui voulait se faire aussi grosse qu’un Etat http://bit.ly/17oWmT4 | http://distriforce.fr (@distriforce)
L’avenir selon Google : si vous n’êtes pas connecté, vous êtes suspect http://bit.ly/16RnoVf(@Rue89_a_la_une)
Ménage de printemps Google (bis) : la barre Meebo supprimée. Rachetée l’an dernier par Google, la barre Meebo va être victime de la seconde vague de suppressions du ménage de printemps, au profit des outils d’identification par Google +. http://www.zdnet.fr/actualites/menage-de-printemps-google-bis-la-barre-meebo-supprimee-39789888.htm
Google publie le code source de ses Google Glass : Google a libéré le code source de ses lunettes connectées sous licence GNU GPL v2 alors que le hacker à l’origine de l’app store indépendant Cydia venait juste d’annoncer qu’il avait jailbreaké les Google Glass.» http://www.zdnet.fr/actualites/google-libere-le-code-source-des-google-glass-39789891.htm
All google fonts now available for desktop use ! http://googledevelopers.blogspot.co.uk/2013/05/download-google-fonts-to-your-desktop.html (@revolunet)
Google exige le retrait de l’application Youtube pour Windows Phone http://www.journaldunet.com/ebusiness/internet-mobile/google-retrait-youtube-windows-phone-0513.shtml (@JDNebusiness)
Google+ : arrivée de la prise de contrôle à distance dans les Hangouts http://www.fredzone.org/google-arrivee-de-la-prise-de-controle-a-distance-dans-les-hangouts-939
Google préparerait un service de souscription à la carte pour YouTube : 50 chaînes payantes à partir de 1,99 $ http://zdnet.fr/39790116 (@zdnetfr)
Chrome browser’s Do-Not-Track setting ignored by Google. Ri…ght http://support.google.com/chrome/bin/answer.py?hl=en&answer=2790761 #eudatap (@CasparBowden)
Inside Google Glasses and Google’s links with the CIA | CGL/Democracy Now http://crabbygolightly.com/wordpress/the-stark-truth-vs-magical-thinking-about-google-glass/83416393/ (@wikileaks)
Une critique intéressante et pondérée des Google Glass par @lukew après une semaine d’utilisation http://www.lukew.com/ff/entry.asp?1720 (@HTeuMeuLeu)
Sans le moindre avertissement, Google a tué Google SMS Search http://www.seroundtable.com/google-sms-search-dead-16772.html De mieux en mieux… (@Zorgloob)
Google Glass et données personnelles : des politiques américains s’inquiètent. Plusieurs membres du Congrès américain souhaitent que Google précise les dispositions qui seront prises en matière de protection de la vie au sujet des Google Glass, et notamment comment seront gérées les données des non-utilisateurs collectées sans consentement. http://nl.zdnet.fr/1ewGecDaji/inFba
Twitter et Facebook sont sur Google Glass : Quoi de plus inquiétant que les Google Glass pour la vie privée ? Des Google Glass avec Facebook installé !» http://nl.zdnet.fr/heeGicDaji/i1Fba
GOOGLE I/O
Google+ s’offre une importante mise à jour avec 43 nouveautés : http://bit.ly/18LEW4P(@twandroid)
“Twitter is over capacité” – elle buzz cette keynote de la Google I/O (@twandroid)
Google will finally release a rock solid UI framework based on web components standards : polymer-project.org . I wonder how it will fit with AngularJS. V8 will integrate asm.js to improve Javascript performance. http://blog.revolunet.com/blog/2013/05/15/google-io-2013-keynote/
An important tip for webmasters: add autocomplete to your web forms: http://www.youtube.com/watch?v=wtZOIV3ieMM Helps with mobile checkout. #io13 (@mattcutts)
Featured in the Chrome Sandbox at IO: Gliffy, a drawing application that works both online and offline. http://goo.gl/sUJCS #io13 (@ChromiumDev)
Ca c’est du lourd “@reymonde: Google lance Hangouts, application de messagerie unifiée http://bit.ly/10Y4p3f • via @iPhoneAddictFr” (@johnkarp)
#Googlei/o – La nouvelle version de Hangouts est désormais une app à part, l’application de Tchat trans-serv… http://www.01net.com/editorial/594951/suivez-en-direct-des-ce-soir-18h-la-keynote-douverture-de-google-i-o-2013/ (@01net)
It sure feels like Google is killing yet another product that used an open protocol in favor of a proprietary platform. #XMPP #hougout (@julien51)
Right after Google announced that Gmail can now be used to transfer money, Nigeria made May 15 a national holiday /via @_yavin_ (@jedisct1)
Tiens, on va pouvoir envoyer de l’argent par e-mail sur G-Mail ? http://twitpic.com/cqwn3i via @nicolasvoisin (@rosselin)
OMG Google tri, organise et décide les photos de bonne qualité pour vous #GoogleIO (@JpEncausse)
Hundreds of Arduino-based environmental sensors at Google I/O, their data processed by Google Cloud Platform. http://googledevelopers.blogspot.com/2013/05/data-sensing-lab-at-google-io-2013.html (@googledevs)
A new language support for Google App Engine: PHP http://googlecloudplatform.blogspot.com/2013/05/ushering-in-next-generation-of.html #io13 (@ariyahidayat)
Google Play Music All Access costs $10/month, but 30-day free trial. If you start a trial before June 30, you pay only $8/month. #io13 (@stshank)
New Google+ looks like a mashup of Facebook and Pinterest #GoogleIO http://twitter.com/LanceUlanoff/status/334723253870411779/photo/1(@LanceUlanoff)
Ahead of Google I/O, Chrome starts moving toward web apps that act like real programs http://vrge.co/130QqPa (@verge)
Bring the conversation to life with the new Hangouts experience: http://goo.gl/F9Qnf (@gmail)
Bringing it all together: 15 GB now shared between Drive, Gmail, and Google+ Photos: http://goo.gl/4BWJ (@gmail)
Google Cloud Datastore: https://developers.google.com/datastore/ (@jedisct1)
Chrome packaged apps have improved capabilities, work offline by default and are in developer preview now. #io13 #io13chrome (@googledevs)
Here are our slides from our Google IO presentation “Mobile HTML – the future of your sites” #io13http://mobile-html.appspot.com with @beverloo (@Paul_Kinlan)
La démo de la recherche sur Google est vraiment impressionnante. Ils ont mis un an à faire quelque chose mieux que SIRI mais ils ont réussi (@twandroid)
#io13 – Le prochain pays couvert par Google Maps sera…La Corée du Nord ! http://www.01net.com/editorial/594951/suivez-en-direct-des-ce-soir-18h-la-keynote-douverture-de-google-i-o-2013/ (@01net)
The old vs new Google maps color palette, iconography and typography. New is much nicer, though poor choice of type. http://twitter.com/sdw/status/335157719868772354/photo/1(@sdw)
NETWORK
Lancement de la 4G Bouygues Télécom le 6 mai et dès le 1er octobre 40% de la pop (+100 villes). Ca speede ! http://twitter.com/OlivierRoussat/status/328748060173803520/photo/1 #4gbt (@FranckLassagne)
Pierre Kosciusko-Morizet (Priceminister-Rakuten) : “Les e-commerçants vont devoir regrouper leur logistique“ http://www.journaldunet.com/ebusiness/commerce/pierre-kosciusko-morizet-pkm-priceminister-rakuten.shtml (@JDNebusiness)
Haut débit : OVH déploiera la technologie VDSL 2 à l’automne 2013 http://bit.ly/16auILk #v (@01net)
Montée en débit : les collectivités, favorables au tout fibre, s’inquiètent de la mise en place du VDSL2 http://zdnet.fr/39789897 (@zdnetfr)
La Bbox Sensation en série limitée à 19,90€ par mois http://dlvr.it/3MVqKQ (@Giiks)
http://Outlook.com peut maintenant dialoguer avec… Google Talk http://bit.ly/17t5qJ2 #PreviouslyOnFZN (@Fredzone)
Enorme. RT @willou: Cette app trouve automatiquement les sous-titres pour votre film ou série sur Mac OS X. Génial. http://subtitlesapp.com (@Paingout)
Completely missed Nokia’s fail w/VP8 patentshttp://news.cnet.com/8301-1023_3-57577006-93/google-nokia-face-off-in-video-codec-dispute/ – and people used to look to them to ship the best open source phone! (@vvuk)
Dans PcInpact, L’Etat bloque la revente de Dailymotion à Yahoo. Internet Made In France - http://www.pcinpact.com/news/79332-letat-aurait-fait-pression-pour-empecher-vente-dailymotion-a-yahoo.htm (@btabaka)
RT @jaredbkeller: “The French economy is not a toy.” Why France denied Yahoo’s bid for Dailymotion http://buswk.co/1214qG9 (@nicolasvoisin)
Une page se tourne : Selon LSA, Telemarket pourrait être déclaré en cessation de paiement - http://www.lsa-conso.fr/exclusif-abonnes-telemarket-fr-au-tribunal-de-commerce-de-bobigny-le-30-avril,142014 (@btabaka)
Ce que Leboncoin.fr nous révèle de l’économie française http://ow.ly/l1gid (@distriforce)
The Phone House met (presque) la clé sous la porte http://goo.gl/fb/ZuakB #fredzone (Les 265 boutiques seront fermées en 2014) (@Fredzone)
L’Elysée va attribuer une partie des fréquences de la TNT à la téléphonie http://www.journaldunet.com/ebusiness/telecoms-fai/transfert-frequences-tnt-0513.shtml (JDNebusiness/status/335337723776888832
API Orange : ”Comme nous vous l’avons annoncé le 5 mars dernier, dans le cadre du chantier de rationalisation de ses plateformes techniques, Orange va procéder à l’arrêt définitif des services Orange API (portail Orange API + API). Des solutions alternatives au sein d’Orange Business Services existent déjà. Si vous êtes intéressés, merci de bien vouloir contacter votre interlocuteur commercial afin d’en savoir plus” http://api.orange.com/fr
HARDWARE
RT @microsoftfrance: #SurfacePro sera disponible chez @Boulanger_fr, @Darty_Officiel et @Fnac à 879€ (64Go) et 979€ (128Go) (@FlorianNeveu)
L’armée américaine présente son canon à rayons anti-émeute Après 15 ans de tests et un déploiement en Afghanistan, sans avoir jamais été utilisé sur le terrain, l’armée américaine a dévoilé son “Active Denial System” (ADS), une arme anti-émeute, qui envoie des ondes électromagnétiques sur d’éventuels intrus jusqu’ à 1 km. La sensation ? Une chaleur immédiate et insupportable. http://www.youtube.com/watch?v=mWrrUJJBjHc
La NASA met en orbite trois smartphones HTC Nexus One Embarqués dans des nanosatellites low cost http://www.developpez.com/actu/54727/La-NASA-met-en-orbite-trois-smartphones-HTC-Nexus-One-embarques-dans-des-nanosatellites-low-cost/
Facebook, Twitter, Google : des sociétés de publicité déguisées en entreprises technologiques, selon la firme WPP http://www.developpez.com/actu/54719/Facebook-Twitter-Google-des-societes-de-publicite-deguisees-en-entreprises-technologiques-selon-la-firme-WPP/
Chrome permet de lire des documents Microsoft Office grâce à l’extension Chrome Office Viewer http://www.developpez.com/actu/54730/Chrome-permet-de-lire-des-documents-Microsoft-Office-grace-a-l-extension-Chrome-Office-Viewer/
PICTURES
[#Infographie] 67% des développeurs gagnent moins de 500 dollars par applications chaque mois http://bit.ly/156PeNM #mobile (@frenchweb)
I’ve missed designing slides http://twitpic.com/cpedsn (@robhawkes)
Haha, c’est bon ça :) “@rhunold: Gamepad for keyboard. Need !!! http://twitter.com/rhunold/status/328229625991921665/photo/1“ (@stagueve)
Boss vs Leader http://twitter.com/michalbe/status/328101551178649600/photo/1 (@michalbe)
jQuery Colonize plugin : In-between titles multicols paragraphs with CSS3
In Coding Projects,Molokoloco | 9 May 2013 | Laisser un commentaire
#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 here, My Book Readr : Etienne Chouard.
jQuery.colonize.js (V0.8.3)
- Live fiddle demo :
http://jsfiddle.net/molokoloco/Ra288/ - Github sources :
https://github.com/molokoloco/jquery.plugins/jquery.colonize.js
https://github.com/molokoloco/jquery.plugins/jquery.colonize.min.js
https://github.com/molokoloco/jquery.plugins/jquery.colonize.css
… or the new version, “BootStrapped” plugin…
jQuery.colonizr.js (V0.9.0)
- Live fiddle demo :
http://jsfiddle.net/molokoloco/FK7xr/ - Github sources :
https://github.com/molokoloco/jquery.plugins/jquery.colonizr.js
https://github.com/molokoloco/jquery.plugins/jquery.colonizr.min.js
https://github.com/molokoloco/jquery.plugins/jquery.colonizr.css
Feel free to contribute via comments or Github :)
[25/04/13] GuezNet… ASM.js, Blink, Mega, Zanimo.js, CISPA, …
In Molokoloco | 25 Apr 2013 | Laisser un commentaire
QUOTES
“The best way to predict the futur is to design it” @AnnePascual #next13 (@Rouffi)
.
“Products with no data portability are “designed to delete your wedding photos” #realtimeconf (@jcoglan)
.
“As a developer your job is to absorb complexity and expose simplicity.
End users should reap the benefits of your understanding.“ (@dam)
.
“How long to develop this feature?”
– How long does it take to catch a fish?
“ehm…”
– Yes, about that long. (@freekl)
.
“Just realized that I am most productive when practicing anger driven software development” (@cramforce)
.
“Whatchadoin? Oh, just Updating the Adobe Application Updater via the Adobe Application Updater Automatic Updater Updater.” (@shanselman)
.
“We have our own Android OS” is the new “we have a mobile app.“ (@levie)
PRIVACY/CISPA/SECURITY
Adoption de loi CISPA qui donne au gouvernement US accès aux bases de données du web sans mandat de perquisition http://bit.ly/ZwrrBO (@PierreDeruelle)
.
██████ ██████ ██████████ ██ ████ ██ ████ ██████████ ██. This status has been found in violation of H.R. 624, #CISPA and has been removed. (@Crypt0nymous)
.
#SOPA = Dead ✔ | #PIPA = Dead ✔ | #ACTA = Dead ✔ | #CISPA = Level 4 Boss Fight… #EndCISPA #CISPABlackout (@YourAnonNews)
.
TechPresident: Google’s Schmidt and WikiLeaks’ Assange Get One Another’s Jokes http://techpresident.com/news/23773/googles-eric-schmidt-and-wikileaks-julian-assange-get-one-anothers-jokes transcript: http://wikileaks.org/Transcript-Meeting-Assange-Schmidt (@wikileaks)
.
Y’know what’s interesting? That Facebook is still serving up login forms over HTTP in mobile apps. Naughty, naughty! (@troyhunt)
.
Apple révèle qu’il stocke les données vocales pendant deux ans pour les applications Siri et Dictation http://bit.ly/15zGP4x (@Developpez)
.
Innocent Code: A Security Wake-up Call for Web Programmers (Summary of Rules): http://innocentcode.thathost.com/rules.html via @webtonull < must read! (@soaj1664ashar)
.
#Internet : les puissants reprennent les rênes http://internetactu.blog.lemonde.fr/2013/03/29/internet-les-puissants-reprennent-les-renes/ via @lemondefr @internetactu (@zenzineburner)
.
Une députée interroge le gouvernement sur l’utilisation du DPI par les opérateurs http://www.zdnet.fr/actualites/une-deputee-interroge-le-gouvernement-sur-l-utilisation-du-dpi-par-les-operateurs-39789324.htm
.
Data brokers : aux Etats-Unis, votre vie privée est en vente http://www.zdnet.fr/actualites/data-brokers-aux-etats-unis-votre-vie-privee-est-en-vente-39789295.htm
.
Facebook et Twitter ne sont pas un espace public, affirme la Cour de cassation http://www.francetvinfo.fr/facebook-et-twitter-ne-sont-pas-un-espace-public-affirme-la-cour-de-cassation_302283.html (@distriforce)
.
Bon les solutions de paiement sans contact / nfc par tel… serieux pour le moment , oubliez.
(@bluetouff)
.
Adblock Plus partners with Google Glass to block ads in real life. Amazing results! See Times Square as never before: http://twitter.com/AdblockPlus/status/322282210772279297/photo/1 (@AdblockPlus)
.
Adblock : une utilisation de plus en plus massive qui fait réagir – Actualité PC INpact http://bit.ly/11XcIRk (@Korben)
.
Firefox 23 will be blocking non-SSL content on SSL pages *by default*: http://mzl.la/YbYfAX - time to fix those mixed content warnings! (@igrigorik)
.
Shodan runs 24/7 and collects information on about 500 million connected devices and services each month.
“When people don’t see stuff on Google, they think no one can find it. That’s not true.”
That’s according to John Matherly, creator of Shodan, the scariest search engine on the Internet. Unlike Google, which crawls the Web looking for websites, Shodan navigates the Internet’s back channels. It’s a kind of “dark” Google, looking for the servers, webcams, printers, routers and all the other stuff that is connected to and makes up the Internet. – http://money.cnn.com/2013/04/08/technology/security/shodan/
.
Secretbook : une app Chrome qui inscrit des messages codés dans les images Facebook http://bit.ly/ZI2fv4 (@kavekadmfr)
.
La Cnil confirme la grande indiscrétion de nos smartphones
Dans 31% des cas, l’application accède à la géolocalisation. Encore une fois, la Commission s’interroge sur ce volume, estimant que cet accès ne se justifie pas toujours.
Concrètement, 41 000 événements de géolocalisation ont été enregistrés pour les 6 testeurs pendant 3 mois…, soit une moyenne de 76 par jour et par volontaire - http://www.zdnet.fr/actualites/la-cnil-confirme-la-grande-indiscretion-de-nos-smartphones-39789154.htm
.
Votre téléphone, un mouchard en puissance dans les magasins
“En captant les signaux émis par les smartphones (même lorsqu’ils ne sont pas utilisés), les détaillants peuvent avoir une idée du nombre de personnes qui entrent dans le magasin, de la durée de leur passage et des rayons qu’ils visitent….” – http://www.zdnet.fr/actualites/votre-telephone-un-mouchard-en-puissance-dans-les-magasins-39788775.htm
.
Wolfram|Alpha Personal Analytics for Facebookhttp://www.wolframalpha.com - http://www.wolframalpha.com/facebook/
BROWSERS & TOOLS
Australis : Mozilla dévoile la prochaine UI de Firefox, le navigateur ressemblera-t-il de plus en plus à Chrome ? http://bit.ly/15FSi2w (@Developpez)
.
RT @cfjedimaster: Very, VERY cool Chrome extension by fellow Adobian @outof_me – Responsive Inspector - http://outof.me/responsive-inspector-beta-released/ //NICE! (@elijahmanor)
.
The HTML5 VIDEO tag on iOS downloads between 61K to 298K of video data without the user initiating playback. http://bit.ly/14JKwVT (@remotesynth)
.
DevTools can do THAT? Chrome Dev tools tips http://buff.ly/YBRR1J@RikHeywood
.
Chrome Logger: show debug messages from Python/PHP/Ruby/Node in the Chrome DevTools console http://craig.is/writing/chrome-logger (@paul_irish)
.
[release] node-chromelogger 0.0.3 – Log and inspect your Node.js code in the Chrome console using Chrome Logger https://github.com/yannickcr/node-chromelogger (@yannickc)
.
Comme Firebug, le debugger de Chrome offre depuis quelques mois la possibilité d’intégrer des extensions pour l’enrichir de nouvelles fonctionnalités. Voici un article présentant… http://news.humancoders.com/t/javascript/items/3572-extensions-de-devtools-pour-les-developpeurs-de-we
.
Here are some good news for Mobile Developers! It’s now easier to inspect your webpages on your Android phone from chrome browser. After you followed instructions at https://developers.google.com/chrome-developer-tools/docs/remote-debugging to set up remote debugging, go ahead to chrome://inspect and inspect your phone webpages – https://codereview.chromium.org/12559008/
.
The first #FirefoxOS smartphones will be dispatched next week. Starting at 91€ + VAT http://ow.ly/kbhDY. Via @felixgilles (@jiraisurfer)
.
@nitot: FirefoxOS : Comment HTML5, CSS, JS & les WebAPIs vont changer le monde mobile avec l’approche de Mozilla http://bit.ly/154aRgv (@MozillaZineFr)
.
http://Crash-stats.mozilla.com in hard numbers. @lxt #monitorama http://pbs.twimg.com/media/BGd1-2kCEAAREe3.jpg (@phrawzty)
.
about:community : Vous pouvez désormais avoir un profil public de Mozillien http://tinyurl.com/cdkjgbk par William Reynolds @dailycavalier (@MozillaZineFr)
.
Google abondonne Webkit… et crée un fork baptisé ‘Blink’. Le slogan : “Speed and Simplicity”
Google Forks WebKit And Launches Blink, A New Rendering Engine That Will Soon Power Chrome And Chrome OS http://techcrunch.com/2013/04/03/google-forks-webkit-and-launches-blink-its-own-rendering-engine-that-will-soon-power-chrome-and-chromeos/
.
Firefox, Google, Opera et Samsung cherchent des alternatives à WebKit
En milieu de journée, hier, Mozilla a annoncé sur son blog qu’il allait développer, en partenariat avec Samsung, un nouveau moteur de rendu pour navigateur web spécialement conçu pour les matériels modernes. Développé en Rust, un langage communautaire soutenu par Mozilla. Servo et Rust sont prêts à être apportés sur Android et ARM, annonce Mozilla. Léger, censé être mieux adapté aux matériels actuels (notamment les SoC sur ARM), plus sécurisé, Rust a bénéficié ces derniers mois du soutien de Samsung… - http://www.zdnet.fr/actualites/firefox-google-opera-et-samsung-cherchent-des-alternatives-a-webkit-39789000.htm
.
Now that Webkit is free to abandon support for pluggable JS engines, we should expect to see a speedier Safari. (@padolsey)
.
V8 developers start working on ECMAScript 6 generators for JavaScript #v8 #js #ecmascript preview http://l.lightjs.org/tAzD @andywingo (@light_js)
.
Chrome passe devant Internet Explorer en France http://www.journaldunet.com/solutions/dsi/marche-des-navigateurs-en-mars-2013/ (@JDNSolutions)
.
Microsoft reportedly bringing WebGL support to Internet Explorer 11. A leaked copy of Windows Blue suggests Microsoft may finally be ready to embrace WebGL in its Internet Explorer browser. http://www.theverge.com/2013/3/30/4165204/microsoft-bringing-webgl-support-internet-explorer-11-windows-blue
.
The Future of Mozilla: Fast Second Follow
The story of Thunderbid, Mozilla’s desktop email application, recapitulates the theme. Thunderbird started strong as a second-mover with tens of millions of users. But, as technology and consumers moved to web solutions — relying on heavy servers and light clients that provided rich and instant access to email from anywhere — desktop clients became less and less relevant. Mozilla is culturally distrustful of any product that centralizes user data, so it invested in desktop-centric, server-agnostic solutions. It lost the email space not for lack of trying… http://www.azarask.in/blog/post/the-future-of-mozilla-fast-second-follow/
.
BitTorrent Surf propose le téléchargement dans Chrome et Firefox http://tinyurl.com/bpex3j7 via @Numerama sur AMO : http://bit.ly/Zvj3iW (@MozillaZineFr)
.
RT @peteskomoroch: Great list of Machine Learning APIs: http://lnkd.in/ZJDTZn (@abursuc)
.
GDB console front-end that displays the source code as it executes http://cgdb.github.io/ (@deltheil)
.
Truly useful Chrome add on: send wirelessly any webpage on your kindle. http://www.amazon.com/gp/sendtokindle/chrome No more 314 opened tabs :) thx @pierregerlach (@nlesconnec)
.
Real Browsers No testers or fake browsers. Test in real browsers including Internet Explorer 6, 7, 8, 9 and 10 (with metro mode). View our complete list of browsers »Official mobile emulators - http://www.browserstack.com/
JQUERY
jQuery 2.0 has been released & it’s 12% smaller with 12 excludable modules! What’s in, what’s out, and how to use it: http://bit.ly/jquery20 (@jquery)
.
Online tool for custom jQuery builds: http://projects.jga.me/jquery-builder/ Get a version of jQuery that’s only 10KB! (@jeresig)
.
jQuery 2.0: “We had hoped to remove even more code and increase performance, but older Android [...]“ http://blog.jquery.com/2013/04/18/jquery-2-0-released/ (@hsivonen)
.
Custom jQuery Builds with Grunt: http://javascriptplayground.com/blog/2013/04/custom-jquery-builds-with-grunt (@JavaScriptDaily)
.
Useful #JavaScript Libraries and #jQuery Plugins For Web Developers http://myshar.es/ZmdJRU #webdev (@_higg)
.
10 Essential jQuery Tutorials for Programmers http://depot.ly/jJKzy (@DesignerDepot)
.
Try jQuery is a combination of videos, interactive console challenges, and writing code in the browser. You’ll need about 2 hours of time to make it through everything
http://heydesigner.com/try-jquery-learn-the-basic-building-blocks-of-jquery/
.
jQuery.Shapeshift v2.0 – Column Grid System with Drag and Drop – Echo JS http://www.echojs.com/news/3655@echojs
.
Some @jquery wrapper for @cubiq’s awesome #iScroll. fork it and tweak the hell out of it! https://gist.github.com/Schniz/5388513 (@galstar)
.
Fotorama, une galerie photo jQuery fluide et personnalisable http://dlvr.it/3Dz2RX (@HCNDevFront)
.
Auto-suggest combo with bootstrap theme using jQuery http://nicolasbize.github.com/magicsuggest/ (@fstraps)
.
Building Windows Store Applications with jQuery 2.0: http://net.tutsplus.com/tutorials/javascript-ajax/building-windows-store-applications-with-jquery-2-0/ (@JavaScriptDaily)
JAVASCRIPT
asm.js is promising: “run significant existing code bases with close to the speed of C inside the JavaScript engine” https://code.google.com/p/v8/issues/detail?id=2599 (@amorgaut)
.
asm.js looks like a scary-good turning point for the web as we know it (especially when we get DOM support). Thank you Mozilla Research!
.
Un “gourou” de Node.js se lance dans l’implémentation de Git en JavaScript et obtient en 28 heures 360 finance… http://bit.ly/102AWaZ (@Developpez)
.
Google shows interest in supporting Mozilla’s ASM.js — even though it competes with its own NaCl: http://cnet.co/ZrFnsq (@stshank)
.
http://binaryjs.combinary over websockets #realtimeconf (@OriPekelman)
.
apnagent: Node.js Adapter for Apple’s Push Notification (APN) Service - http://apnagent.qualiancy.com/ (@JavaScriptDaily)
.
ActionAtADistance : A socket based Javascript screen scraping NodeJS module.
Use Socket.io to drive CasperJS. Execute Javascript in a non-local page, and return nodes and parse them locally - https://npmjs.org/package/action-at-a-distance
.
I <3 http://cdnjs.com (@elijahmanor)
.
TowTruck, nouvelle expérience des MozLabs, pour travailler à plusieurs ensemble sur un site https://towtruck.mozillalabs.com #patoukompri (@clochix)
.
Mozilla introduit navigator.mozPay(), son API de paiement pour Firefox OS. Pour concurrencer Google Wallet, par exemple, Mozilla a décidé de laisser le libre choix à ses utilisateurs, en ouvrant une API de paiement permettant de connecter différents systèmes - http://www.zdnet.fr/actualites/mozilla-introduit-navigatormozpay-son-api-de-paiement-pour-firefox-os-39789084.htm
.
Avec son nouveau système de paiement, Mozilla prend 30% du prix de vente HT, juste pour le paiement. https://developer.mozilla.org/en-US/docs/Apps/FAQs/Marketplace_payments?redirectlocale=en-US&redirectslug=Apps%2FMarketplace_Payments%2FFAQ (via @edasfr) (@HTeuMeuLeu)
.
Scandale, le dernier moteur JS de Firefox qui le rend aussi rapide que V8 ne s’appelle pas MachinMonkey mais Baseline http://ur1.ca/da634 (@clochix)
.
s’amuse avec @mootools et sa classe Sortables http://mootools.net/docs/more/Drag/Sortables
.
Suddenly, an irresistible urge to make games http://enchantjs.com/ (@n1k0)
.
Faire des jeux console en HTML 5 (OK sur Wii U) http://www.develop-online.net/news/43682/GDC-13-Nintendo-supports-HTML5-with-web-framework-for-Wii-U (@theystolemynick)
.
What about a http://microjs.com only for libs build on Q.js? /cc @kriskowal @domenic (@42loops)
.
Zanimo.js is now on: http://zanimo.us (@42loops)
.
Proposition d’inclure nativement des promesses (Future) dans la prochaine version du DOM http://dom.spec.whatwg.org/#futures #prometteur (@clochix)
.
“HTML5 Image Galleries” We just released Juicebox v1.3 and it’s a huge update! We’ve added a load of highly requested features including Search Engine Optimization, Social Sharing, Shopping Cart, Icon Fonts, Juiceb …
http://juicebox.net/blog/2013/04/juicebox-v1-3-released/
.
Puissant comme truc RT @iamvdo: Quelques cas d’usages de l’élément HTML5 <datalist>http://demo.agektmr.com/datalist/ #html5 (@dhoko_)
.
DHTMLX Library Updated to v.3.6 – New UI Widget, Combo Charts, and More – Echo JS http://www.echojs.com/news/3676 (@echojs)
.
Dart core libraries are stable! Check out the M4 release of #dartlang: http://news.dartlang.org/2013/04/core-libraries-stabilize-with-darts-new.html (@ChromiumDev)
.
Web Design & Development News: Collective #59 | Codrops http://bit.ly/11dXnL2@crnacura
.
“Moment.js is a Swiss Army Knife for dealing with Time in JavaScript http://thechangelog.com/moment-js-is-a-swiss-army-knife-for-dealing-with-time-in-javascript – my favorite JS date library (@tomconte)
.
RT @smashingmag: Inspectlet: a promising tool for visitor heatmaps, eye-tracking and video screen-capture - http://www.inspectlet.com (@jedisct1)
.
Snap.js (Mobile Nav) just reached 400 stars;] https://github.com/jakiestfu/Snap.js
.
GluJS: Rich, Reactive HTML5/JavaScript Framwork – Echo JS http://t.co/k1As3vrq6B (via @CoNarrative) (@echojs)
.
Parallel Parsing isn’t Hard (Or, Parallel JSON via Web Workers!) – Echo JS http://www.echojs.com/news/3601 (@echojs)
.
Impressive: Function arrow (`=>`) has only lexical `this`, no dynamic `this`: http://jsbin.com/osuhij/1/edit (@paulrouget)
.
woot! Swipe directives and animations landed in #AngularJS master branch : https://github.com/angular/angular.js/commit/5e0f876c39099adb6a0300c429b8df1f6b544846 (@revolunet)
.
Meetings.io conférence à 5 avec partage écran, fichiers, chat, notepad - http://roget.biz/meetings-io-conference-a-5-avec-partage-ecran-fichiers-chat-notepad
.
Conclusion Grunt is a dream tool for javascript developers. Think of it as a nodejs application, and you will be able to do whatever you want, because everything is written in the same language. I had to deal with a large application lately, and I have always been able to make it work - https://vickev.com/#!/article/grunt-the-perfect-tool-for-require-js
CSS
Here is a recursive tree particle animation made with HTML and CSS transitions with the awesome Zanimo.js by @42loops http://t.co/24WNX1KB5K (@greweb)
.
3D-ifying Documents Using CSS Transforms http://blog.crocodoc.com/post/46369766700/3d-ifying-documents-using-css-transforms Enjoy these treatments; both classy and interactive. (@paul_irish)
.
Magic Numbers in CSS | CSS-Tricks http://bit.ly/17fFApl (@designlabCPH)
.
AngularJS Touch Carousel : Mobile friendly AngularJS carousel - http://www.echojs.com/news/3757 (via @revolunet) (@echojs)
.
A factory in full #CSS (via @hakimel): http://codepen.io/noeldelgado/pen/Dhqot (@Sethpolma)
.
The @AdobeType team has released a blank font for use to hide content while loading webfonts or for layout http://blogs.adobe.com/typblography/2013/03/introducing-adobe-blank.html (@adobeweb)
.
Creating Windows-8-like 3D Animations with CSS3 and jQuery: http://flippinawesome.org/2013/04/15/creating-windows-8-like-3d-animations-with-css3-and-jquery/ (@JavaScriptDaily)
.
BluePen Editor – online visual CSS editor http://buff.ly/114Gy59 (@HeyDesigner)
.
Builder.CSS is a free tool for merging and minifying style sheets into a single file using some of the coolest HTML5 features like drag and drop of local files and processing them without uploading onto the server (http://heydesigner.com/online-css-merger-optimizer-and-minifier/)
.
NO MORE CSS3!!! http://dev.w3.org/csswg/ (@divya)
WEBGL
TraceGL: A JavaScript Codeflow Visualization and Debugging Tool using WebGLhttp://badassjs.com/post/48702496345/tracegl-a-javascript-codeflow-visualization-and WebGL-based UIs are the future! (@badass_js)
.
“For web apps to compete with native on performance, hardware accelerated UIs on top of WebGL will be important” http://badassjs.com/post/48702496345/tracegl-a-javascript-codeflow-visualization-and
.
“What native games do with OpenGL or Direct3D, you can probably do with WebGL too”. Learn how: https://hacks.mozilla.org/2013/04/the-concepts-of-webgl/ #HTML5 (@nitot)
.
Live Teweet spread in 3D with three.js
http://wdmtg.com/samples/wdmtg_hobbyte
.
Métro parisien + Dataviz + WebGL = http://metropolitain.io (@FredCavazza)
#Google Street View : la plus grande mise à jour jamais réalisée ! http://googlefrance.blogspot.fr/2013/04/street-view-la-plus-grande-mise-jour.html (@stagueve)
.
Jolie utilisation de l’API de Google Street View http://hyperlapse.tllabs.io/ (le code est sur Github) /via @karlpro (@clochix/status/322227109563092994)
.
Google garde le contrôle sur ses Google Glass, désactivables à distance http://bit.ly/14yAC9J (@Clubic)
.
Developing for Google Glass: all you need to know http://www.mobilexweb.com/blog/google-glass-web-mirror-api-html5 #glass #html5 #future (@revolunet)
.
Google Glass : Au niveau de l’ #audio, Google mise sur l’ostéophonie » http://www.numerama.com/magazine/25704-google-publie-les-caracteristiques-des-lunettes-google-glass.html?utm_source=feedly
.
Google Glass, so you can have Roboto etched into your cornea. (Google releases UI guidelines.)
https://developers.google.com/glass/ui-guidelines /ht @hereinthehive (@aral)
.
les #GoogleGlass seront fabriquées par Foxconn mais aux USA http://bit.ly/11QEst3 (@altolabs)
.
Matt Cutts : Sure some other search engines have 5x the malware, but what about email uptime? The data look pretty good, actually: “for every 1 minute of Gmail downtime, [a competing email solution] is down for 103 minutes!”
Google Apps vs. Office 365 – A comparison of Gmail and Exchange system availability
.
#Google récapitule les neuf ans de #Gmail en une infographie http://www.01net.com/editorial/592857/google-recapitule-les-neuf-ans-de-gmail-en-une-infographie/ (@01net)
.
Google permet de choisir ce qu’il fera de nos données après notre disparition http://ur1.ca/dck5j #testamentNumérique (@clochix)
.
Google teste un service d’achats avec livraison le jour même http://bit.ly/ZDPVIz #AFP (@afpfr)
OPERATORS / TV NETWORKS
APPLE écrase le marché américain de la VOD L’institut NPD vient de publier une étude sur le marché américain de la VOD. Les résultats 2012 révèlent l’absolue domination de iTunes sur le marché de la VOD américaine. http://www.zdnet.fr/actualites/apple-ecrase-le-marche-americain-de-la-vod-39789773.htm
.
RT @EricScherer: Et hop un autre palier: Netflix a plus d’abonnés que HBO http://variety.com/2013/digital/news/netflix-surpasses-hbo-in-u-s-subscribers-1200406437/ (@Solwii)
.
All coming to Netflix! RT @mashable: Disney to Release New ‘Star Wars’ Film Every Summer Starting in 2015 http://on.mash.to/ZylcdL (@netflix)
.
Excited by HTML5 video’s continued advance, esp. with @netflix et al firmly on board; sad that future includes DRM http://techblog.netflix.com/2013/04/html5-video-at-netflix.html (@benrito)
.
“HTML5 Dev Conf: Webkit in Your Living Room – Netflix” - https://www.youtube.com/watch?v=xuMWhto62Eo (@padolsey)
.
“Building DRM hooks into HTML is another attempt by Hollywood and its friends to gain control over our home and mobile computers in order to restrict the way we use media on the Web. DRM turns these companies into gatekeepers capable of filtering and controlling not just movies and music but also educational materials — anything digital. The FSF and its partners won’t allow these companies to sneak this change into the Web’s core language. We want the World Wide Web, not the Hollyweb.” http://www.defectivebydesign.org/no-drm-in-html5
.
Selon Marianne, Free aurait fait une offre de rachat à Bouygues Telecom. Refus : plutôt «crever que de vendre à Free» http://zdnet.fr/39789701 (@zdnetfr)
.
Fleur Pellerin et les FAI favorables à une taxation de la bande passante http://frenchweb.fr/fleur-pelleri-et-les-fai-favorables-a-une-taxation-de-la-bande-passante/112532
.
Arte ouvre bientôt son API pour stimuler création d’applications. #opendata (@stephanedreyfus/status/326331990003564545)
.
MYTF1News connectera les JT au second écran http://bit.ly/ZLPXLv (@frenchweb)
.
Du nouveau dans “l’écosystème TF1″ : “Avec Connect le spectateur peut être acteur de son journal” http://www.giiks.com/internet_mobile/mytf1news-connect-info-devenez-roi-info/#Interactive#TV
.
Télévision interactive : The Voice transforme les spectateurs en régie http://ow.ly/2w7EBZ (@lafibre_optique)
.
Bouygues Telecom lance une gamme de mobiles sous son nom. Deux familles de terminaux seront lancées à prix cassés : des smartphones sous Android et des feature-phones pour ceux qui recherchent “l’essentiel” http://www.zdnet.fr/actualites/bouygues-telecom-lance-une-gamme-de-terminaux-sous-son-nom-39788884.htm
.
B&You relance la guerre des (petits) prix avec un forfait ultra low cost à 3,99 euros par mois. http://www.01net.com/editorial/592015/b-and-you-relance-la-guerre-des-prix-avec-un-forfait-a-3-99-euros-par-mois/ (@01net)
.
Avec Home pour Android et le smartphone First, Facebook fait sa révolution mobile
Technologie : Facebook a dévoilé ce soir Home, une nouvelle couche de l’interface d’Android qui apporte un accès direct et permanent aux mises à jour ainsi qu’à la messagerie du réseau social. Facebook Home sera d’abord disponible en téléchargement sur Google Play pour 5 modèles de smartphones HTC et Samsung. HTC lancera par ailleurs le First, premier smartphone optimisé pour Home - http://www.zdnet.fr/actualites/avec-home-pour-android-et-le-smartphone-first-facebook-fait-sa-revolution-mobile-39789018.htm
.
HTC First : Premières images du téléphone Facebook ?! http://www.nowhereelse.fr/htc-first-telephone-facebook-81615/ (@stagueve)
.
Facebook Home : la ROM en balade sur la toile http://www.fredzone.org/facebook-home-la-rom-en-balade-sur-la-toile-102
.
Facebook : les appels en VoIP activés en France
“Le principe est simple : en 3G ou en Wi-Fi, elle offre la possibilité d’effectuer des appels gratuits entre les utilisateurs de l’application (pour peu que son forfait autorise les usages VoIP)….” - http://www.zdnet.fr/actualites/facebook-les-appels-en-voip-actives-en-france-39788811.htm
.
Kindle TV : Amazon pourrait lancer un boîtier TV à l’automne - http://www.zdnet.fr/actualites/kindle-tv-amazon-pourrait-lancer-un-bo-tier-tv-a-l-automne-39789781.htm
NETWORKS / CLOUD…
Dans LeMonde, une pleine page sur une visite chez OVH, face cachée de l’internet français - http://abonnes.lemonde.fr/economie/article/2013/04/22/ovh-la-face-cachee-de-l-internet-francais_3163405_3234.html (@btabaka/status/326573442373672960)
.
Pouce levé pour #OVH et leur VPN ! J’avais oublié qu’il existait la HD sur YouTube ! http://www.ovh.fr/vpn/ (@FlorianNeveu)
.
L’internet illimité abandonné par Deutsche Telekom http://www.numerama.com/magazine/25770-l-internet-illimite-abandonne-par-deutsche-telekom.html via @Numerama (@ruzzan)
.
Impressionnant: Trafic internet mondial en temps réelhttp://j.mp/157z5WZ (@jeanlucr)
.
Des chercheurs battent les records de vitesse et latence avec un réseau de fibre optique opérant à 99,7 % de la vitesse de la lumière - http://www.developpez.com/actu/53487/Des-chercheurs-battent-les-records-de-vitesse-et-latence-avec-un-reseau-de-fibre-optique-operant-a-99-7-de-la-vitesse-de-la-lumiere/
.
Vraiment, 5 a 15 euros de + ? RT @arnaud_thurudev: Xavier Niel s’explique à propos des problèmes avec YouTube http://bit.ly/14DSMpa (@Solwii)
.
YouTube passe au 144p pour tous les oubliés du haut débit http://goo.gl/fb/g5Wgn #fredzone (@Fredzone)
.
Un peu de CDN et au lit RT @DanRayburn: Deutsche Telekom launches CDN and cloud solutions, powered by Cedexis - http://bit.ly/11coV3I #CDN (@Solwii)
.
Et si T411 préfigurait le peer-to-peer légal et intelligent ?
http://www.zdnet.fr/actualites/et-si-t411-prefigurait-le-peer-to-peer-legal-et-intelligent-39789625.htm
.
Soundcloud, nominated for Streaming Media Europe awards for “Music & Audio Delivery Solution.” Thanks for voting for us. http://snd.sc/ZEAMb1 (@SoundCloud)
.
#Deezer et #Spotify lancent de nouveaux outils d’écoute de musique http://tiny.cc/ujwqvw (@01net)
.
L’interface de #Music Twitter est jolie ! http://twitter.com/FranckLassagne/status/324889226304962560/photo/1 (@FranckLassagne)
.
Twitter Music site code reveals app will feature Spotify, Rdio, iTunes, SoundCloud, Vevo, and YouTube – The Next Web http://tnw.co/17ctj37 (@adrienjoly)
.
est-ce que Facebook a perdu le pari d’être la plate-forme du Web social ou est-il juste passé de mode ? http://wp.me/p2h3EC-Hx (@clochix)
.
Navigation internet anonyme en danger au Japon? Les opérateurs contraints de bloquer le trafic passant par réseau Tor http://zdnet.fr/39789644 (@zdnetfr)
.
[blog] Quelles solutions pour regarder des vidéos Youtube sur une connexion Free.fr ? http://svay.com/blog/quelles-solutions-pour-regarder-des-videos-youtube-sur-une-connexion-free-fr/ /cc @porteneuve (@mauriz)
.
La RATP vend son réseau fibre optique et récolte 20.3 millions d’euros http://ow.ly/2w7LWI (@lafibre_optique)
.
Quand des téléopérateurs de tous pays commencent à s’unir http://bastamag.net/article3007.html #FSM2013 #emploi (@Bastamag)
.
Les câblo-opérateurs européens, en tête dans la course au très haut débit http://bit.ly/YNIWdq #v (@01net)
.
Pushing rndr, a server that eats urls and poops html, to help improve single-page app SEO and perceived performance: https://github.com/jed/rndr
Put some magic in your { requests } Simplified, lightweight HTTP libraries in multiple languages - http://getunicorn.io
.
RT @ChooseYourBoss: #Microsoft prépare la bataille du Cloud http://www.lemondeinformatique.fr/actualites/lire-mms-2013-apres-l-hyperviseur-microsoft-prepare-la-bataille-du-cloud-53166.html #cloud #hyperV (@self_mad_woman)
.
“NO FUCKING EXCUSE TO NOT OPTIMISE IMAGES“. http://imageoptim.com/ and http://jpegmini.com/ already. Don’t make me come down there… (@boblet)
.
3 technologies vidéos qui vont révolutionner les prochains mois http://su.pr/2U3GoC #innovation (@TechRevolutions)
.
SShuttle – Transparent proxy server. VPN over ssh. No admin. Works with Linux and MacOS. Supports DNS tunneling https://github.com/apenwarr/sshuttle/ (@fstraps)
.
BIG UP à @juliengoetz et @manhack pour Les Internets !http://lesinternets.arte.tv/ (@alphoenix)
EN VRAC…
Google apps top iOS App Store, while Facebook rules Google Play http://bit.ly/15YJrEM #facebook (@FacebookGeek)
.
En 1997 c’était LE fantasme geek. Aujourd’hui c’est une réalité. Le Cybersex by Durex. #iot #brandobject http://ow.ly/kkvwI (@mikiane)
.
Smart-dust: Hitachi Develops World’s Smallest RFID Chiphttp://www.knowledgeoftoday.org/2011/12/anonymous-vs-illuminati.html?m=1#RFID-Chip
.
Le mois dernier Foxconn contraint de reprendre entre 5 et 8 millions d’iPhone défectueux selon 2 sites chinois http://zdnet.fr/39789686 (@zdnetfr)
.
Evidemment, l’Armée française n’a pas signé avec Microsoft France mais avec Microsoft Irlande, bravo la fiscalité http://levinvinteur.com/larmee-accro-a-microsoft/ (@Vinvinteur)
.
RT @aprilorg “Is NATO forcing Microsoft and NSA backdoors on the French Ministry of Defense?” http://apr1.org/53 #april (@fcouchet)
.
Dans LesEchos, moins d’un tiers des grandes entreprises ont fait de réelles innovations ces dernières années - http://www.lesechos.fr/journal20130411/lec1_idees_et_debats/0202692634715-les-grandes-entreprises-francaises-et-l-innovation-numerique-557060.php (@btabaka)
.
Combien vaut un like Facebook ?
Une étude de la société de marketing Syncapse nous donne un début de réponse. Après avoir comparé les dépenses des fans et des non-fans Facebook, le résultat tombe : un “like” accordé à la page d’une marque vaut en moyenne 174,17 dollars. Un chiffre en hausse qui a progressé de 10% depuis 2010.» Un “like” accordé à la page d’une marque vaut en moyenne 174,17 dollars - http://www.zdnet.fr/actualites/combien-vaut-un-like-facebook-39789565.htm
.
HTML5 ou appli ? Débat relancé à l’heure où la majorité des mobiles supportent #HTML5 http://www.businessinsider.com/html5-vs-apps-where-the-debate-stands-now-and-why-it-matters-2013-3 #APPS http://pbs.twimg.com/media/BGhGhIoCUAAorl5.png (@luclegay)
.
RT @cnaux: Je re-post au cas ou : #app vs #hmlt5 : «How Native Apps Still Reign Supreme Over HTML5» : http://read.bi/XNxZhc (@nicolasvoisin)
.
Outlook.com : le nouveau calendrier, c’est pour cette semaine. Outlook.com marque une véritable rupture dans l’histoire de Microsoft http://www.fredzone.org/nouveau-calendrier-outlook-com-039
.
” The best way to display documents in web and mobile apps is about to get even better…” - http://preview.crocodoc.com/
.
Easy HTML5 Video : Ce logiciel vous permet d’encoder d’une manière rapide et très simple votre vidéo dans les différents formats compatibles pour HTML5… - http://www.rylesoftware.com/blog/actualite/html5-encoder-video-facilement.html
.
With Pulse, LinkedIn Is Becoming The Newspaper Of The Future by @owenthomas http://readwrite.com/2013/04/11/linkedin-pulse-media-company via @RWW (@albertedenis)
.
Depuis hier le français Lucas Nussbaum est le nouveau Debian Project Leader http://ur1.ca/ddsby (@framasoft)
.
HTC libère le code source du One
HTC vient de publier le code source de son appareil haut-de-gamme à destination des développeurs, permettant de développer des applications mieux intégrées. Ou des ROMs personnalisées - http://www.zdnet.fr/actualites/htc-libere-le-code-source-du-one-39789245.htm
.
Le HTC One n’est pas vraiment “réparable” : http://goo.gl/iAozJ (@twandroid)
.
Spoon.net, virtualiser vos applications plutôt que vos OS “Use your apps and files anywhere” http://spoon.net
.
Anonymous : ***INFECTION WARNING*** If you go to websites for #OpIsrael, use a virtual browserhttp://spoon.net/browsers/ v @AnonswedenInfo @AnonNotaBot (The Browser Sandbox lets you run any browser instantly from the web in an isolated virtual environment. Spoon.net works using a small browser plugin.)
.
Montre-moi ton code ! La vogue des concours de programmation. http://t.co/DnIxEiKPLq #coding #recrutement (@self_mad_woman)
.
If you don’t understand the motivation behind Git’s design, you’re in for a world of hurt. With enough flags you can force Git to act the way you think it should instead of the way it wants to. But … https://sandofsky.com/blog/git-workflow.html
.
Vidéo 3D promo lourde. très. http://theartofraw.g-star.com/ (@citeezen)
.
C’est super beau !!! #Activision R&D Real-time Character Demo: http://youtu.be/l6R6N4Vy0nE via @YouTube cc @stagueve (on sait jamais… lol) ;) (@JLombart)
.
Barack Obama demande à la NASA de capturer un astéroïde http://dlvr.it/3D4Kyd (@QGinfo)
.
Devenir ‘fan’ de sa banque sur facebook via un QRcode. C’est le combo ultime du community marketing #fail http://pbs.twimg.com/media/BHeWgj0CIAAqZ5n.jpg (@nitot)
.
#Samsung devance Coca-Cola et possède désormais le plus gros budget publicitaire de la planète: $4.2 milliards http://pbs.twimg.com/media/BG6j7I9CAAAIPgD.png (@vanksen)
.
La newsletter hebdo Human Coders News est dans vos mails ! Bonne lecture ! http://twitpic.com/cihzpo #HumanCodersNews (@humancoders)
.
Dans LesEchos, Les Etats-Unis misent sur les puces du futur et fédèrent un écosystème incroyable - http://www.lesechos.fr/journal20130329/lec2_high_tech_et_medias/0202670879371-comment-les-etats-unis-creusent-l-ecart-dans-les-puces-du-futur-553842.php (@btabaka)
MEGA…
@KimDotcom btw must say Im super impressed with the speeds of mega :D Used it to share 23gb of raw game footage :P (@Kappische)
.
Great deal for IOS developers who want to develop Windows 8 apps : http://ow.ly/kcnlj
.
RT @JournalDuGeek: [News] Pas de Surface Phone chez #Microsoft http://goo.gl/fb/8t50E (@self_mad_woman)
.
#Mega encrypts the Internet. SDK, drive letter, sync client, mobile apps & secure messaging coming real soon. #DropboxDrop (@KimDotcom)
.
@KimDotcom this one’s from inside the app. Works flawlessly! Thanks again Kim! http://pbs.twimg.com/media/BGeigwRCUAAgrsY.jpg (@Geek_Tips)
.
#Mega works flawlessly on Nexus 4. Nice search feature too! @KimDotcom http://pbs.twimg.com/media/BGeruhiCcAMgS6y.jpg (@vrhovac)
.
@KimDotcom iOS Loves Mega! http://i.imgur.com/HvrfCjn.jpg (@blackey02)
EXTREME SP (ONLINE DEDIBOX)
Et oui messieur… “La Extreme SP“ pour 1.899,99 € HT
La virtualisation est de plus en plus présente dans les infrastructures de nos clients. Pour répondre à des besoins toujours plus grands de puissance et de concentration, nous avons créé la Dedibox
> 4 processeurs Xeon E7 4870 (
> 40 coeurs, 80 threads @2.4Ghz) > 1 To de RAM DDR3 ECC haute densité > 8 disques 900Go SAS10k > 4 x 1200 Watts
par mois ? bon ok
http://www.online.net/fr/serveur-dedie/dedibox-extremesp
TAKE A PICT…
1993 vs 2013: http://i.imgur.com/nuUGHaY.jpg (@jpay)
.
Cloud Architecture Commandments (@stonse)
.
Another User Experience Design Map by http://Clickshape.com (@LaurentBerry)
.
SQL joins http://pbs.twimg.com/media/BHVicYICMAAdHGv.jpg (@galtenberg)
.
@shatter_: Je cherche un outil de mesure de la qualité d’un code, et je tombe sur ça :D http://pbs.twimg.com/media/BHUcHJuCAAAE8nO.gif” (@OyoKooN)
.
This. pic.twitter.com/x0IkyvcpNN (@karlypant)
Dynamisez vos pages web avec jQuery.boxFx.js
In Coding Projects,Molokoloco | 3 Jun 2012 | Laisser un commentaire
Voici un projet que j’aimerais enfin présenter (6 mois après !). Je ne sais pas par où commencer tellement le sujet est vaste ^^
Pour cerner le sujet en quelques ligne : jQuery BoxFX est un émetteur de particules DOM
C’est un plugin jQuery léger (~1000 lignes) et hyper-customisable qui permet de créer/animer des éléments dans une page. De manière simple. En moins de dix lignes de configuration, pour les développeurs ou les designers…
Pour faire une animation il faut une surface, cela donne les coordonnées X et Y. C’est la “Box”. Cela peut être une DIV, le BODY… Ensuite il nous faut des trucs à faire bouger dedans… des abeilles ? !! Non trop intelligentes les abeilles… on va prendre des “graines” (seeds) On vas secouer des graines dans une boite ^^
Le principe et de générer, X fois par secondes, un élément HTML, de lui appliquer des propriétés CSS3 (de départ), de l’insérer dans le DOM. Quasi immédiatement, le plugin applique les propriétés CSS de fin, le navigateur se chargeant de faire l’animation, et, au bout d’un certain temps, on recycle l’élément. Le plugin fonctionne aussi très bien avec les Keyframes. Un des avantages est de pouvoir manipuler des éléments en masse, sans éditer de CSS en masse !!
Sur les page web nouvelle génération, il s’agit souvent de flux d’infos : le mur facebook avec des news, Twitter, votre site d’actus préféré, les commentaires autour des morceaux sur soundcloud… Des petites boites avec un contenu qui passent et peuvent disparaissent une fois vue… Un flux de de donné sous forme d’items…
BoxFX est capable de prendre un tableau de donné et de le dépiler dans un nombre d’éléments HTML que vous définissez. Cela peut être 50 news a faire défiler une fois dans une dizaine de “boites” ou à l’inverse 3 mots a faire tourner en boucle dans 100 petites boites.
Tout est expliqué dans le README du projet (qui est assez conséquent et en Anglais… Courage !)
Au fond, le plugin peut s’utiliser de toutes les manières :
- Créer des éléments ou utiliser des collections existantes
- Gérer les transitions, des images-clés (keyframes) et s’occuper de la compatibilité entre les navigateurs
- Créez des animations, pleines de graphisme ou seulement automatiser l’insertion DOM
- Gérer en masse les propriétés CSS de l’animations, ou régler finement sur la base de l’index d’élément
- Appliquer des “effets” sur tous les éléments et les gérer dans le temps
- Associer des données JSON (ou pas!), et se servir d’un template dynamique
(C’est la suite de http://www.b2bweb.fr/molokoloco/emitter-sprites-particules-factory-with-jquery-css3/)
Rien ne vaut une démo… donc :
- Démo officielle : http://molokoloco.github.com/jQuery.boxFx/
- “Live” démo sur JSFiddle : http://jsfiddle.net/molokoloco/sBqWq/
- Toutes les sources sur Github : https://github.com/molokoloco/jQuery.boxFx/
- Le script principal commenté : https://github.com/molokoloco/jQuery.boxFx/blob/master/js/jquery.boxFx.js
Voici un exemple concret pour votre site :
$emitter1 = $('div#emitterZone1').boxFx({ seeds : '<div>N°{id} - {title}</div>', data : [ {id:1, title:'toto'}, {id:2, title:'tutu'}, {id:3, title:'toto'}, {id:4, title:'tutu'}, {id:5, title:'toto'}, {id:6, title:'tutu'}, {id:7, title:'toto'}, {id:8, title:'tutu'} ], effect : '', newAtTop : true, stopAtEnd : 'detach', delay : 4000, maxSeeds : 10, emitterRadius : 0, styles : {}, keyframes : [{ duration : '24000ms', timingFunction : 'linear', iterationCount : '1', direction : 'normal', steps : [{ step: '0%', opacity: .7, transform : function() { return 'translate(-100px, '+$.getRand((middleTop - minMax), (middleTop + minMax))+'px)'; } // rotate('+$.getRand(-6, 6)+'deg) }, { step: '30%', opacity: 0 }, { step: '70%', opacity: 0 }, { step: '100%', opacity: .7, transform : function() { return 'translate('+($.q.windowWidth + 100)+'px, '+$.getRand((middleTop - minMax), (middleTop + minMax))+'px)'; } }] }] }); $('a#stop').click(function() { $emitter1.trigger('stop'); }); |
Having fun with Tree.js and the Web Audio API
In Molokoloco | 23 Mar 2012 | Laisser un commentaire
Exploring the web i found this little experiment by @felixturner
It use the audio API and Three.js, for a real time 3D sound visualization
My remake is here : http://www.b2bweb.fr/bonus/Braincer/
CasperJS, a navigation scripting & testing utility for PhantomJS
In Molokoloco,Shared Items | 7 Jan 2012
CasperJS is an open source navigation scripting & testing utility based on PhantomJS, the scriptable headless WebKit engine. It eases the process of defining a full navigation scenario and provides useful high-level functions, methods & syntactic sugar for doing common tasks such as:
- Defining & ordering navigation steps
- Filling & submitting forms
- Clicking links
- Capturing screenshots of a page (or an area)
- Making assertions on remote DOM
- Logging events
- Downloading base64 encoded resources, even binary ones
- Writing functional test suites, saving results as JUnit XML
In the following example, we’ll query google for two terms consecutively, “capserjs” and “phantomjs”, aggregate the result links in a standard Array and output the result to the console.
Fire up your favorite editor and save the javascript code below in a googlelinks.js file:
In the following example, we’ll query google for two terms consecutively, “capserjs” and “phantomjs”, aggregate the result links in a standard Array and output the result to the console.
Fire up your favorite editor and save the javascript code below in a googlelinks.js file :
var links = []; var casper = new phantom.Casper(); function getLinks() { var links = document.querySelectorAll('h3.r a'); return Array.prototype.map.call(links, function(e) { return e.getAttribute('href') }); } casper.start('http://google.fr/', function(self) { // search for 'casperjs' from google form self.fill('form[name=f]', { q: 'casperjs' }, true); }); casper.then(function(self) { // aggregate results for the 'casperjs' search links = self.evaluate(getLinks); // now search for 'phantomjs' by fillin the form again self.fill('form[name=f]', { q: 'phantomjs' }, true); }); casper.then(function(self) { // aggregate results for the 'phantomjs' search links = links.concat(self.evaluate(getLinks)); }); casper.run(function(self) { // echo results in some pretty fashion self.echo(links.length + ' links found:'); self.echo(' - ' + links.join('\n - ')).exit(); }); |
Automated WebApps UI elements screenshot (ex. : documentation) with #PhantomJS
In Molokoloco,Shared Items | 7 Jan 2012
@floriancargoet (whom i meet at @ParisJS) come with a nice idea : automating some elements screenshot in a WebApps/WebPages powered with #PhantomJS (headless WebKit with JavaScript API). He’s idea is to generate multilingual documentation for a complexe application (Ext JS / Sencha).
In his example, the use of Ext.js give some constrain finding the element offset in the page…
/* * page.evaluate() is sandboxed * so that 'component' is not defined. * * It should be possible to pass variables in phantomjs 1.5 * but for now, workaround! */ eval('function workaround(){ window.componentSelector = "' + component.selector + '";}') page.evaluate(workaround); var rect = page.evaluate(function(){ // find the component var comp = Ext.ComponentQuery.query(window.componentSelector)[0]; // get its bounding box var box = comp.el.getBox(); // box is {x, y, width, height} // we want {top, left, width, height} box.top = box.y; box.left = box.x; return box; }); page.clipRect = rect; page.render(component.output); |
But with jQuery it could be as simple as this…
page.clipRect = $('ul#menu').offset(); page.render(component.output); |
See the blog post for more infos
BeeLine Reader : Lire plus vite et reduire les erreurs
In Coding Projects,Molokoloco | 13 Dec 2011 | Laisser un commentaire
Il y a quelque temps, J’ai vu passer un plugin très intéressant nommé “Beeline“.
Son but et d’aider à lire plus rapidement en accompagnant l’oeil, grâce a un dégradé sur le texte qui évite de se perdre en fin de ligne.
Oui c’est mal de copier ! -mais je suis contre les brevets sur les logiciels- ;)
J’ai implémenté une première version (alpha !) avec mon ami jQuery.
Voici la démo en live sur JSfiddle. J’espère faire un test rapidement pour l’intégrer dans mon lecteur de livre…
jQuery $.textGradient() ReadR V0.2 – remix by @molokoloco 2011
“Save Time. Save Your Eyes. Read With BeeLine.”
Original idea from http://beelinereader.com
- Demo : http://jsfiddle.net/molokoloco/23RAr/
- Git : https://github.com/molokoloco/FRAMEWORK/jquery.textGradient.js
Use “jQuery.xColor.js” plugin for funny colors !
http://www.xarg.org/project/jquery-color-plugin-xcolor/
Paris JS 13 – Readr.js (So cute ! I’ve made a talk)
In Molokoloco | 7 Dec 2011 | Laisser un commentaire
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 :)
My recents posts
- 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, …
- 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…
- [19/02/13] GuezNet : DotCom, ASM.js, FileSystem API, …
- [11/02/13] GuezNet : JS, Chrome, Intel, ReplayTv..
- [07/02/13] GuezNet – Mini…
- [31/01/13] GuezNet : Sécurité, MathBox, Privacy, …
- [28/01/13] GuezNet : A LIRE :)
- [22/01/13] GuezNet : HTML, JS, Free, Open source…
- [16/01/13] GuezNet : jQuery, Chrome, Facebook, WebRTC, …
- [05/01/13] GuezNet !
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
Code tooltips updates
- Revision 931: Edited wiki page RegexSyntax through web user interface. 25/04/2013
- Revision 930: Edited wiki page JavascriptBase through web user interface. 23/04/2013
- Revision 929: Edited wiki page JavascriptBase through web user interface. 22/04/2013
- Revision 928: Edited wiki page JavascriptBase through web user interface. 22/04/2013
- Revision 927: Edited wiki page RegexSyntax through web user interface. 19/04/2013
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