background preloader

Webdesign

Facebook Twitter

35 Free Time-Saving Web Apps for Web Designers from 2016 - Speckyboy Design Magazine. All released this year, these free web-based apps let you do so much without ever needing to install anything.

35 Free Time-Saving Web Apps for Web Designers from 2016 - Speckyboy Design Magazine

All you need to do is bookmark them. They either offer a time-saving solution to many of the tasks web designers need to accomplish every day or are something you need to save for a rainy day. Some of the tools will help you manage the performance budget of a project, organize your code snippets, create professional design briefs, or even generate detailed stats about your CSS stylesheets. I’ve categorized all of the apps and tools into: Performance Tools, Checklists, CSS Tools, Responsive Tools, Typography Tools, Color Tools, Image Tools & Editors, Handy Directories, and finally a bunch of uncategorizable Miscellaneous Tools.

Performance Tools PerfTool is a handy tool that collects detailed info about your site and displays it on an easy-to-read dashboard. Hyperdev. Commit to Contribute. One morning I found a little time to work on nodemon and saw a new pull request that fixed a small bug.

Commit to Contribute

The only problem with the pull request was that it didn’t have tests and didn’t follow the contributing guidelines, which results in the automated deploy not running. Article Continues Below.

Générateurs de sites statiques

Dirty Tricks From The Dark Corners Of Front-End. 100+ Creative Commons Photos by Vladimir Kudinov. From Pages to Patterns: An Exercise for Everyone. Language defines the life of components.

From Pages to Patterns: An Exercise for Everyone

A “blue button” will work until the button is no longer blue—and then the name won’t make sense anymore. The pattern will have no reason to exist if blue buttons have fallen out of use. A component with the name “button,” however, will live a longer and more fruitful life, even if its properties change. Why? Because its name describes its function, not how it looks. Article Continues Below. Space Yourself. There’s more to spaces than the key you instinctively hit between words with one of your thumbs.

Space Yourself

Neutraltone/awesome-stock-resources. Typeform. The Printliminator v4. Kirby. 50+ Mock up Bundle - Designs For All Your Needs - The Hive. Presenting your work in a visually appealing manner is not just important – it should be your number 1 rule in your design bible.

50+ Mock up Bundle - Designs For All Your Needs - The Hive

Why? 90% of information transmitted to the brain is visual, and visuals are processed 60,000X faster in the brain than text. Nfidence and Overwhelm. Microsoft Snip : un nouvel outil pour faire des captures d'écran, les annoter et les partager. Microsoft propose un outil pour faire des captures d’écran (Outil Capture), intégré sur tous les PC depuis Windows 7.

Microsoft Snip : un nouvel outil pour faire des captures d'écran, les annoter et les partager

Dypsilon/frontend-dev-bookmarks. Kilimchoi/engineering-blogs.

Responsive

UI + UX. Maquettes et mise en page. Chiffrage. Exemples de sites. Guidelines. Monétisation. Wordpress. WP for begginners. Plugins. Templates. Joomla. A CMS that doesn't mess with your markup. Choosing a CMS Your Organization Will Love. The internet doesn’t exactly lack for advice on how to pick a CMS platform.

Choosing a CMS Your Organization Will Love

Go for the one with the most impressive feature set, advises one expert. Consider the costs of ownership, charges back another. Make sure it produces SEO-optimized pages, warns every SEO consultant everywhere. Unfortunately, picking the right CMS by consulting generic criteria is as effective as studying census data to improve your writing skills. Article Continues Below Experts often readily admit the importance of considering organizational needs in the CMS selection process, but they’re rarely willing to talk about those needs specifically. The curse of enterprise software#section1 A 2012 executive survey revealed that CMS projects are seven times more likely to fail because of internal politics and lack of cultural fit than from a lack of features.

Tools maketh the developer#section2 All developers know that no two CMSes are created equal.

Outils dessin

Illustrations. Contenu, rédaction et éditeurs. Typographie. Couleurs. Photos. Icones et vecteurs. Free Goods for Designer: UI Kits, Icons & Mockups. Graphisme. Mentions légales. Vidéos.

Images dans wp. Maps. Filament Group, Inc., Boston, MA. Posted by Scott on 10/26/2015 At several conferences throughout the past year, I’ve presented a talk called Delivering Responsibly with slight variations and updates each time.

Filament Group, Inc., Boston, MA

The following is a transcript and slides from the last time I gave the presentation, at Fronteers Conference in Amsterdam, October 2015.

Navigation

Tutoriels. Sécurité. Hébergement et nom de domaine. Langages et frameworks. Référencement. Performance et accessibilité. Firebug : une merveille de plus pour Firefox. CSS. CSS 2. Favicon. The Best Web Development Tools You Probably Aren’t Using. As a web developer, you’ll always come across bugs in your code and new development techniques that you think could apply to existing websites.

The Best Web Development Tools You Probably Aren’t Using

Mirroring the digital world in general, websites need to be at the forefront so that they’re the best performing for readers and customers. So it’s your job to make sure your websites do just that. Web development tools can be incredibly handy. They come in all forms, such as browser add-ons and plugins, which can help you to create the best website possible. They make your work more productive and therefore faster, plus they give you access to the latest techniques. You’re probably already using the support provided by the big browsers, like Google Chrome.

CSS Guidelines.

Tests checklist

Compile Less, Sass, CoffeeScript and much more with live browser refreshing. Using Grunt to automate redundant tasks in WordPress development.