background preloader

Outils

Facebook Twitter

Specking, le plug-in de mesures sous Photoshop. Avoir un PSD propre, clair, bien rangé et surtout prêt à être intégré. Un rêve de développeur front-end, plus que réalisable si il travaille avec un bon webdesigner. Pour caresser votre dev’ dans le sens du poil et lui faire gagner du temps, découvrez Specking. Specking, mesures et spécifications de conception Grâce au plug-in Specking, vous allez pouvoir préparer au mieux votre PSD pour l’intégration pixel-perfect, en ajoutant facilement et rapidement des annotations sur vos éléments. En tant qu’intégrateur, vous savez comme il est long et fastidieux de mesurer des marges, des largeurs de blocs et de chercher des propriétés de polices dans un PSD.

Les principales fonctions du plug-in : Créer des mesures et des spécifications de conception en un seul clicMesurer n’importe quelle taille (largeur / hauteur), les marges et les propriétés typographiques de votre maquette. Mesurer les tailles des blocs (largeur / hauteur) : Mesurer les distances (margin / padding) : Spécification typographiques : OrangeBox - DavidPaulHamilton.net. Expressions régulières - Tutoriaux, php, astuces. CKEditor.com | The best web text editor for everyone. Envoyer des mails simplement avec PHP. PHP Mailer est une classe PHP facilitant la génération et l'envoi d'e-mails. Nous allons vous expliquer où trouver cette classe , comment la configurer et enfin, comment l'utiliser avec des exemples à l'appui.

L'installation de PHP Mailer est assez simple. Il faut dézipper le fichier dans le répertoire racine de votre serveur Web référencé par la variable DocumentRoot dans le fichier de configuration d'Apache (httpd.conf). Sur Linux, même procédure que pour windows gunzip phpmailer.tar.gz tar -xf phpmailer.tar Lorsque les fichiers ont été décompressés, vous pouvez les inclure dans vos scripts php via la fonction include Note: pour tout type d'inclusion, quelle que soit la plateforme, je vous conseille d'utiliser des slash "/" plutôt que des "\". IV-A. Avec PHP Mailer, il y a deux méthodes pour envoyer des e-mails. La méthode SMTP permettant de se connecter à un serveur de mail distant La méthode "mail" lorsque le serveur de mail est local IV-B. IV-C. Mail Sendmail Qmail VI-A. <?

VI-B. CSS3 Drop Shadows Generator - Application. Exemples - fr. MySQL Workbench 5.2. MySQL Workbench is a unified visual tool for database architects, developers, and DBAs. MySQL Workbench provides data modeling, SQL development, and comprehensive administration tools for server configuration, user administration, backup, and much more. MySQL Workbench is available on Windows, Linux and Mac OS X. Design MySQL Workbench enables a DBA, developer, or data architect to visually design, model, generate, and manage databases.

It includes everything a data modeler needs for creating complex ER models, forward and reverse engineering, and also delivers key features for performing difficult change management and documentation tasks that normally require much time and effort.Learn More » Develop MySQL Workbench delivers visual tools for creating, executing, and optimizing SQL queries. Administer MySQL Workbench provides a visual console to easily administer MySQL environments and gain better visibility into databases.

Visual Performance Dashboard Database Migration. Basic Set. JpGraph - Most powerful PHP-driven charts. Download MySQL Workbench. WampServer, la plate-forme de développement Web sous Windows - Apache, MySQL, PHP. Font2Web - Your Online Font Converter Converting .ttf and .otf to .woff, .eot and.svg. Mind Mapping Software - Create Mind Maps online.

PXtoEM.com: PX to EM conversion made simple. Schémas. Alerti : votre outil de veille et de gestion de la e-Réputation. AdSense – Augmentez les revenus générés par votre contenu en ligne. Your campaign has been scheduled for immediate delivery | Campaign Monitor. Tendances des recherches. Analyseur de pages Web - Alyze. Rencontrez le développeur de Awesome Screenshot Plus - Capture, Annotate & More.

WebPagetest - Website Performance and Optimization Test. CSS-Tricks. Foundation: The Most Advanced Responsive Front-end Framework from ZURB. Bootstrap.

Crazy Egg – Visualize where your visitors click. Over 200,000 businesses Convert Better with Crazy Egg, The Original Heatmapping Technology A heatmap is an easy way to understand what users want, care about and do on your site by visually representing their clicks - which are the strongest indicators of visitor motivation and desire. A Crazy Egg heatmap lets you collect more than 88% of the data you would using a traditional eye-tracking process. At a fraction of the price. With no hardware. Almost no IT involvement. Because Google Analytics & Site Catalyst Leave Questions Unanswered, Trust Crazy Egg Visualizations to Help You Understand Your Users. Wouldn't you like to fill in the gaps left by analytics… without A/B testing every little assumption… and without breaking the bank on in-lab usability studies?

Heat Maps: At a glance, see the hotspots on each page - so you know what to change, preserve or delete "Do our users think they can click greyed out buttons? " Click-Tracking Overlays: Find a hot spot? Scroll Maps: jQuery TOOLS - The missing UI library for the Web. Nivo Slider - The world's most awesome jQuery & WordPress Image Slider. jQuery & WordPress Image Slider The Nivo Slider is world renowned as the most beautiful and easy to use slider on the market. The jQuery plugin is completely free and totally open source, and there is literally no better way to make your website look totally stunning. If you don’t believe us, check out the list of features below and you soon will. Beautiful Transition Effects The Nivo Slider makes displaying your gallery of images a beautiful experience, by using amazing transition effects ranging from slicing and sliding to fading and folding.

Simple and Flexible Setup The Nivo Slider was designed to be as simple to setup and use as it could possibly be. Small, Semantic & Responsive The Nivo Slider is also designed to have as small an impact as possible on your page load times, so the packed version only weighs 15kb. Free to Use & Abuse The Nivo Slider jQuery plugin is open source and released under the MIT license. Powerful & Simple Slider Creation Multiple Slider Types Slider Themes. Rlightbox – a jQuery UI mediabox. Table of Content Announcement rlightbox development is discontinued at the moment. Maybe If I have more time and feel like it I will resume the work on the project. Anyway I encourage you to share it, fork it and whaterver you feel like. But please – respect the licence. News February 4, 2012 – new 1.1.1 point release fixes issue #5 October 14, 2011 – new stable version 1.1 has been released.

About rlightbox is a jQuery UI mediabox that can display many types of content such as images, YouTube and Vimeo videos. Features Sets Set is a group of images, Youtube, Vimeo, or Flash swf videos, or a mix of them all. YouTube support rlightbox supports playing YouTube videos. Vimeo support rlightbox supports playing Vimeo videos. Flash swf video support rlightbox also supports playing standard swf videos. Panorama Panorama is a way to display part of a full-sized image on the screen. Panorama mode is available when the icon with four arrows pops up at the top left corner of the widget. Live Re-size Examples. Modernizr: the feature detection library for HTML5/CSS3. Cheat Sheet Generator and Cheat Sheet Repository - Cheatography.com.

Ultimate CSS Gradient Generator - ColorZilla.com. HTML5 & CSS3 Web Design. Php-mobile-detect - The lightweight PHP class for detecting mobile devices (including tablets) Adaptive Images in HTML. Revised Font Stack | A Way Back. Serious efforts are being made to get more typeface choices on the web to enhance web typography. Still, most of us prefer web-safe fonts like: Verdana, Georgia, Times New Roman and Arial. Though choices are limited, yet the number can be increased by exploring other pre-installed fonts. “… font stacks are ultimately design factors, and should be scrutinized as such.”

—Nathan Ford, Better CSS font stacks Baskerville, Garamond and Palatino have already been used a few times to create font-stacks that inspire. I’ve selected 10 popular typefaces, serif and sans-serif, each from the survey. MicrosoftTahoma, Verdana, Segoe, sans-serif;Microsoft.com will be (in most cases) rendered in Verdana on Mac, and in Tahoma on Windows. Times New RomanIf we look at the above snapshots taken from Sushi & Robots’ about page, we will find that Palatino and Georgia have different x-height (and weight) than Baskerville and Garamond. --- Gridmaker v3 --- Check My Colours - Analyse the color contrast of your web pages. nColor v2.1 : Un sélecteur de couleurs permettant des comparaisons entre visions standard et daltoniennes.

Designers Toolbox. Inspecteur - Testez votre page - Opquast Reporting. Merging Realities: Skeuomorphic Design Infographic. Auditory skeuomorph This type of skeuomorphism can be easily illustrated with audio effect that imitates that sound of the camera shutter while you are taking pictures with your cell phone. You know that there is no mechanical shutter in your device but it does exactly the same sound like its real life analogue. Visual skeuomorph Visual skeuomorphism refers to using various textures (wooden, metallic, paper etc.) which will emulate design of things from the real world. Skeuomorph design stands between minimalistic and functionally-oriented designs. Spoke patterns Various spoke patterns in automobile hubcaps and wheels resembling earlier wheel construction (wooden spokes or wire spokes).

Leather grain Artificial leather grain on items that traditionally used leather but now use plastics, such as car dashboards and books. Nonfunctional pockets Nonfunctional pockets in clothing. Cork textures Cigarettes with the paper around their filter printed to look like cork. Flame-shaped light bulbs Familiarity. Gridpak - The Responsive grid generator. Downloads- 978 Grid System for Web Design. Introduction Welcome to 978.gs. This website is owned and operated by Brothers Roloff, LLC. By visiting our website and accessing the information, resources, services, products, and tools we provide, you understand and agree to accept and adhere to the following terms and conditions as stated in this policy (hereafter referred to as 'User Agreement').

This agreement is in effect as of Jan 22, 2011. We reserve the right to change this User Agreement from time to time without notice. Responsible Use and Conduct By visiting our website and accessing the information, resources, services, products, and tools we provide for you, either directly or indirectly (hereafter referred to as 'Resources'), you agree to use these Resources only for the purposes intended as permitted by (a) the terms of this User Agreement, and (b) applicable laws, regulations and generally accepted online practices or guidelines. Wherein, you understand that: a. B. C. D. E. F. G. H. I. Limitation of Warranties Governing Law. The Grid System. 1200px Grid System. Writing efficient CSS selectors. 17 September, 2011 Efficient CSS is not a new topic, nor one that I really need to cover, but it’s something I’m really interested in and have been keeping an eye on more and more since working at Sky.

A lot of people forget, or simply don’t realise, that CSS can be both performant and non-performant. This can be easily forgiven however when you realise just how little you can, err, realise, non-performant CSS. These rules only really apply to high performance websites where speed is a feature, and 1000s of DOM elements can appear on any given page. But best practice is best practice, and it doesn’t matter whether you’re building the next Facebook, or a site for the local decorator, it’s always good to know… CSS selectors CSS selectors will not be new to most of us, the more basic selectors are type (e.g. div), ID (e.g. More uncommon ones include basic pseudo-classes (e.g. ID, e.g. Quoted from Even Faster Websites by Steve Souders N.B. Combining selectors Now, we read these left-to-right. But. GroundworkCSS ♥ A Responsive HTML5, CSS & Javascript Framework.

Browserhacks. TextWrangler. TextWrangler TextWrangler is an all-purpose text and code editor for Mac OS X, based on the same award-winning technology as BBEdit, our leading professional HTML and text editor. We will be eventually retiring TextWrangler from our product line, and so we encourage anyone interested in TextWrangler to download and use BBEdit instead. We’ve put together a handy chart comparing BBEdit and TextWrangler, to help you out. Should I upgrade to BBEdit? BBEdit is TextWrangler’s elder sibling. A better free alternative BBEdit offers a 30-day evaluation period, during which its full feature set is available. After the evaluation period, BBEdit provides a modified set of features, which incorporates all of TextWrangler's features, and offers unique features of its own.

How do I get BBEdit? Download BBEdit here. If you already have BBEdit and would like to update to the latest version, please go to our updates page. How do I get TextWrangler? Download TextWrangler here. TextWrangler System Requirements. Polices à télécharger. Handpicked free fonts for graphic designers with commercial-use licenses. | Font Squirrel. Unicorn. Can I use... Support tables for HTML5, CSS3, etc. Service de validation CSS du W3C. The W3C Markup Validation Service.