background preloader

Skeleton: Beautiful Boilerplate for Responsive, Mobile-Friendly Development

Skeleton: Beautiful Boilerplate for Responsive, Mobile-Friendly Development

http://getskeleton.com/

Related:  ResponsiveWeb DesignChef de Projet WebDEVELOPPEMENT (outils web)

Mise en page « adaptative » ou « réactive » : avantages et inconvénients De plus en plus d'internautes consultent votre site à partir d'un appareil mobile. En même temps, la taille des écrans est de plus en plus variée. Une des façons de répondre à ces nouveaux besoins est de créer une mise en page dite « adaptative » ou « réactive » (« responsive design »). Crème de la Crème - Blog Créer des pages web en HTML et CSS, apprendre la programmation, réaliser un jeu vidéo … Toutes ces pratiques font désormais partie intégrante de ce que doivent maitriser les entreprises, et se révèlent même indispensables aux startups qui doivent être visibles sur le net. Et on a tous envie de savoir s’en servir, du moins les bases, sans forcément passer par une école spécialisée. En effet, sur le CV, ça passe crème et ça peut faire la différence ! C’est pourquoi Crème de la crème vous a fait un petit topo de 5 plateformes qui démocratisent le code en vous apprenant à programmer gratuitement, vous accompagnant de l’initiation totale à la manip’ la plus thug. Un peu de savoir faire technique pour les esprits créatifs.

Agent Personal - La recherche Internet avancée rendue facile Utiliser la puissance des meilleurs moteurs de recherche. Note: En date du 31 janvier 2014, Copernic annonce que Copernic Agent Professional ne sera plus disponible à l'achat à partir du 31 janvier 2014. C'est pourquoi les nouvelles et installations existantes ne seront plus mises à jour. Merci, encore une fois, à tous nos utilisateurs. Recherche web: Utiliser plus de 1000 moteurs de recherches en éliminant les résultats identiques. Gestion des recherches et des résultats: Filtrer, trier et sauvegarder vos résultats de recherche tout en étant capable d'agir sur vos résultats.

11VM Serv - Hébergement gratuit et sans pub une solution d'hebergement gratuit et sans pub pour votre site internet. Des offres d'hébergement qui vous permettre d'héberger gratuitement votre site internet sans frais et sans pub. Nous vous proposons également de réserver votre nom de domaine gratuit en .com .net .org .biz ou .be. Profitez d'offres d'hébergement web proposant un choix d'espace disque de 20Mo, 50Mo, 100MO, 500Mo ou 1Go et jusqu'a 2Go sans pub et au trafic illimité. Keypress – Une bibliothèque javascript pour détecter les touches du clavier Si vous développez des jeux ou des applications un peu avancées en HTML, JS, CSS et que vous souhaitez apporter un contrôle au clavier un peu évolué, alors je vous invite à jeter un oeil à cette bibliothèque JS qui s'appelle Keypress. Pour environ 9kb et sans aucune dépendance, vous serez capables de détecter les touches appuyées par l'internaute, soit à la suite, soit sous la forme d'un combo, et de faire réagir votre application en conséquence. Voici un exemple montrant comment utiliser Keypress pour détecter un combo de touche, puis compter, combien de fois une touche a été appuyée, puis remplir une variable si une séquence de touches (genre Konami code) a été détectée : Ainsi, vos internautes pourront se déplacer au clavier dans votre appli, lancer des actions avec des raccourcis ou s'éclater sur votre jeu avec toutes les combinaisons des touches possibles.

Responsive design : tester facilement votre site sans émulateur Comment voir à quoi ressemble un site en responsive design sur plusieurs écrans, smartphones, tablettes et même téléviseurs ? Voici trois bonnes adresses. Une petite note pour nos amis webdesigners et intégrateurs Web, mais également pour tous les curieux qui s’intéressent à la façon dont sont construits les sites web, et plus particulièrement ceux – de plus en plus nombreux – faisant appel au responsive design. Pour les non initiés, le responsive design est une méthode qui consiste à concevoir les pages d’un site de façon à ce qu’elles s’affichent automatiquement de façon adaptée en fonction du terminal, de la résolution de l’écran, et du navigateur sur lequel elles sont appelées, sans qu’il soit nécessaire de développer plusieurs versions différentes d’un même site. Une méthode qui a ses partisans et ses détracteurs, comme souvent dans les sujets qui passionnent les professionnels du développement web.

5 nouvelles Tendances Webdesign pour 2016 Nils Sköld a partagé dans son article sur Medium 5 tendances actuelles en webdesign pour l’année 2016, illustrées par quelques sites qui méritent vraiment le coup d’oeil ! Comme le dit Nils, bien souvent lorsqu’on lit le titre d’un article sur les dernières tendances en webdesign, on est déçus car la majorité du temps ce sont les tendances de l’année passée qui sont listées ou encore des choses qui n’en sont pas comme l’illustration dans les webdesigns ou l’emploi de typo (sérieusement, ça a existé de tout temps et ça le sera sûrement toujours). Voici donc sans plus ample introduction, 5 tendances webdesign réellement d’actualité pour cette première moitié de 2016 en condensé de l’article de Nils : 1. Le plein écran sans scroller ! Facebook Privacy Basics

Schématiser son modèle économique Je viens de lire le livre de Alexan­der Oster­wal­der et Yves Pigneur, Busi­ness Model Gene­ra­tion. J’ai trouvé leur cane­vas très inté­res­sant et facile à uti­li­ser pour tous ceux qui cherchent à créer un modèle éco­no­mique per­ti­nent et ori­gi­nal. Je vous pro­pose donc de reprendre les points prin­ci­paux qu’ils déve­loppent dans le cha­pitre 1, inti­tulé logi­que­ment “busi­ness model canvas”.

Jardin Zen CSS : La beauté de la conception CSS Alors, de quoi s'agit-il ? Il faut sans cesse montrer la puissance de CSS. Le Jardin Zen vise à exciter, inspirer et encourager la participation. Une API pour générer de faux profils utilisateurs Une API pour générer de faux profils utilisateurs Si vous cherchez à remplir votre site de test avec de faux profils utilisateurs, si vous cherchez l'inspiration pour remplir vos maquettes, ou si vous voulez disparaitre et refaire votre vie sous un nouveau nom sachez qu'il existe RandomUser, une API qui fournit de manière totalement aléatoire des profils utilisateurs. Pour le moment, ces profils sont assez simples et comportent les informations suivantes : Sexe, nom, prénom, adresse postale, adresse email, mot de passe, hash MD5 de ce mot de passe, numéro de téléphone, numéro de sécu, photo et pseudo (appelé aussi "seed" qui est un genre d'ID permettant de retrouver ce profil) . Voici un exemple de JSON retourné :

Responsive Images – L'arrivée de srcset Le gros problème du Responsive Web Design tient probablement dans la gestion des ressources chargées et utilisées sur une page web, utiles à notre terminal et adaptées à notre écran ou notre fenêtre de consultation. Stéphanie nous en parlait déjà avec Responsive Webdesign - présent et futur de l'adaptation mobile. Je vous avais parlé l'an dernier de l'annonce du moteur WebKit (12 août 2013) concernant son support de l'attribut srcset ; c'est aujourd'hui Google qui publie la version 34.0.1847.116 (retenez 34, ça suffira) de son navigateur Chrome (qui est passé sous moteur Blink, fork récent de WebKit). Parmi les mises à jour, on retrouve les corrections de sécurité habituelles, mais également la prise en charge partielle de l'attribut srcset pour les éléments images <img>.

Related:  Responsive + FluidResponsiveLayoutResponsive Web DesignResponsive Web DesignCSS FrameworksFramework RWDFrameworks responsiveFrameworksframeworksFrameworksHTML Framework