How To make a Tear Gas Mask | HOWTO Protection at Protest NEW : Tahrir, How to deal with tear gas Including Comparision Tables for treatment The article of democrati.net in the link is being updated round the clock as events progress. Please visit the weblog/article again! NEW : Violent Protest Tactical Guide – Defence Essentials Article by @AmrBassiouny his post goes through how to prepare and protect yourself from attacks by the Central Security Forces (CSF) and the Military forces, as each uses different weapons and strategies. Important: In case of CR Gas do not use water to rinse but milk! Tear Gas Dibenzoxazepine | CR GAS Chemical weaponry was first used in the United States in the Civil War at the siege of Charleston. Agent CR (Dibenzoxazepine) is a potent sensory irritant. CR causes eye pain and excessive tearing. CR appears to have a greater safety ratio than either CN or CS. Article Source: Related ♻Treatment of Bullet Wounds instructions, in Arabic Tear Gas 1. 2. 3. 4. 5. 6. STAY CALM. 7. For the eyes and mouth: 8.
Zoom sur l'effet parallaxe Après avoir abordé les arrière-plans extensibles (full background) nous allons continuer avec l'effet parallaxe. Cet effet graphique étant facile à comprendre et à mettre en place, vous allez pouvoir créer rapidement un site original. Ce tutoriel va utiliser jQuery ainsi que le plug-in jQuery-Parallax. Qu'est-ce que l'effet parallaxe ? Il s'agit d'un terme générique correspondant au déplacement de plusieurs éléments sur des couches et à des vitesses différentes. Des exemples Utilisant le positionnement de la souris digitalhands.net bikingboss.com Utilisant le niveau du scroll nikebetterworld.com ok-studios.de driver-club Principe et théorie Grâce à l'utilisation de JavaScript, il est possible de déplacer les éléments par rapport à la position de la souris ou du niveau de défilement (scroll). Illustration pour le scroll Avec une même distance de scroll, l'élément a aura parcouru une distance plus faible que l'élément b. Illustration pour le positionnement de la souris En pratique Démonstration
La 3è Guerre Mondiale n'est pas une utopie ?! Eva Joly : nous allons intgrer des propositions de Richard Stallman Interrogée par notre confrère du Nouvel Observateur, Eva Joly, la candidate à l’élection présidentielle pour Europe-Ecologie-les Verts, a abordé de nombreux sujets liés à Internet et aux logiciels : Hadopi, ACTA, LOPPSI, le logiciel libre, mais aussi le partage sur Internet. Hier, lors de son QG de campagne, Richard Stallman a même été invité pour présenter son point de vue sur l’actualité numérique. Les points de vue d’Eva Joly sur le numérique dans son ensemble sont assez clairs : elle est pro logiciel libre, anti-ACTA (« le rejet est total »), contre la LOPPSI, et Hadopi « est une absurdité ». Une position qui n’est pas nouvelle, puisqu’en juin dernier, la candidate avait déjà affirmé à Rue89 qu’elle abrogera Hadopi et LOPPSI « dès la première semaine » de son entrée à l’Élysée. Néanmoins, concernant Hadopi, la candidate essaie comme bien d’autres de trouver des solutions de remplacement. En effet, Eva Joly affirme être pour son « abrogation pure et simple ». Légalisons le partage
#Egypte : Les militaires sont dans la place ! 17 Décembre. En ce jour anniversaire du martyre de Mohammed Al-Bouazzizi, nous aurions aimé vous apporter de meilleures nouvelles. Ce jour aurait pu être un jour de recueillement et de mémoire. Un jour où nous aurions tourné nos pensées vers ceux, tombés pour un monde meilleur. Les dirigeants de l’Egypte, du monde, en ont décidés autrement. Aujourd’hui, en Égypte, 10 nouveaux martyrs sont tombés. Le 25 novembre dernier, en réaction à la nomination de Kamal El Ganzouri comme premier ministre par le Conseil suprême des forces armées égyptiennes (SCAF), des manifestants de Tahrir décident de procéder à un sitting devant le parlement et les bureaux du premier ministre. Les manifestants ont leurs raisons. Entre le 19 et le 25 novembre plus de quarante d’entre eux sont tombés sous la répression des forces de sécurités. De quoi les pousser à bout. Jusqu’au 15 décembre, pas d’incidents majeurs. Dans son blog, « The Arabist » dénonce un vide de commandement. Le campement de #OccupyCabinet en feu
6 outils pour crer vos infographies facilement Les infographies ont du succès, peut être souhaitez-vous créer les vôtres ? Des outils simples sont à disposition sur la toile. Je vous ai déjà parlé de quelques outils dans différents articles (ceux d’Intel ou de Visual.ly), voici une sélection de 5+1 outils pour utiliser et dynamiser vos données. Pick to chart Transformez vos informations en présentations hautes en couleurs. A travers une interface élégante et simple d’accès, cliquez les zones que vous souhaitez modifier et ajoutez vos données. D’une facilité déconcertante, cet outil payant est un incontournable pour dynamiser vos supports de communications. Info.gram Sur un principe identique à PickToChart, ce service vous propose une création en 3 étapes : choix du design, import des données (CVS ou Excel) puis génération de l’infographie. Info.gram offre un large choix de gabarits à modifier. Easel.ly En un clic sur le bouton « Get started » et vous commencez déjà à remplir votre infographie ! Gliffy Geocommons Visual.ly
Retina.js | Retina graphics for your website How it works When your users load a page, retina.js checks each image on the page to see if there is a high-resolution version of that image on your server. If a high-resolution variant exists, the script will swap in that image in-place. The script assumes you use Apple's prescribed high-resolution modifier (@2x) to denote high-resolution image variants on your server. For example, if you have an image on your page that looks like this: <img src="/images/my_image.png" /> The script will check your server to see if an alternative image exists at this path: "/images/my_image@2x.png" How to use JavaScript The JavaScript helper script automatically replaces images on your page with high-resolution variants (if they exist). Place the retina.js file on your server Include the script on your page <script type="text/javascript" src="/scripts/retina.js"></script> (put it at the bottom of your template, before your closing </body> tag) That's it! Steps: Download Download zip Download source Contribute
Beginning Node.js | Blog :: The JavaScript Playground Unless you've been living under a rock for the past 12 months or so, you've probably heard of Node.js. Simply put, Node is JavaScript on the server. Node.js is a platform built on Chrome's JavaScript runtime for easily building fast, scalable network applications. Node.js uses an event-driven, non-blocking I/O model that makes it lightweight and efficient, perfect for data-intensive real-time applications that run across distributed devices. (taken from the Node.js homepage). Node takes JavaScript onto the server, which means it's possible to write your entire application in JavaScript, using it for both the server side, handling requests & rendering views, and then on the front-end as we always have done. Today we will look at installing Node & the package manager, NPM (really easy) and then the traditional "Hello World" tutorial. There's two ways to install Node. Now we've got it installed, lets do the "Hello World" example. var http = require('http'); Putting that all together, we get:
Screenshot Journal / Tobias Bjerrome Ahlin Looking for pixel errors in iOS apps has been tiresome—the zoom function in the Photos app is optimized for photos, so screenshots get blurry as you zoom in. You get the same, blurry effect if you use the global zoom function (go to Settings > Accessibility > Zoom to enable it). The only good way to look at actual pixels has been to get screenshots to a computer. Screenshot Journal is an iOS app that solves this in a beautiful way. It finds and imports all the screenshots on your device, and let's you zoom in and view the actual pixels without any anti-alias applied. Here's a zoomed in screenshot in Photos: And here's the same zoomed in screenshot viewed in Screenshot Journal: It's a huge time saver, and it will surely help to increase the headache of developers that you're working with (as you can nag them even more about misaligned pixels). [via Neven Mrgan]
Rcession : la finance Ponzi plantaire, le crime organis boursier et les dark pools (On vous a parlé des origines de la crise de la dette souveraine avec son lot de super-arnaques depuis 40 ans pour contenter les rentiers du capital et autres politiciens profiteurs. Et comme c’est bientôt Noël et que la récession a été officiellement déclarée depuis quelques jours, soyons beaux joueurs et allons jusqu’au bout de la chose. Nous sommes dans la m… jusqu’au cou et certains spécialistes de la chose financière balancent aujourd’hui très fort. Parce que la prévision du calendrier maya pour 2012 est désormais prise très au sérieux, enfin, au moins d’un point de vue système économique…) « Mais bordel de bordel de nom d’un chien ! Mais keskispasse ? C’est à peu près ça qu’on entend à l’Elysée depuis que la récession est officielle au pays des vaches qui regardent passer les trains et des citoyens qui regardent le 20H de Pujad(hass). Cet article s’auto-détruira une fois ses conclusions vérifiées (comme le système économique) Nous y sommes. Les crossing-networks c’est en gros ça :
Le skeuomorphisme HTeuMeuLeu Le skeuomorphisme est le principe d'imiter dans un objet un détail de conception qui n'est plus nécessaire, mais qui était indispensable autrefois. On trouve de nombreux exemples dans la vraie vie, comme l'imitation de rainures de bois sur des meubles en plastique, ou l'imitation du son de fermeture de l'obturateur sur un appareil photo numérique compact ou bridge. En informatique, on rencontre chaque jour pleins d'exemples. Le plus classique est l'utilisation d'une disquette comme icône de sauvegarde de documents. Cet article de aKa chez FramaBlog nous rappelle également de manière amusante pourquoi les touches de nos claviers sont disposées ainsi : Un beau matin de 1868, alors que les États-Unis résonnent encore des canons de la guerre de sécession, un bricoleur du Wisconsin du nom de Sholes invente la première machine à écrire. Les champions du skeuomorphisme ces dernières années, ce sont Apple, qui usent et abusent d'effets skeuomorphiques dans leurs logiciels. Boom !
Minimalist Horizontal Navigation on Sunday 29th April 2012 Just a simple navigation with some subtle colour and slick state designs. I love the dark theme and use of textures throughout, while the typography helps to make a statement.