background preloader

Freebies

Facebook Twitter

Slack, le nouveau service de messagerie qui fait fureur. Slack est le nom du dernier service de messagerie instantané à la mode et celui-ci est plutôt dédié aux entreprises, ou du moins aux professionnels. Conçu autour de l’idée du travail en équipe, il permet à tous ceux qui doivent travailler ensemble d’échanger avec des messages, mais aussi des fichiers et surtout, c’est ce qui fait sa particularité, des sources d’informations externes. En apparence, rien de nouveau : selon la taille de l’entreprise, on crée un accès pour tous ses employés ou pour son équipe seulement et toutes les personnes concernées sont ensuite invitées à créer un compte et à se connecter. À partir de là, Slack fonctionne autour de l’idée de « channels », des canaux de diffusions qui peuvent correspondre à des projets, des thématiques, ou ce que vous voulez.

Le service reste très souple, c’est sa force et on peut toujours discuter en privé avec une personne, ou deux ou trois autres personnes. Slack, le nouveau service de messagerie qui fait fureur. Configurer Sass/Compass avec Symfony2. Utiliser Compass sur un projet Symfony2 est un jeu d’enfant. Il suffit d’un petit chouilla de configuration. Après ça Symfony se chargera de construire à la volée vos CSS.

Pour ce faire nous allons utiliser un outil intégré au framework, nommé Assetic. Comme son nom l’indique je vous le donne mille cet outil à pour role la gestion des assets. Nous allons considérer ici que vous savez installer et utiliser Sass et Compass. Passons à la configuration, … Il faut commencer à dire à Symfony où se trouve ruby, sass et compass. Editons le fichier app/config/parameters.yml Il va falloir activer les filtres dans la configuration de votre application app/config/config.yml Dans votre layout, placer votre filtre de cette manière : Ainsi, le chemin /Resources/assets/sass de votre Bundle est celui où devra se trouver vos fichiers sass.

Il va de soit que compass ne sera actif que pour l’environnement de développement. Articles similaires : Mots-clefs : compass, CSS, php, symfony. The Sass and Compass tutorial for absolute beginners. Here’s the tutorial I wish I’d had as a beginner. This easy walkthrough is for Mac and Windows users only. I doubt that’s a problem though, as the type of folks who use another OS probably wouldn’t have any trouble installing Sass. The goal is to show you just how easy it is to set up the environment, the power and simplicity of the command line, how Sass is really similar to plain CSS and the enormously helpful Compass library. You’ll be Sassing away like a pro in 20 minutes or less. Warning: This tutorial is made for total beginners! The Sass & Compass tutorial for beginners Step 1. Note: Don’t write the $ symbol, that’s just there to indicate that this is a command! $ ruby -v If Ruby is not installed, you’ll probably see something like -bash: ruby: command not found on Mac, and on Windows; ‘ruby’ is not a recognized internal or external command… Step 2.

Step 3. Note: If you’re on Mac, you may have to include sudo at the start if you are not the root user. . $ [sudo] gem install sass Step 4. Tutoriel pour apprendre SASS et Compass. Salut à toi très cher MMI ! Aujourd’hui, j’ai le plaisir de te présenter cette mini série d’articles, j’ai nommé « Booste ton Workflow ». L’objectif est simple : Te présenter les outils d’aujourd’hui et de demain qui vont faire de toi une bête du front. Ma mission ? Faire de toi un intégrateur d’enfer que tout le monde voudra s’arracher. SASS (Syntactically Awesome Style Sheets) Le sujet du jour, c’est le CSS, et plus particulièrement son évolution. Pour Windows Il faut commencer par installer Ruby. Pour Mac OS Sur mac, c’est relativement simple.

Si tout va bien, tu es prêt pour te lancer dans SASS ! Faire fonctionner SASS Pour faire fonctionner SASS on va avoir besoin de deux choses : Un invité de commande ou terminal (le même que celui utilisé pour l’install si tu es sur Windows)Un projet de test Très rapidement, je vais faire une structure très basique telle que : Note que j’ai deux dossiers distincts pour mon sass (ou scss) et mon css. Ça y est tu es dans ton dossier ? Que c’est beau. Quelques outils gratuits pour un workflow idéal. Helloooooooo à toi, jeune MMI à la recherche du bonheur (ne cherches plus, tu viens de le trouver) ! On va parler outils et environnement de travail dans cet article !

Avant d’entrer dans le vif du sujet, c’est important de comprendre la notion de workflow que je traduirais comme flux de travail. Concrètement, ça correspond plus à ta façon de travailler, tes habitudes, tes méthodes et les outils que tu emploies pour mener à bien un projet. Si je t’en parle aujourd’hui, c’est parce que, pour moi, le workflow idéal est primordial. Qu’est ce qu’un workflow idéal ? Plusieurs caractéristiques permettent de décrire un workflow : L’efficacité : C’est le rapport entre la rapidité et la qualité du travail effectué.

Tu dois trouver un équilibre entre ces trois caractéristiques, et de personne à personne, il y a toujours une caractéristique qui ressort plus qu’une autre. Pourquoi avoir un bon workflow ? Outils généraux : Les bases Sublime Text 3 Plugin Sublime Text : Package Control Flux Télécharger Flux. Explore Presentations – Slides. Site d’annonce gratuite en ligne | Déposez votre annonce en 2 clics. HTML5 UP! Responsive HTML5 and CSS3 Site Templates. Toshiba L775 Laptop FN key keyboard issue after Win10 upgrade and. There are 2 options: 1/ [QUOTE=Trashbuster from Ten forum] I had the very same problem after installing Windows 10 on my son's Toshiba Satellite L7750-S7340 Laptop. The top row of number keys (1 - 4) didn't work, and my space bar would only work if I pressed it with the "FN" key. There may have been other problems, but I was focused on just the two previously described.

I did all the usual trouble shooting things with no luck, although I noticed something wierd in device manager and returned to it after exhausting all the tips found on boards. I had noticed that my keyboard was listed as Lenovo and it had mouse drivers too; showing the mouse was Lenovo, as well. I have been using a Microsoft wireless mouse (with USB dongle) and my keyboard was always Toshiba. 2/- After installing windows 10, windows start to download and install update . Viewing snippet Panel table with filters (per column) ♕ Les meilleurs thèmes Wordpress gratuits pour 2015. Majax31.ws: Internet Download Manager 6.xx Build xx Inclus Methode DEMO ILLIMITEE !!! (Software)

Browsersync Command Line Usage. Bliker/cmder. FuzzyFilePath. Predawn - Interface and Syntax Theme for Sublime and Atom. Install via Package Control or Learn more on GitHub Created by Jamie Wilson. Material Theme. This theme brings the Material Design visual language to your Sublime Text 3. If you have problems first search for a similiar issue and then report with new one. Please read the Known Issues section before send a new one. Buy me a beer. (Alcoholist mode ON) Screenshots More screenshots here Easy installation You can install this awesome theme through the Package Control. Manual installation Download the latest release, extract and rename the folder to “Material Theme”.Move the folder inside your sublime Packages directory.

"theme": "Material-Theme.sublime-theme","color_scheme": "Packages/Material Theme/schemes/Material-Theme.tmTheme", Note : Remember to restart Sublime Text after activating the theme. Theme styles This theme provides a second style version: Darker “json "theme”: “Material-Theme-Darker.sublime-theme”, “color_scheme”: “Packages/Material Theme/schemes/Material-Theme-Darker.tmTheme”, Known issues White panels Theme options Recommended UI and font settings Other Resources App icon Thanks. Babun, un terminal pour Windows. En tant que développeur on est de plus en plus emmené à utiliser le terminal, malheureusement si on utilise Windows notre choix est plutôt limité : Par défaut on est emmené à utiliser l'invité de commande cmd.exe qui est tout simplement une abomination (historique plus que réduit, impossible d'effectuer de sélection, fenêtre non redimensionnable...). Il existe bien des solutions et des Shell alternatifs comme Cygwin, mais il faut être prêt à se lancer dans de la configuration assez chiante pour avoir quelque chose de réellement exploitable.

Et c'est là que Babun entre en jeu. Babun est un outil qui regroupe plusieurs éléments afin de vous simplifier la vie. Il fonctionne à partir de Cygwin et intègre 2 Shell (zsh avec oh-my-zsh et bash) ainsi qu'un tas d'autres outils comme la gestion des proxys, le gestionnaire de paquet pact pour Cygwin, git... Donc inutile de s'ennuyer à installer tout ça, il suffit d'installer Babun et tout fonctionne correctement. Installation Utilisation Oh-my-zsh. Accueil | Casarad.

10 Awesome Brackets Extensions You Really Need. Brackets.io released version 1.2 recently, with some great new features which you can read about on their blog. We have compiled a list of 10 of the best and most useful Brackets extensions out there (in no particular order), along with complete instructions for each extension. Brackets Extensions 1.Code Folding Unlike a lot of other IDEs and code editors Brackets does not have a code folding option available by default. With Code Folding, you can easily collapse large portions of your code into a single line.

How to use To fold any nested tag just click on the down arrow to the left of the parent tag as shown above. The line numbers of the folded lines are hidden, so it is easy to spot folded lines when you are concentrating on the code. 2. There are plenty of ways to generate placeholder text, but front end web developers often need placeholder images.

If that isn’t good enough, the placeholder images keep changing every time you reload the page! Using Lorem Pixel 3. 4. 5. Bonus Tip: 6. 7. Quels outils pour pré-visualiser votre site responsive ?[ Usaddict: Ressources sur l’ergonomie des interfaces (le blog Usabilis)] Durant la conception d'interface responsive (permettant au site de s'adaper aux différents écrans : tablette, mobile et ordinateur), il est nécessaire de tester le résultat sur les différents terminaux afin d'éviter de mauvaises surprises. Le Responsive WebDesign connait un fort essor ces derniers temps (Voir notre article sur la conception pour le responsive webdesign), de nombreux outils d'émulation proposent de tester le rendu de ces sites dans un navigateur sur ordinateur.

Cela permet d’éviter d’avoir à disposition les multiples appareils à résolutions variables : iPhone et iPad retina, tablette Android, smartphone Windows 8 etc. Dans cet article, nous testerons ces émulateurs pour vous. Quels sont les principaux outils gratuits permettant de simuler l’affichage sur tablettes et mobiles ? Lequel de ces outils convient à votre projet responsive ? Les plus performants Viewport resizer Responsinator Ipad Peek Iphone tester Les plus faciles à utiliser Pi responsive Les plus complets Screenqueri. Tuts+ Code Courses. Testing responsive web design in various resolutions | ResponsiveTest.

Features. Multipurpose templates | Free Bootstrap Themes. Testing responsive web design in various resolutions | ResponsiveTest. Bootstrap Carousel/Slider Collection - sevenXdemo. Free Bootstrap Templates: Bootstrap Template Marketplace Worldwide. Bootstrap Zero - Free Bootstrap Themes and Templates. Connexion - eBookoo. Des nouvelles plates-formes dédiées à la littérature africaine. L’espace numérique africain s’enrichit de nouvelles plates-formes qui se consacrent exclusivement à la littérature du continent. Ainsi, eBookoo, développée en RDC, est à la fois une bibliothèque virtuelle et un réseau social. Digitalback Books propose, moyennant abonnement, la consultation illimitée d’ouvrages numérisés sur des sujets africains. Un distributeur de livres électroniques sud-africain lance, lui, un dispositif qui permet aux écoles rurales d’accéder à des manuels scolaires.

Malgré ici ou là des problèmes de réseau en Afrique dûs aux coupures de courant intempestives ou aux prix de connexion prohibitifs, petit à petit le numérique fait son nid sur le continent. Pour les mobiles ou pour le web, de plus en plus de jeunes créateurs africains développent des applications et des services en ligne spécifiques aux besoins de leurs pays. eBookoo, bibliothèque virtuelle et réseau social Digitalback Books et Snapplify Mais eBookoo n’est pas la seule initiative du genre en Afrique. Sublime Text 2, Les plugins que j'utilise. Vous le savez je suis un fan inconsidéré de l'éditeur Sublime Text 2 (ST2 pour les intimes). La communauté grandit de jour à jour et des plugins font de cette éditeur un des éditeurs les plus rapides du marché.

Aussi afin de vous aider à améliorer votre expérience je vous propose ici une liste des plugins que j'ai l'habitude d'utiliser. Les extensions marquées d'une * sont des extensions qui ne sont pas disponible via le package control. Sublime Package Control C'est l'extension indispensable, puisqu'elle vous permettra d'installer les autres plugin en un instant. Theme - Nexus Ce thème permet de changer complètement l'apparence de votre éditeur, basé sur l'interface NIL, il est parfait pour un les fonds obscurs. Livereload Le principe de livereload est de vous permettre de rafraîchir le navigateur dès lors que vous faites une modification sur un fichier (PHP, CSS, JS ....).

ZenCoding Sublime Text 2 n'est pas un IDE, il n'intègre pas par défaut une gestion FTP/SFTP. Alignment "test" => 1 mSCSS.