kalvn's links
Tag cloud
Picture wall
Daily
RSS Feed
  • RSS Feed
  • Daily Feed
  • Weekly Feed
  • Monthly Feed
Filters

Links per page

  • 20 links
  • 50 links
  • 100 links

Filters

Untagged links
61-80 of 4180
85 results tagged html  ✕
Le plugin pour les curieux de la CSS ! – Graphisme & interactivité https://graphism.fr/le-plugin-pour-les-curieux-de-la-css/
16/03/2017 09:51:45

Intéressant même si ça n'apporte pas beaucoup plus que la console web qui est déjà très bien faite pour accéder aux propriétés CSS d'un élément HTML.

CSS HTML plugin chrome extension
Note: HTML5 Templates - Liandri's Links. https://shaar.libox.fr/?yCKvZA
06/02/2017 10:38:25

Quelques sites qui proposent des templates HTML tout faits.

  • https://html5up.net
  • https://freehtml5templates.com
  • https://templated.co
  • https://freehtml5.co
  • http://www.templatemo.com

Sous le coude.

Via https://shaar.libox.fr/?yCKvZA

template HTML
Placeholders are problematic | Adam Silver | UX design, Front-end Engineering and Strategy | London, UK. http://adamsilver.io/articles/placeholders-are-problematic/
20/01/2017 14:40:32

Un bon gros paquet de raison de ne pas utiliser les placeholders.

Je dirais que ça dépend des cas mais effectivement, dans un souci d'utilisabilité, il vaut mieux restreindre leur utilisation au maximum.

placeholder HTML form UX
HTML5 UP! Responsive HTML5 and CSS3 Site Templates https://html5up.net/
14/01/2017 01:41:33

Des templates HTML vraiment sympas.

template HTML skeleton boilerplate starter
wavexx/fgallery: a modern, minimalist javascript photo gallery https://github.com/wavexx/fgallery
09/01/2017 18:55:48

Un outil qui génère une galerie statique sans code côté serveur à partir d'un répertoire d'images.

J'aime assez l'effet qui donne au fond les couleurs dominantes de la photo affichée avec un léger dégradé.

galerie JavaScript client script HTML
10 New Features of HTML 5.1 & How to Use Them IRL - Hongkiat http://www.hongkiat.com/blog/html-5-1-new-features/
04/01/2017 13:24:15

Quelques nouveautés introduites par HTML 5.1.

HTML html51
Alternative Text and Images https://bitsofco.de/alternative-text-and-images/
24/10/2016 13:28:07

Comment utiliser l'attribut "alt" d'une image en HTML selon la nature de l'image.

image HTML alt accessibilité
How to Design Effective Registration Forms - Usersnap Blog http://usersnap.com/blog/registration-forms/
11/10/2016 11:58:28

D'autres bonnes pratiques pour les formulaires d'inscription.

Via https://blog.stephaniewalter.fr/la-semaine-en-pixels-7-octobre-2016/

form good-practice guidelines HTML CSS UI UX
Reframe.js https://dollarshaveclub.github.io/reframe.js/
22/09/2016 12:43:19

Rendre responsive les vidéos et autres iframes.

HTML responsive lib JavaScript
Free & Beautifully Human Online Forms | Typeform https://www.typeform.com/
07/09/2016 11:19:43

Un outil en ligne pour créer des formulaires assez follement ergonomiques.
Ça peut être une bonne source d'inspiration si vous souhaitez améliorer un peu la User Experience de vos développements.

UX ergonomie form HTML UI
Common HTML Validation Problems http://www.htmlhelp.com/tools/validator/problems.html.en
30/08/2016 15:20:46

Je viens juste de découvrir que certains vieux interpréteurs HTML interprètent les caractères HTML ("&" pour "&" par exemple) même s'ils ne sont pas suivis du point virgule.

Du coup ça peut poser de gros soucis si vous incluez des URL contenant "&lang=fr" par exemple où "&lang" sera remplacé par le caractère "⟨".

Je pense qu'il faut être particulièrement vigilant avec les clients mail qui comportent parfois des interpréteurs un peu exotiques.

bug fix newsletter email HTML code
Learn to Code Advanced HTML & CSS http://learn.shayhowe.com/advanced-html-css/
18/08/2016 23:40:33

tl;dr
Un tuto qui a l'air très complet sur le HTML et le CSS. Il y a une version débutant et une version avancée.

tuto HTML CSS
Designing Perfect Text Field: Clarity, Accessibility and User Effort — UX Planet https://uxplanet.org/designing-perfect-text-field-clarity-accessibility-and-user-effort-d03c1e26004b#.6frhoo42z
17/08/2016 14:14:52

Quelques bonnes pratiques UX pour les textbox.

UX good-practice HTML form texte
10 Rules For Efficient Form Design http://babich.biz/10-rules-for-efficient-form-design/
05/08/2016 11:07:25

Encore un article plein de bon sens sur les bonnes pratiques indispensables lorsque l'on met en place un formulaire.

form HTML good-practice UX UI
MarkSheet: a free HTML and CSS tutorial - Free tutorial to learn HTML and CSS http://marksheet.io/
29/07/2016 17:14:27

Un tuto HTML & CSS assez classieux.

tuto HTML CSS
Using SVG | CSS-Tricks https://css-tricks.com/using-svg/
28/07/2016 14:51:13

Comment bien utiliser SVG en HTML / CSS.

SVG CSS HTML guidelines
Design Better Forms — uxdesign.cc – User Experience Design https://uxdesign.cc/design-better-forms-96fadca0f49c#.muket5z0n
08/07/2016 10:19:24

Quelques bonnes pratiques pour la conception de formulaires HTML.

form HTML good-practice UX
GitHub - joshbuchea/HEAD: A list of everything that could go in the <head> of your document https://github.com/joshbuchea/HEAD
31/05/2016 11:28:45

Tout ce qu'il est possible de mettre dans le d'un document HTML.

head HTML metadata charset header
Sending a multi-part email with html and plain text http://kevinjmcmahon.net/articles/22/html-and-plain-text-multipart-email-/
25/02/2016 10:12:29

Un moyen simple d'envoyer 2 emails en 1 en PHP, grâce au Content Type multipart/alternative. Si le client mail du destinataire gère le HTML, c'est cette version qui sera affichée, sinon ce sera la version texte.
Vous me direz qu'aujourd'hui, tous les clients mails gèrent le HTML. C'est vrai mais certains utilisateurs le désactivent volontairement.

Je me fait une copie du code donné en exemple dans l'article :

//specify the email address you are sending to, and the email subject
$email = 'email@example.com';
$subject = 'Email Subject';

//create a boundary for the email. This 
$boundary = uniqid('np');

//headers - specify your from email address and name here
//and specify the boundary for the email
$headers = "MIME-Version: 1.0\r\n";
$headers .= "From: Your Name \r\n";
$headers .= "To: ".$email."\r\n";
$headers .= "Content-Type: multipart/alternative;boundary=" . $boundary . "\r\n";

//here is the content body
$message = "This is a MIME encoded message.";
$message .= "\r\n\r\n--" . $boundary . "\r\n";
$message .= "Content-type: text/plain;charset=utf-8\r\n\r\n";

//Plain text body
$message .= "Hello,\nThis is a text email, the text/plain version.
\n\nRegards,\nYour Name";
$message .= "\r\n\r\n--" . $boundary . "\r\n";
$message .= "Content-type: text/html;charset=utf-8\r\n\r\n";

//Html body
$message .= "
 Hello,
This is a text email, the html version.

Regards,
Your Name";
$message .= "\r\n\r\n--" . $boundary . "--";

//invoke the PHP mail function
mail('', $subject, $message, $headers);
email multipart php HTML texte
placeholder-shown — Can I use... Support tables for HTML5, CSS3, etc - Le Hollandais Volant http://lehollandaisvolant.net/?id=20160213202813
23/02/2016 12:55:02

Changer la couleur du placeholder en CSS. Le support semble très limité pour l'instant.

placeholder CSS HTML
61-80 of 4180
Shaarli - The personal, minimalist, super fast, database-free, bookmarking service by the Shaarli community - Theme by kalvn