Responsive Design in 3 Steps Responsive web design is no doubt a big thing now. If you still not familiar with responsive design, check out the list of responsive sites that I recently posted. To newbies, responsive design might sound a bit complicated, but it is actually simpler than you think. To help you quickly get started with responsive design, I've put together a quick tutorial. Step 1. Most mobile browsers scale HTML pages to a wide viewport width so it fits on the screen. Internet Explorer 8 or older doesn't support media query. Step 2. In this example, I have a basic page layout with a header, content container, sidebar, and a footer. Step 3. CSS3 media query is the trick for responsive design. The following set of rules will be in effect if the viewport width is 980px or less. Then for viewport 700px or less, specify the #content and #sidebar to auto width and remove the float so they will display as full width. You can write as many media query as you like. Conclusion
Thinglink : l'outil qui dynamise vos pages web (Tuto vidéo) Bonjour ! Aujourd’hui je voudrais vous parler d’un outil web très bien pensé et simple d’utilisation. En 5 mn, il apportera du dynamisme aux pages de votre site web, en même temps que de l’interaction et une dimension partageable ! J’ai découvert cet outil il y a près d’un an, et j’ai eu l’occasion de le tester sur d’autres sites internet. Thinglink, c’est ça ! Thinglink permet d’ajouter de l’interaction à une simple image, en faisant apparaitre de petites infobulles cliquables. Vos images peuvent parler… Encore + ! Vous voyez le concept ? Vous pouvez insérer des vidéos, des google map, des sons, du texte, des badges de réseaux sociaux, des liens… Sans compter que chaque image dispose d’un code « embed », qui permet à n’importe quel internaute de placer l’image interactive sur son site web ! Pour le moment, je ne suis jamais tombé sur un site d’association incluant Thinglink. Commencer avec Thinglink ? Thinglink : le tuto en vidéo Que pensez-vous de cet outil web ?
700 films rares et gratuits disponibles ici et maintenant C’est un cadeau immense comme seul internet peut nous en offrir. Plus de 700 films rares totalement gratuits, disponible immédiatement grâce au site OpenCulture qui se bat pour éduquer et donc transmettre le meilleur de la culture totalement gratuite sur le web. On ne peut alors s’empêcher de céder aux sirènes cinématographiques qui sont ici multiples et très sophistiquées. Les films, courts ou longs métrages, présentés sont pour certains des chef-d’œuvres inoubliables à découvrir ou redécouvrir ou mieux encore, des perles rares comme les premiers court-métrages de réalisateurs comme George Lucas, Wes Anderson, Stanley Kubrick, Jean Cocteau, Andy Warhol, Salvador Dali, Andreï Tarkovski ou encore Christopher Nolan, David Lynch, Tim Burton, David Cronenberg, Sofia Coppola…bref, vous en avez pour tous les goûts. Nous avons quant à nous réalisé une première sélection pour terminer les nuits d’hiver avec bien plus d’émotions contemplatives que ce que peut offrir Netflix ou CanalPlay.
PhotoFiltre Studio PhotFiltre 7 est proposé en version freeware pour les utilisations privées ou à but non lucratif. Pour les utilisations commerciales ou professionnelles il est nécessaire de posséder une licence PhotoFiltre Studio X. PhotoFiltre 7.2.1 - Version française au format zip (5 Mo) Version portable Introduction PhotoFiltre 7 est un logiciel de retouche d’images très complet. Copies d'écran : Taille réelle Taille réduite Les filtres Sa large palette de filtres permet aux personnes qui débutent de se familiariser avec le monde du graphisme. Les sélections vectorielles PhotoFiltre 7 gère deux types de sélections vectorielles. Les pinceaux PhotoFiltre 7 propose des formes de pinceau standards (cercles et carrés de différentes tailles) mais également des formes plus variées (ligne oblique, formes personalisées, ...). L'option "arc-en-ciel" permet de dessiner en créant automatiquement un gradient le long du tracé. Les calques Chaque image possède une barre de calques indépendante. Le module PhotoMasque
Cat Scientists : un nouveau Tumblr bien déjanté ! Ça devient une tradition sur le Blog du Kitsch : voici un nouveau blog/Tumblr au sujet bien tiré par les cheveux ! Cat Scientists propose des photos vintage/retro de scientifiques où certains visages sont remplacés par des têtes de chats! Simple, absurde, mais tout de même divertissant : la recette idéale d’un Tumblr comme on les aime! Dans la même lignée de blog on vous invite à aller voir ceux-ci dont nous avions déjà parlés :My Parents were awesomeSelleck Waterfall SandwichFucked Up Knittting Crédits images : Cat Scientists. Michael Sallit, de l'affiche à l'oeuvre - Beware Magazine « Pour la scéno c’est moins cher chez Casto ou chez Leroy Merlin?« , « Ok vas y mais pense à demander une facture hein! » « Attend mais eux je vais voir si ils peuvent nous prêter une sono« , « je sais pas encore si c’est bon, l’artiste doit m’envoyer le tout par UPS« , « Putain mais A NOUS PARIS ils sont vraiment snobs » … Bon, dans 4 jours à lieu notre première vraie exposition consacrée au graphisme à la galerie Le Huit, mais ça on commence à te le rabâcher, Geodesia par ci, Geodesia par là, en veux tu en voilà. Le truc c’est qu’on est un peu super contents des oeuvres qu’on est en train de recevoir, chaque artiste interprète le thème topographie/cartographie de façon tout à fait singulière. C’est d’abord par la création de pochettes de disques et d’affiches de concert qu’il fait ses premiers pas dans le monde du graphisme en collaborant avec des labels indépendants comme Hands In The Dark Records ou Humanist Records. Tout les travaux de Michael Sallit ici . L’événement Geodesia, là.
PIZZA GIFS 20 idées pour transformer des palettes en canapé Il y a tout un tas de palettes à l'abri dans un coin de mon jardin et ça m'inspire... Pourquoi ne pas les transformer en canapé, fauteuil, voire lit de repos ? Sources : Cliquez sur les * Hear Me Lucifer | "Smoking seriously harms you and the others around you." Music does the same. [62 images] UFUNK – La Sélection du Week End n°81 [62 images] UFUNK – La Sélection du Week End n°81 C’est l’heure de la Sélection du Week end n°81 ! Comme chaque week-end, voici une nouvelle sélection de WTF, cosplay, retro, pubs, illustrations, photos, pin-up et j’en passe, sans contexte ni explication, glanée dans les méandres sans fin de l’Internet… Retrouvez toutes les Sélections du Week End précédentes ici. Je vous souhaite à tous un excellent week-end !