background preloader

Web

Facebook Twitter

Responsive design

Thomas Byttebier - The best icon is a text label. Previously I wrote about clarity being the most important characteristic of a great interface. Let’s talk about icons now. They’re an essential part of many user interfaces. The thing is: more often than not, they break clarity. Pictograms have been in use since the early days of mankind. They are often seen as the first expressions of a written language. Some non-literate cultures still use them today as their main medium of written communication. In many public spaces, they’re used for wayfinding. Icons soon became popular in user interface design too. Of course I can see why icons grew popular in user interfaces. Moreover, an icon can often replace a long descriptive group of words.

(Unclear icons remind me of this funny graphic someone posted on Twitter recently: I guess Ron got frustrated by all these unreadable washing icons…) And I have more bad news: users will avoid interface elements they cannot understand. A later version made tweeting much more obvious: Make Your Images Interactive - ThingLink. Balsamiq. Rapid, effective and fun wireframing software.

Référencement Joomla : Checklist SEO pour Joomla - Alpha Design. Votre petit wiki personnel en local. Votre petit wiki personnel en local Si vous cherchez un outil pour écrire vos pensées, vos recettes, vos docs techniques ou vos histoires, avez-vous songé au format wiki ? Celui-ci permet une mise en page simple et efficace et surtout une création de pages à la volée, ce qui facilite le découpage de votre contenu. Seulement, voilà, pour disposer d'un bon wiki, il faut un serveur ou au moins quelques compétences techniques pour le mettre en place sur sa machine.

Ce n'est pas très compliqué, mais ça peut prendre un peu de temps. Du coup, si vous n'avez pas de grands projets collaboratifs et que c'est juste pour vous et votre plaisir personnel, voici un petit soft nommé Scribbleton, disponible pour Windows, OSX et Linux qui va vous permettre de maintenir un petit wiki personnel en local sur votre machine, très facilement.

C'est un outil très simple, qui permet simplement de créer des pages et de les lier entre elles. Source Vous avez aimé cet article ? PPP™.pdf - PPP™.pdf. User Onboarding | A frequently-updated compendium of web app first-run experiences. Générateur Lorem Ipsum en alsacien. Open Web Analytics. Piwik - Statistiques. It can be hard to keep track of all the features that Piwik has to offer. To find out if Piwik is the right web analytics tool for you, check out this ever-expanding list of features. Web Analytics Features All standard statistics reports: top keywords and search engines, websites, top page URLs, page titles, user countries, providers, operating system, browser marketshare, screen resolution, desktop VS mobile, engagement (time on site, pages per visit, repeated visits), top campaigns, custom variables, top entry/exit pages, downloaded files, and many more, classified into four main analytics report categories – Visitors, Actions, Referrers, Goals/e-Commerce (30+ reports).

See Tour of Piwik. Real time data updatesWatch real time flow of visits to your website. Get a detailed view of your visitors, pages they have visited and goals they have triggered. Administration Options More Goodness! Tracking API Supports pages encoded in unicode (for example, UTF-8) but also supports all other charsets. ChimpFeedr RSS Feed Aggregator - Feed the Chimp. Modernizr: the feature detection library for HTML5/CSS3. Wireframing en ligne. 12 extensions Firefox pour le développeur web - Extensions Mozilla. Continuons notre "Sélection Framasoft des meilleures extensions Firefox".

Après "15 extensions pour le surfeur intensif" et avant "20 extensions pour ne plus quitter Firefox", voici "12 extensions pour le développeur web" Firefox ne permet en effet pas seulement de surfer sur le web, il permet aussi de manipuler les informations qu’on y trouve. Si Firebug et Webdevelopper sont des incontournables, nous vous conseillons aussi de jeter un oeil (pas trop fort, ça fait mal) sur des extensions comme ProfileSwitcher ou GreaseMonkey, qui pourraient bien changer votre quotidien de développeur web. Firebug et FirePHPAmi(e) développeur web, si tu devais partir sur une ile déserte avec une seule extension, ce serait probablement celle-là ! D’un appui sur la touche F11, vous pouvez inspecter le code d’une page web, y ajouter des éléments, en modifier les CSS, vérifier les en-têtes HTTP, comparer les temps de chargements des différents éléments qui la compose (textes, CSS, images, etc).

CSS3 scroll effects. CSS3 Drop Shadows Generator - Application. Bac à sable HTML - CSS - Javascript...