J’y travaillais depuis un moment et j’ai réussi à le mettre en place sur tous les styles que je propose; quand les écrans ont une largeur en pixels faible, le menu disparaît complètement et laisse toute sa place au contenu du site. Bien entendu, dans ce cas, en haut de l’écran apparaît un bouton « Voir [...]
J’ai mis en place un nouveau style; avec des effets nouveaux (grossissements au survol de la souris, création de flèches qui s’animent pour les bulles) et tout cela uniquement en modifiant l’aspect (le fichier CSS) sans modifier la structure du site (les fichiers HTML et PHP). Pour cela, j’ai usé des nouvelles possibilités offertes par [...]
Le style « metro » est toujours en chantier. Ce jour, j’ai mis en ligne une nouvelle version de ce style. L’idée est de coller au mieux au style de Windows Phone. Pour les petits écrans, seuls les icônes apparaissent (en réalité le texte du contenu est placé sous le menu), mais pour les grands écrans, les [...]
Va savoir comment les idées nous viennent. Ça m’est venu la nuit, un moment sans sommeil, j’ai eu l’idée de faire un style inspiré de « Metro » la couche pour téléphone de Microsoft pour Windows 8. Le plan était de remplacer les menus, sous-menus et sous-sous-menu par des icônes sur fond coloré plus du texte pour [...]
Dans un soucis de rapidité de chargement (principalement pour les tablettes et téléphones en Wifi ou en Bluetooth), j’ai retravaillé le style « léger » en réduisant au maximum le code et les images et je l’ai appelé « light ». Le dossier complet est passé de 218 Ko à 6,18 Ko; c’est balèze; et il est toujours adapté [...]
Pour l’optimisation de mon site, j’ai minimisé les différents fichiers.CSS avec « cleancss.com » un site en ligne. Ses gros avantages sont, dans le désordre; ses 3 langues dont le français, sa simplicité enfantine: un copier-coller du code, quelques réglages, un clic et c’est fait! Pour ma part j’ai fait plusieurs essais avec des compressions et des [...]
Mise à jour du CSS pour le style « transparences » par défaut. Il y avait un problème avec Chrome qui gère différemment les blancs entre </li> et <li>; cela provoquait un décalage différent entre les titres du menu et rendait celui-ci incompréhensible. Pour les pros, cela se nomme « Le problème white-space ». J’ai trouvé la soluce dans l’excellent site d’Alsacréation à cette page: [...]
Mises à jour des différents thèmes disponibles Principale innovation: un menu déroulant pour les grands écrans (genre ordi de bureau ou tablette en horizontale) qui se modifie automatiquement pour les petits écrans (genre tablette en verticale ou téléphone). Mauvaise surprise lors des essais sur tablette, Android ne semble pas gérer les ombres… ça sert à quoi que [...]
Eh oui, c’est comme cela en 2011, le mec il est sur sa terrasse (à l’ombre biscotte les reflets sur l’écran), il pianote sur sa tablette sous Androïd, il est administrateur de son blog sous WordPress, et il essaie d’écrire et d’envoyer un nouvel article en étant connecté en Wifi. Je ne sais pas si [...]
J’ai réussi à assembler mes 2 styles préférés en un seul que j’ai nommé « Par défaut ». Bien entendu, il est adapté pour les tablettes et téléphones et devient donc universel. Dans la partie blog, vous n’aurez plus le choix du style! En 2 mots, j’ai ajouté une condition: @media only screen and (max-device-width:640px), only screen and [...]