background preloader

Webdesign

Facebook Twitter

35 Free Time-Saving Web Apps for Web Designers from 2016 - Speckyboy Design Magazine. All released this year, each of these free web-based apps offers a time-saving solution to many of the web design tasks you will need to perform from time to time.

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

Without ever having to install anything, all you have to do is bookmark and save them for that day when they will be called upon. Some of these tiny time-savers will help to manage the performance budget of a project, organize code snippets, create professional design briefs, generate CSS animations, or even give detailed stats about CSS stylesheets. 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 The contributor was obviously extremely new to Git and GitHub and just the small change was well out of their comfort zone, so when I asked for the changes to adhere to the way the project works, it all kind of fell apart.

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

Let’s find out what other space characters there are, what their heritage is, and how they can be useful today. 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

Le petit logiciel va plus loin qu’une simple pression de la touche « Imprim Écran », puis qu’il permet de choisir (plus ou moins précisément) la zone de la capture d’écran. On peut également encadrer des zones sur les captures effectuées avant de les enregistrer. 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.

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. Today I’m going to talk about delivering fast, resilient, accessible sites.

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.