Emma Fabre Anahkiasen

Redesign de mon portfolio

J'ai je l'avoue une habitude assez superficielle — et peut-être partagée par d'autres dans ma profession — quand je commence à m'adresser à quelqu'un qui fait mon métier, la première chose que je fais c'est cliquer sur le lien de leur site. Je jette un œil aux sources, et de là la critique vient vite. Ce n'est pas logique je l'avoue car même moi qui suit très au courant de tous les bons codes et pratiques en terme de webdesign, je n'ai pas toujours encore le temps ou les moyens de tout mettre en œuvre. Mais certaines choses ne passent pas, comme les sites qui lient treize feuilles CSS et douze Javascript; du code non sémantique bourré de tirs croisés entre présentation et contenu; des designs soit ni fluides, ni reponsive, soient pseudo-proclamés mobile-friendly mais qui balancent à l'utilisateur des pages de 24 mégas.

Le double-tranchant c'est que d'autres s'adonnent aussi à cela et que dans des discussions houleuses, mon portfolio personnel donnait une bien triste image de

De liens, flux et fièvres

Dans ma branche il y a tout un tas de choses qui font que l'on distingue quelqu'un qui fait bien son travail de quelqu'un qui le bâcle. Le respect des normes et standards, la réusabilité du code, la prise en compte de l'accessibilité, et j'en passe. Mais par dessus tout ce qui prévaut c'est la volonté et la capacité à se mettre-à-jour soi-même. C'est cette qualité qui fait que les gens qui sont considérés très bons dans leur domaine à l'heure actuelle le seront encore dans dix ans — et croyez-moi c'est plus rare qu'on ne le pense.

Dans ma boîte j'ai un collègue qu'on a pendant un temps voulu former pour qu'il puisse en cas de besoin me relayer sur des projets ou de me préparer le terrain. Il était très motivé, alors on a demandé à un formateur de venir l'instruire. Il s'est pointé avec son petit livre Site du Zéro sous le bras, et après deux trois cours il a de son côté demandé à voir ma méthodologie et les langages utilisés. Quand il

	<?php
	class Foobar
	{
	public static function foo()
	{
	exit('foo');
	}
	}

	$test = new Foobar();

	$list-networks : facebook twitter;
	$list-networks-colors : #3b5998k #00a0d1;

	@function color-of($social-network) {
	$key: index($list-networks, $social-network);
	@return nth($list-networks-colors, $key);
	}

	.icon-block {
	@each $network in $list-networks {

	<?php

	//////////////////////////////////////////////////////////////////////
	//////////////////////// METHODOLOGIE SEPARÉE ////////////////////////
	//////////////////////////////////////////////////////////////////////

	// app/controllers/UsersController --------------------------------- /

	class UsersController
	{

	<?xml version="1.0" encoding="UTF-8"?>
	<opml version="1.0">
	<!-- OPML generated by Fever -->
	<head><title>Fever</title></head>
	<body>
	<outline text="Kindling">
	<outline type="rss" text=".chez kek." title=".chez kek." xmlUrl="http://blog.zanorg.com/rss/fil_rss.xml" htmlUrl="http://blog.zanorg.com/"/>
	<outline type="rss" text=".net" title=".net" xmlUrl="http://feeds.feedburner.com/net/topstories" htmlUrl="http://www.netmagazine.com"/>
	<outline type="rss" text="// hicksdesign - journal" title="// hicksdesign - journal" xmlUrl="http://hicksdesign.co.uk/feeds/rss/" htmlUrl="http://hicksdesign.co.uk/journal/"/>
	<outline type="rss" text="24 ways" title="24 ways" xmlUrl="http://feeds.feedburner.com/24ways" htmlUrl="http://24ways.org/"/>

	<?php

	// Si on passe les dépendances manuellement

	class HTML
	{
	function __construct(URL $url)
	{
	$this->url = $url;
	}

	<?php

	// Les instances en temps normal
	//////////////////////////////////////////////////////////////////////

	// En PHP, quand on a une classe non-statique, il faut d'abord l'instancier
	// en faisant `new MyClass`. On place cette instance dans une variable, ensuite
	// on appelle les méthodes sur la variables, comme ceci :

	$elastica = new Elastica\Client('123456789');

	<?php
	/**
	* Object-oriented wrapper for CURL
	*/
	class Curl
	{
	/**
	* The internal CURL instance
	*
	* @var resource

	// ----
	// Sass (v3.3.0.rc.2)
	// Compass (v1.0.0.alpha.17)
	// ----

	@import "compass";
	$debug-browser-support: true;

	body {
	@include box-sizing(border-box);