Profile cover photo
Profile photo
Louis Teboul
775 followers -
Software Developer & Open-Source advocate
Software Developer & Open-Source advocate

775 followers
About
Louis's posts

Post has attachment
A very nice project to protect yourself and your Android device against IMSI-Catchers (a.k.a portable fake cell towers) that eavesdroppers around you might be using

Post has shared content
An official NodeJs library to communicate with Google APIs was released by Google today. Awesome!
Google API NodeJS Client is now released to GitHub and NPM.

Google's officially supported node.js client library for using Google APIs is available on GitHub. It also supports authorization and authentication with OAuth 2.0.

Post has shared content

Post has attachment
+GitHub introduces #Breach, their hackable Chromium web browser.

Breach has tight #NodeJS integration and just like with #Atom (GitHub's Open-Source code editor), everything from looks to any functionality that pops into your imagination is configurable through HTML5 modules making use of the Breach APIs.

Looks very promising indeed!


Post has attachment
Didn't know what to do again so I made a <bug-droid> +Polymer element which provides a configurable Android mascot built with CSS.

You can simply use the text attribute to have a speech bubble attached to the droid with your text.
The color attribute allows you to specify the droid's color, and like with my <smart-watch> element (http://goo.gl/MnCyBg), you can specify the droid size using CSS font-size

Post has attachment
I was bored so I made a smartwatch in CSS and packaged it as a Polymer element... Introducing the <smartwatch> element!

+Polymer (well, Shadow-DOM & its polyfill in that case) is amazing for distributing reusable CSS-based projects. Since your element gets its own scope, it doesn't get "polluted" by other styles the user might have included on his page.

A simple example; I first wrote the CSS for this on a blank html page, but once I included bootstrap it completely messed-up the positioning of some parts of the watch. With +Polymer you don't have to worry about that, you know your code is isolated and safe, you can even use short ids again!

Anyways, back to the <smart-watch>!

You can install the element using bower or download the code from GitHub (but not using bower is so 2010, just use bower^^):
    
$   bower install smart-watch

It can't get much simpler to use, just import the element and use it: 

<head>
    <link rel="import" href="bower_components/smart-watch/smart-watch.html"/>
</head>
...
<smart-watch></smart-watch>


#CSS     #Bower     #Polymer     #smartwatch  

Post has attachment
I was bored so I made a smartwatch in CSS and packaged it as a Polymer element... Introducing the <smartwatch> element!

+Polymer (well, Shadow-DOM & its polyfill in that case) is amazing for distributing reusable CSS-based projects. Since your element gets its own scope, it doesn't get "polluted" by other styles the user might have included on his page.

A simple example; I first wrote the CSS for this on a blank html page, but once I included bootstrap it completely messed-up the positioning of some parts of the watch. With +Polymer you don't have to worry about that, you know your code is isolated and safe, you can even use short ids again!

Anyways, back to the <smart-watch>!

You can install the element using bower or download the code from GitHub (but not using bower is so 2010, just use bower^^):
    
$   bower install smart-watch

It can't get much simpler to use, just import the element and use it: 

<head>
    <link rel="import" href="bower_components/smart-watch/smart-watch.html"/>
</head>
...
<smart-watch></smart-watch>


#CSS   #Bower   #Polymer   #smartwatch  

Post has attachment
Throwing money at my screen, but nothing happens...

Post has attachment
A dream come true, Android's native UI widgets ported to the web with +Polymer 's new set of Material elements.

The demo app is stunning, both visually and in terms of performance (http://www.polymer-project.org/apps/topeka/).

Guess my web development workflow is about to change again^^


#Polymer #IO2014 #MaterialDesign #GoogleIO


Post has attachment
Rainbowlog is a tiny JS library (only 196 bytes minified) which provides colored output to the browser console.
You can optionally pass-in any CSS properties to format your console output.

It comes by default with 3 color schemes:
  - console.e('your error message');
  - console.s('your success message');
  - console.i('your information message');
 
Adding your own ones is as easy as adding items to an array, though.
But like I said, you can pass arbitrary css to the functions:

console.log('Big error message', 'font-size: 5em; padding: 10px');

Just my little sunday project, hope you like it ;)
Wait while more posts are being loaded