background preloader

Plugins, logiciels, trucs utiles etc

Facebook Twitter

Responsive Grid System. Picturefill. Responsive Image Breakpoints Generator by Cloudinary. Figma: the collaborative interface design tool. ContentBox.js – Réaliser des modèles de pages attractifs mais difficiles à coder – Magazine du Webdesign. Echelle basée sur le contenu - Labography - Créateur de logiciel - Axpha, Labography : Retouchez, éditez, publiez. 20 top new tools for freelancers. Freelancing looks idyllic from the outside.

20 top new tools for freelancers

Working with the best clients, choosing fun projects, determining your own hours and working from home or wherever you like. But there’s a lot that happens under the hood to keep the momentum going. Doing the actual freelance work for your clients never takes up 100 per cent of your time. Soon you’ll be swamped with paperwork and admin – writing proposals, drawing up contracts, sending invoices, writing down tasks and managing your workflow. Gravit. 960 Gridder - Lay out websites with ease. What is this?

960 Gridder - Lay out websites with ease.

960 Gridder is an excellent tool for any web developer/ designer that wants to easily align, match and/or lay out websites. The idea came when designing a website for a student organization where I worked with several designers that handed their lay outs and designs in Photoshop format with a similar grid built-in to me. After a while I noticed how hard it became to make sure everything looked exactly how they intended it, especially in the different browsers. 960 Gridder is cross-browser compliant and works well in Internet Explorer 6/7/8, Firefox 2/3 and Chrome. Safari 4 Beta and Opera 9 is also working as expected and it should work in Safari 2.x-3.x also. The Grids. GridFox - The Grid Layout Firefox Extension » Eric Puidokas » Programming and Designing for the Web.

GridFox is a Firefox extension that overlays a grid on any website.

GridFox - The Grid Layout Firefox Extension » Eric Puidokas » Programming and Designing for the Web

If you can open it in Firefox, you can put a grid on top of it. It’s easy to customize, allowing you to create the exact grid you designed your layout around. GuideGuide. 8 outils réservés aux webdesigners futés. Les 8 outils qui suivent vous feront gagner du temps et éviter des crises de nerfs.

8 outils réservés aux webdesigners futés

Ils vous permettront de partir du bon pied sur vos nouvelles créas et d’améliorer les précédentes. Ils vous aideront à mieux communiquer avec vos équipes et vos clients et à vous organiser plus efficacement. Si tout ça ne vous intéresse pas, surtout arrêtez de lire tout de suite. Mais si vous faites partie des webdesigners fûtés qui veulent optimiser leur temps et améliorer leur production, vous devriez y trouver votre compte. 1. Invision pourrait bien vous faire revoir complètement votre façon de travailler en équipe ! Affinity Designer - Logiciel de conception graphique professionnel pour Mac.

In its first year of launch, Affinity Designer received 3 major updates, including 100s of new features and improvements.

Affinity Designer - Logiciel de conception graphique professionnel pour Mac

All delivered to Affinity Designer owners for free. Check out just some of the updates included in the very latest version 1.4, released December 2015: Skala, a Mac app by Bjango. Are we there yet?

Skala, a Mac app by Bjango

We’ve been working extremely hard on Skala, but aren’t ready to show it to the world just yet. We’ll know we’re ready when we can use Skala full time on our own projects. Everything’s going well and each day is another step towards that goal. However, we are ready to share a few more details. Performance. Skala Preview, a Mac app by Bjango. The 20 best wireframing tools. Wireframe tools make the process of knowing how to create an app or website fundamentally easier, by visually stripping the product down and allowing all involved to focus purely on functions and user interactivity.

The 20 best wireframing tools

Clients need to understand how your proposed app or website will work. But simply explaining to them verbally or textually leaves the vast majority of functions down to their imagination. Wireframe tools can be extremely helpful in squaring that circle. There are more wireframe tools on the market than ever, each offering varying levels of functionality. Some software can be used purely for simple wireframes, while others will allow you to create a working prototype. Web Designer. Colorify.js. Solarized - Ethan Schoonover. Precision colors for machines and people Solarized is a sixteen color palette (eight monotones, eight accent colors) designed for use with terminal and gui applications.

Solarized - Ethan Schoonover

It has several unique properties. Emmet Re:view — fast and easy way to test responsive design in multiple viewports. Color palette generator – 12 outils utilisés par vos concurrents. Material Design Color Palette Generator - Material Palette. Material palette More Material Design chevron_right Palette preview Full Palette colors below Your Palette CSS SASS LESS SVG XML PNG POLYMER DOWNLOAD TWEET Dark primary color #ffa000 Primary color #ffc107 Light primary color #ffecb3 Text / Icons #212121 Accent color #ff5252 Primary text #212121 Secondary text #757575.

Material Design Color Palette Generator - Material Palette

SwatchBooker. Features Reads color swatches from: Adobe aco, acb, act, ase, acf, bcf, clrAutoCAD acb (unencrypted only!)

SwatchBooker

ColorSchemer csCorel cpl, xml (X5)GIMP gplICC named colors profilesOpenOffice.org socQuarkXPress qcl (+cui)RAL bcsRIFF palScribus xmlVivaDesigner xmlXara jcw. Sélection d’outils essentiels pour optimiser les créations en web design. FontBase — a blazing fast, beautiful and free font manager for designers. Top 10 Photoshop Plugins for Web Designers in 2016. Toolkits Photoshop wasn’t created as a web design tool, but no one bothered telling us web designers that.