background preloader

Screen Sizes

Screen Sizes

http://screensiz.es/phone

Related:  technologies webpartage ~ communication ~ outilsSite responsiveWeb ResponsiveResponsive

Webdesign : idées et ressources pour présenter votre travail Créer le plus beau et le plus efficace webdesign de la Terre entière est une chose, mais réussir à le mettre en scène pour le sublimer en est une autre… Pour vous aider dans votre quête de belles présentations, je vous propose quelques idées inspirées par des portfolios de designers. Ces derniers mois, nous avons pu voir émerger un vrai travail de fond dans les portfolios et les galeries en ce qui concerne la présentation d’un webdesign. En travaillant sur le web, il est difficile et absurde de se constituer un book papier comme pourrait le faire un graphiste print par exemple.

Cinq sites pour faire des nuages de mots Si vous voulez embellir un blogue ou écrire un cv en nuages de mots, voilà 5 services qui vont vous être très utiles. Le nuage de mots est un peu le symbole du web2.0, ça commence a être un peu démodé, mais on aime quand même. Pour ceux qui ne connaissent pas le nuage de mots, c’est une représentation graphique de mots où les mots les plus répétés dans un texte sont les plus gros et les mots les moins répétés sont les plus petits J’ai aussi testé une option freeware logiciel dans ce billet, mais je préfère nettement les versions en ligne. Semble être le plus connu des services, il est rapide, vous pouvez prendre le texte à partir d’un url ou encore d’un texte que vous allez copier. Vous pouvez également mettre le profil d’un utilisateur Delicious pour y voir tous les tags (j’en ai déjà parlé ici

Comprendre le Viewport dans le Web mobile Le Viewport désigne schématiquement la surface de la fenêtre du navigateur. Cependant, la notion de viewport sur un appareil mobile est différente de celle sur un écran de bureau : sur mobile, le navigateur ne dispose pas de "fenêtre" réelle, ni de barres de défilement car tout est prévu pour naviguer de manière tactile. Comprendre la notion de viewport est absolument indispensable dans un projet d'intégration de site web pour tablettes et smartphones, ou dans un esprit d'adaptation "Responsive Web Design". Les différentes surfaces d'un mobile Afin de mieux cerner et exploiter le concept de viewport sur terminaux nomades, il nous faut commencer par maîtriser deux notions de base : la surface réelle et la surface en "pixels CSS" des mobiles. La surface physique

Configurer la fenêtre d'affichage - PageSpeed Insights Cette règle se déclenche lorsque les analyses PageSpeed Insights indiquent que votre page ne spécifie pas de fenêtre d'affichage, ou spécifie une fenêtre d'affichage qui ne s'adapte pas à des appareils différents. Présentation L'affichage d'une page Web sur un appareil mobile est contrôlé par une fenêtre d'affichage.

Web mobile : introduction et glossaire Le Web mobile a depuis longtemps envahi notre quotidien de concepteur de sites web : aujourd'hui, smartphones et tablettes font partie intégrante du parc de périphériques sur lesquels nous jouissons de notre dose quotidienne d'Internet, sur lesquels nous consultons nos sites web préférés, et pestons - à juste titre - lorsque celui-ci ne s'affiche pas correctement. Afin de mieux dégrossir ce vaste sujet, voici une introduction à la conception web mobile sous forme d'un glossaire des principaux termes et d'une double méthodologie pratique. Glossaire Application native Correspond aux logiciels à télécharger que l'on peut trouver sur les boutiques "stores" (AppStore pour Apple, GooglePlay pour Android,…) développés dans un langage spécifique à chaque plateforme : Objective-C pour Apple, Java pour Android, …

Les tendances e-commerce à surveiller - Retour sur Internet Retailer Conference & Exhibition 2013 La semaine dernière se tenait IRCE2013, le plus grand salon e-commerce au monde, à Chicago, et pour une quatrième année consécutive, Adviso y était, à la fois pour prendre le pouls des grandes tendances du commerce en ligne, que pour rencontrer toutes sortes d'entreprises intéressées par le commerce électronique ou fournissant des services à celles-ci. Une fois de plus, des journées remplies de conférences (j'en ai suivi 28), et de rencontres (plus que 28, mais clairement un petit échantillon parmi les… 10 000 personnes présentes. Voici donc mes grands constats, en quelques mots. 1. Utiliser le DNS de Google sur Mac Le géant du moteur de recherche met à disposition ses serveurs DNS (Domaine Name System) gratuitement( ). En général ce service est géré par les fournisseurs d’accès à internet et parfois des sociétés spécialisées. Google considère que ce service n’est pas performant et a donc créé un «DNS» «plus rapide, plus sur et plus fiable». A cela Google promet que ses serveurs DNS assureront une meilleur protection contre les attaques de type Spoofing (usurpation d’adresses IP), ils assurent aussi que son service « donne à l’utilisateur la réponse exacte à la requête formulée par son ordinateur sans que soit pratiqué le moindre blocage, filtrage ou redirection qui pourrait compromettre son expérience de navigation ». Votre fournisseur d’accès à internet (FAI) n’est pas engagé dans la fourniture d’un serveur performant ni ne garantit qu’il est bien configuré, d’où l’émergence de serveur DNS autre que ceux des FAI.

Résolution, tablettes & smartphones Avec une troisième génération d’iPad, Apple a semé le trouble dans les résolutions d’écrans. En effet l’iPad 3 présente un nombre plus élevé de pixels que la majorité des PC avec une taille d’écran divisé par deux. Je propose donc un petit tableau pour essayer de faire le point sur le parc des résolutions d’écrans. Outils Responsive Webdesign - Les Scripts Ces script vous aideront à ne pas vous égarer sur le chemin de la création Web Responsive. Cette liste, personnelle et non exhaustive, vous pemettra de connaitre leur fonction, de savoir où les trouver, comment les installer et surtout comment les utiliser afin que l'élaboration de votre projet se passe dans les meilleures conditions possible. Respond.js De nos jours, tous les navigateurs savent interpréter les spécifications CSS essentielles à l'élaboration de feuille de styles fluides, comme max-width, min-width, etc.

Related:  mllelouhDESIGNOutils pratiquesDesignResponsive DesignoutilsRessources