Mes liens
796 shaares
Face à ces constats, la seule voie praticable semble être de devenir capables d’imaginer et de mettre en place des politiques de sécurité adéquates. Tout l’enjeu de ce guide est de fournir cartes, sextant et boussole à quiconque veut cheminer sur cette route.
Un guide à lire, relire, pratiquer, en solitaire ou à plusieurs, à faire découvrir et à partager… ou comment affiner l’art de la navigation dans les eaux troubles du monde numérique.
Un guide à lire, relire, pratiquer, en solitaire ou à plusieurs, à faire découvrir et à partager… ou comment affiner l’art de la navigation dans les eaux troubles du monde numérique.
When we built websites we usually started by defining the body text. The body text definition dictates how wide your main column is, the rest used to follow almost by itself. Used to. Until recently, screen resolution was more or less homogenous. Today we deal with a variation of screen sizes and resolutions. This makes things much more complicated.
In the heat of the relaunch I wrote a quick blog post on responsive typography, focussing solely on the aspect of our latest experiment: responsive typefaces. Without knowing the history of iA, you’d miss some key aspects to the responsive typography and design in our relaunched site. Instead of mashing up all our articles on the matter, I decided to start from scratch and explain responsive typography step by step. This is step one.
In the heat of the relaunch I wrote a quick blog post on responsive typography, focussing solely on the aspect of our latest experiment: responsive typefaces. Without knowing the history of iA, you’d miss some key aspects to the responsive typography and design in our relaunched site. Instead of mashing up all our articles on the matter, I decided to start from scratch and explain responsive typography step by step. This is step one.
Prevent spambots from getting your email, encode all the addresses you publish on your site!
Enter the address you want to encode, then put the code we provide in the source code where the address should appear and...VOILA!
Enter the address you want to encode, then put the code we provide in the source code where the address should appear and...VOILA!
namehelp improves web performance by obtaining more accurate redirections to nearby content delivery network servers.
Basically, namehelp improves your web performance when either you or your ISP uses a remote DNS service.
Join our 26656 users in 132 countries and install namehelp today!
Basically, namehelp improves your web performance when either you or your ISP uses a remote DNS service.
Join our 26656 users in 132 countries and install namehelp today!
Workless started out as a mashup of all the great things I liked about Twitter Bootstrap and HTML5Boilerplate. The more I worked with with it, the more I added in order to make life easier when working on any project.
It's now pretty much turned into a framework in it's own right, with all the stuff you need and none of the stuff you don't. It's about saving time and keeping your projects DRY.
It's now pretty much turned into a framework in it's own right, with all the stuff you need and none of the stuff you don't. It's about saving time and keeping your projects DRY.
Flash proxies are a new way of providing access to a censorship circumvention system such as Tor. A flash proxy is a miniature proxy that runs in a web browser. It checks for clients that need access, then conveys data between them and a Tor relay.
Tor has bridge relays, but in some cases even these can be blocked despite the fact that their addresses are handed out only a few at a time. The purpose of this project is to create many, generally ephemeral bridge IP addresses, with the goal of outpacing a censor's ability to block them. Rather than increasing the number of bridges at static addresses, we aim to make existing bridges reachable by a larger and changing pool of addresses.
"Flash proxy" is a name that should make you think "quick" and "short-lived." Our implementation uses standard web technologies: JavaScript and WebSocket.
If your browser runs JavaScript and has support for WebSockets then while you are viewing this page your browser is a potential proxy available to help censored Internet users.
Tor has bridge relays, but in some cases even these can be blocked despite the fact that their addresses are handed out only a few at a time. The purpose of this project is to create many, generally ephemeral bridge IP addresses, with the goal of outpacing a censor's ability to block them. Rather than increasing the number of bridges at static addresses, we aim to make existing bridges reachable by a larger and changing pool of addresses.
"Flash proxy" is a name that should make you think "quick" and "short-lived." Our implementation uses standard web technologies: JavaScript and WebSocket.
If your browser runs JavaScript and has support for WebSockets then while you are viewing this page your browser is a potential proxy available to help censored Internet users.
CSS3 transitions bring simple and elegant animations to web applications, but there’s a lot more to the spec than first meets the eye.
In this post I’m going to delve into some of the more complicated parts of CSS transitions, from chaining and events to hardware acceleration and animation functions.
Letting the browser control animations sequences allows it to optimize performance and efficiency by altering the frame rate, minimizing paints and offloading some of the work to the GPU.
In this post I’m going to delve into some of the more complicated parts of CSS transitions, from chaining and events to hardware acceleration and animation functions.
Letting the browser control animations sequences allows it to optimize performance and efficiency by altering the frame rate, minimizing paints and offloading some of the work to the GPU.
Pour celles et ceux qui ont pris la résolution de quitter définitivement Facebook en 2013, voici un mode d’emploi, pour mener à bien cette entreprise délicate.
Sauvegardez d’abord votre contenu multimédia : images et vidéos. Pour cela, vous pouvez faire appel à des services tiers comme Pick&Zip ou encore ceux mentionnés dans cet article. Ainsi, vous êtes sûr d’avoir à disposition une sauvegarde complète de vos albums photos.
Sauvegardez d’abord votre contenu multimédia : images et vidéos. Pour cela, vous pouvez faire appel à des services tiers comme Pick&Zip ou encore ceux mentionnés dans cet article. Ainsi, vous êtes sûr d’avoir à disposition une sauvegarde complète de vos albums photos.
Elusive Icons is a webfont that can be used with any of your projects. Bootstrap-based, Foundation-based or even your custom projects!
It was created by the need for an Open-Source font that can be used in your projects without licencing issues and/or other "attribution" claws.
If you don't care much about licences there are many alternatives you can use, most notably the font-awesome font.
When downloading this font you'll also receive all the icons in .svg vector format so you can play with them, improve them and contribute them back on github
It was created by the need for an Open-Source font that can be used in your projects without licencing issues and/or other "attribution" claws.
If you don't care much about licences there are many alternatives you can use, most notably the font-awesome font.
When downloading this font you'll also receive all the icons in .svg vector format so you can play with them, improve them and contribute them back on github
What’s with the name, you ask? Small-ish. Medium-ish. Large-ish. That’s the idea. Many have long been preaching to let content, not device widths determine breakpoints in responsive designs, so rather than determining several fixed breakpoints, ish. roughs out general ranges in order to better serve the entire resolution spectrum.
Eden is a PHP library designed for rapid prototyping, with less code. Yes, Really.
Ever thought about doing a Facebook+Twitter+Google mashup? How about integrating that with PayPal? Is setting up shipping options in your cart a pain? Adding different libraries form different sources add more complexity to your project and ends up to be hard to maintain. Eden simply a set of reusable components, that works with any PHP framework and CMS. Eden makes code logical and readable with dead simple syntax.
Ever thought about doing a Facebook+Twitter+Google mashup? How about integrating that with PayPal? Is setting up shipping options in your cart a pain? Adding different libraries form different sources add more complexity to your project and ends up to be hard to maintain. Eden simply a set of reusable components, that works with any PHP framework and CMS. Eden makes code logical and readable with dead simple syntax.
The Spoon.net console provides access to thousands of free and open source applications instantly with no installs.
Web Application Server for Android devices
Privly makes it possible for you to control your data after posting it across the internet. You can post to Facebook without allowing Facebook access to your communications, you can even unsend emails. Privly works by extending browsers to look for specially formatted links, which are then "injected" into the pages you are viewing. Privly is a Foundation owned concept being made by and for all internet users. For more information about what Privly is, read our about page.
The HTML5 <details> element is a very neat construct, but it also has quite a serious usability problem – what happens if you follow a hash-link which targets inside a collapsed <details> element? The answer is nothing. It’s as if the target was hidden. But we can fix that issue with a little progressively-enhanced JavaScript, and an accessible polyfill for browsers without native support.
TCP/IP is the communication protocol for the internet.
TCP/IP defines the rule computers must follow to communicate
TCP/IP defines the rule computers must follow to communicate
TCP/IP is the communication protocol for the internet.
TCP/IP defines the rule computers must follow to communicate
TCP/IP defines the rule computers must follow to communicate
Short animated video explaining how the Domain Name System, or DNS, works.
HTML5 Bones is a template that goes back to basics and provides you with the bare minimum required to get going with HTML5.
Inline comments explain how and when to use some of the most common HTML5 elements.
Can also be used as a guide when building your own pages from scratch.
No JavaScript libraries such as jQuery or Modernizr are included, as they may be completely unnecessary.
It does include Normalize.css and original html5shiv as the former aids cross browser similarity and the latter is the minimum requirement for HTML5 documents to render in older versions (8 and below) of Internet Explorer.
Some of the WAI-ARIA roles are also included.
Templates that explain how to use HTML5 audio and video are also available.
Inline comments explain how and when to use some of the most common HTML5 elements.
Can also be used as a guide when building your own pages from scratch.
No JavaScript libraries such as jQuery or Modernizr are included, as they may be completely unnecessary.
It does include Normalize.css and original html5shiv as the former aids cross browser similarity and the latter is the minimum requirement for HTML5 documents to render in older versions (8 and below) of Internet Explorer.
Some of the WAI-ARIA roles are also included.
Templates that explain how to use HTML5 audio and video are also available.
Gemicon is handcrafted icon set by Turqois, which there 3 different sizes (16, 32, 64). Each icon created with pixel-perfect shape layer on Photoshop. Download and get PNGs and PSDs file. Oh yes, it's FREE and suitable to implement here and there for your next awesome project!