Shaare your links…
407 links
Liens · Devenet Home Login RSS feed Tags cloud
2 of 2
newer ►
28 results for tags html x
  • Should your email validator be that complex? → http://developers.livechatinc.com/blog/should-your-email-validator-be-that-complex/
    J'en suis arrivé à plus moins la même conclusion : simplifier la vérification d'emails.
    Le but n'est pas d'être sûr à 100% que l'email entré est valide (il peut-être respecté le format mais il n'est pas attribué, on est donc plus avancé...), mais de faire en sorte que l'utilisateur évite de se tromper lors de l'écriture de son email.
    Et puis avec les nouvelles extensions, il serait contre-productif de tenir une liste à jour...
    Fri Jan 9 14:34:27 2015 – #permalink
    développement html
  • L’histoire des User-Agents - Le Hollandais Volant → http://lehollandaisvolant.net/?d=2013/03/10/12/53/35-lhistoire-des-user-agents
    Au commencement (1992) il y avait le navigateur NCSA Mosaic. Mosaic s’identifiait comme NCSA_Mosaic/2.0 (Windows 3.1). Il affichait les images en plus du texte et tout le monde était très heureux.

    Peu de temps après arriva un nouveau navigateur appelé « Mozilla », raccourcissement de « Mosaic Killer ». Mais Mosaic n’était pas du tout amusé et Mozilla a dû changer de nom pour « Netscape », et Netscape s’identifia comme Mozilla/1.0 (Win3.1) et tout le monde était à nouveau très heureux.
    Mais Netscape supportait l’affichage de frames (cadres HTML), et les frames devinrent très populaire, mais Mosaic ne supportait pas les frames et donc naquit la pratique de la détection de l’user-agent, et les sites web envoyaient les frames à Mozilla et ne les envoyaient pas aux autres.

    Et Netscape se dit « moquons nous un peu de Microsoft et faisons référence à Windows comme un "pilote pour matériel mal débuggé" ». Microsoft était furieux, et Microsoft conçu son propre navigateur qu’ils appelèrent Internet Explorer, en espérant qu’il deviendrait un « Netscape Killer ». Internet Explorer supportait les frames, mais il n’était pas Mozilla donc les sites ne lui donnait pas les frames.
    Microsoft s’impatienta et ne voulu pas attendre que les webmasters mettent à jour leur site et du coup Internet Explorer, étant en fin de compte « compatible Mozilla », se fit passer pour Mozilla et s’identifia comme Mozilla/1.22 (compatible; MSIE 2.0; Windows 95), et Internet Explorer recevait bien les frames, et Microsoft était content, mais les webmasters assez confus.

    Et Microsoft vendit IE avec Windows, et le rendit mieux que Netscape, et ce fut la guerre pour qui avait le meilleur navigateur. Et finalement, Netscape mourut et Microsoft était vraiment très heureux.

    Mais Netscape ressuscita en tant que Mozilla, et Mozilla construit Gecko, et Mozilla s’identifia comme Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.1) Gecko/20020826 et Gecko était le moteur de rendu des pages, et Gecko était bon. Mozilla devint finalement Firefox et se nomma Mozilla/5.0 (Windows; U; Windows NT 5.1; sv-SE; rv:1.7.5) Gecko/20041108 Firefox/1.0 et Firefox était très bon. Et Gecko était repris par d’autres navigateurs qui se nommèrent par exemple Mozilla/5.0 (Macintosh; U; PPC Mac OS X Mach-O; en-US; rv:1.7.2) Gecko/20040825 Camino/0.8.1 pour l’un ou Mozilla/5.0 (Windows; U; Windows NT 5.1; de; rv:1.8.1.8) Gecko/20071008 SeaMonkey/1.0 l’autre. Et chacun d’eux prétendaient être compatibles Mozilla et tous tournaient sur Gecko.

    Et Gecko était bon, et IE ne l’était pas et la détection de l’user-agent renaissait, et Gecko recevait le bon code et les autres navigateurs ne le recevaient pas. Mais les utilisateurs de Linux étaient bien tristes car ils avaient construit Konqueror, dont le moteur de rendu était KHTML, et qu’ils pensaient être aussi bon que Gecko mais n’était pas Gecko, et ne recevait donc pas les bonnes pages.
    Konqueror déclara être « comme Gecko » puis pour avoir les bonnes pages, il s’identifia comme Mozilla/5.0 (compatible; Konqueror/3.2; FreeBSD) (KHTML, like Gecko) et il y avait beaucoup de confusion…

    Puis Opera déclara « nous devrions laisser le choix à l’utilisateur concernant le navigateurs dont il doit prendre le nom ! » et Opera créa un menu de choix et Opera s’identifia comme Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; en) Opera 9.51 ou Mozilla/5.0 (Windows NT 6.0; U; en; rv:1.8.1) Gecko/20061208 Firefox/2.0.0 Opera 9.51 ou Opera/9.51 (Windows NT 5.1; U; en) selon le choix fait par l’utilisateur.

    C’est alors qu’Apple construit Safari, et repris KHTML en ajoutant plein de bonnes choses, et repris finalement le projet tout entier et l’appela WebKit, mais voulurent quand même les pages écrites pour KHTML, et donc Safari se nommait Mozilla/5.0 (Macintosh; U; PPC Mac OS X; de-de) AppleWebKit/85.7 (KHTML, like Gecko) Safari/85.5 et la confusion était encore plus grande.

    Entre temps Microsoft avait très peur de Firefox et Internet Explorer revint devant et se nommait alors Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.0) et il affichait le bon code… Mais seulement si les Webmasters le décidaient…

    Et enfin Google construit Chrome, et Chrome utilisait WebKit et il était comme Safari et voulait les pages destinées à Safari et donc s’identifia comme Safari. Donc Chrome utilisait Webkit, en prétendant être Safari, et WebKit prétendait être KHTML, ce dernier s’affichait être comme Gecko et tous les navigateurs se faisaient passer pour Mozilla… Chrome se nomma Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US) AppleWebKit/525.13 (KHTML, like Gecko) Chrome/0.2.149.27 Safari/525.13 et l’user-agent était devenu une gros foutoir pratiquement inutile, et tout le monde prétendait être tous les autres et la confusion était à son comble…
    Thu Oct 2 20:56:32 2014 – #permalink
    html internet web
  • Le guide complet pour centrer en css → http://putaindecode.fr/posts/css/le-guide-complet-pour-centrer-en-css/
    Centrer en css, c’est la base, et parfois, ce n’est pas si simple. Ce guide vous servira donc pour vous lister les techniques les plus connues pour réaliser ce fameux effet centré.
    Tue Sep 23 15:59:31 2014 – #permalink
    astuce css html memo ressource
  • HTML5 UP! Responsive HTML5 and CSS3 Site Templates → http://html5up.net/
    Templates HTML5/CSS3 pas mal, et sous Creative Commons !
    Wed Aug 6 11:02:29 2014 – #permalink
    html ressource web
  • Type Quest: l'OpenType en CSS - Alsacreations → http://www.alsacreations.com/outils/lire/1637-type-quest-css-opentype-typographie.html
    Avec les avancées en CSS, il est possible d'utiliser de plus en plus de fonctionnalités typographiques du format OpenType en CSS, de quoi ravir les amateurs de jolies typographies.

    Aujourd'hui je vous propose donc de découvrir le site Type Quest, une ressource en ligne qui vous permettra de transposer toutes les capacités des polices Open Type directement en CSS avec la propriété font-feature : ligatures, fractions, nombres, petites capitales, exposant, indice...
    Wed Jul 9 20:30:29 2014 – #permalink
    css html ressource
  • [HTML] Quand SVG n'est pas pris en compte - Liens en vrac de Tiger-222 - Liens en vrac de sebsauvage → http://sebsauvage.net/links/?YYTTDg
    Petite astuce pour faire un callback PNG quand le navigateur n'est pas capable d'interpréter le SVG.
    <img src="logo.svg" onerror="this.src = 'logo.png';" alt="logo" width="140" height="140"/>
    Wed Jun 18 12:08:08 2014 – #permalink
    astuce html svg
  • Votre site web est obèse → http://davidl.fr/blog/site-obese.html
    Techniques pour réduire le chargement des pages d'un site web.
    On retrouve gzip, cache, png optim, et des conseils css, js & dom.

    Par exemple :
    button {
       border: 2px solid transparent;
    }
    button:hover {
       border-color: red;
    }
    est plus efficace que :
    button:hover {
       border: 2px solid red;
       margin: -2px;
    }
    Thu May 22 22:29:04 2014 – #permalink
    astuce design développement html ressource
  • Table des caractères Unicode (2000-2FFF) — Wikipédia → http://fr.wikipedia.org/wiki/Table_des_caract%C3%A8res_Unicode_(2000-2FFF)
    Tables des caractères (spéciaux) HTML pour afficher sur une page web.

    Edit : il y a aussi http://character-code.com/ !
    Mon Apr 7 23:04:20 2014 – #permalink
    html ressource
2 of 2
newer ►
Shaarli by sebsauvage
Shaarli-Theme by Nicolas based on idleman theme