background preloader

Screenfly / Test Your Website at Different Screen Resolutions

Screenfly / Test Your Website at Different Screen Resolutions

http://quirktools.com/screenfly/

Related:  Développement/Ergonomie

10 Astuces CSS pour vous sauver la vie ! #2 Après un premier article présentant 10 astuces à connaître pour éviter de s’arracher les cheveux sur du CSS, voici la suite toujours aussi utile ! A première vue, le CSS est un langage, voire un « format », facile et rapidement assimilable. Seulement, il y a de nombreuses subtilités à connaître avant de maîtriser entièrement le duo xHTML/CSS. Cacher un ordinateur sur le réseau local Si vous vous baladez de wifi public en wifi public, vous avez probablement remarqué que vous pouvez voir les noms des machines des autres personnes connectées à ce réseaux, voir même explorer les répertoires que ces derniers ont partagés sur le réseau. Amusant non ? Mais si vous le faites, d'autres pourrez aussi le faire avec votre ordinateur... Sous Mac par exemple, le nom par défaut de l'ordi est "Mac de Martin Dupond"... Si avec ça vous n'êtes pas grillé...surtout si vous n'avez rien à faire sur ce réseau. Bref...

Plaidoyer pour l'ergonomie des interfaces numériques. Qu’est ce qu’une interface numérique ? Avec le multimédia, l’homme invente de nouvelles interfaces permettant des interactions toujours plus abouties avec la machine. L’interface homme-machine est la couche entre ces deux entités par laquelle ont lieu ces interactions. On peut trouver sans problèmes d’autres formes d’interfaces, mais la relation qui va nous intéresser ici est la relation homme-machine. Le GUI – graphical user interface – est la première interface graphique. Prepros Prepros est un "environnement de travail" (workflow) graphique destiné aux projets d'intégrations HTML et CSS basés sur des préprocesseurs tels que LESS, Sass/Compass et Stylus. Ce logiciel est OpenSource (licence MIT), disponible sur Windows et Mac, gratuit dans sa version de base (largement suffisante), et offre de nombreuses fonctionnalités d'optimisations et d'automatisations. Compilation des préprocesseurs

Des applications d’autoédition pour le tourisme Le fournisseur technologique Fo-Design développe des solutions d’autoédition numérique pour les professionnels du tourisme, à commencer par des institutionnels. Fo-Design est "l’équipementier" éditorial de plusieurs comités départementaux du tourisme (CDT). Son produit-phare, Ed’it Média, permet de concevoir seul des documents, qu’ils soient destinés à être imprimés ou diffusés sur Internet via des tablettes et des smartphones. "Nous supprimons les nombreux allers-retours avec l’agence de communication", explique Philippe Chemla, directeur associé. "Nous avons préparé des gabarits. Le département ou l'entreprise exporte des données depuis son système d’information, gère la mise en page, puis crée le PDF.

Optimiser les images Brève introduction Pourquoi cette page ? Les pages trop lourde, c'est ennuyeux et on a tendance à les zapper. Quoi de plus con qu'une petite page avec une image de fond de 3Mo ? Réduire la poids des pages web permet : Importez les Google Fonts sur votre ordinateur Si vous souhaitez récupérer les Google fonts (police de caractères) pour les utiliser directement sur votre ordinateur (avec Word ou Photoshop par exemple,et pas seulement en appel direct dans vos pages web), vous avez 2 solutions : La méthode "petit bourdon" qui consiste à vous rendre sur ce site, à faire votre sélection, à les ajouter à votre sélection et à cliquer sur le lien "Download your collection" pour récupérer un zip avec les polices de votre choix.La méthode "gros bourrin" qui consiste à vous rendre sur ce site et à utiliser un aspirateur web comme HTTrack ou wget pour tout récupérer d'un coup (y'en a pour 700 mo). Je vous aurai bien fait l'archive direct mais j'ai une connexion pourrie aujourd'hui donc j'ai la flemme. Une fois les .ttf récupérés, il vous suffira alors de les copier dans votre répertoire "fonts" sur votre ordinateur et vous aurez alors toutes les polices proposées par Google en local sur votre ordi ! [Source] Suivez KorbenUn jour ça vous sauvera la vie..

Google veut démocratiser le Material Design sur le Web Google a publié un ensemble d'outils permettant aux développeurs Web d'adopter les codes de Material Design sur leurs sites Internet. A l'occasion de la conférence I/O 2014, Google introduisait une toute nouvelle interface utilisateur pour son système Android. En reprenant les codes du flat design, la firme de Mountain View s'alignait alors sur les stratégies de Microsoft et d'Apple. Google souhaite désormais démocratiser Material Design sur le Web avec un nouveau framework baptisé Material Design Lite.

Comment coupler plusieurs connexions Internet pour avoir plus de débit J'avais déjà imaginé un truc comme ça, et on m'avait toujours dit : "Ce n'est pas possible". Et je trouvais ça tellement dommage... Et vl'a ti pas que je tombe sur ce logiciel baptisé Connectify Dispatch qui permet de coupler plusieurs connexions internet pour profiter d'un débit plus grand. Effectivement, de manière native, aucun OS ne sait faire ça. Livre blanc Le Bon Coin spécial location de vacances - Le Mag Homeloc Aujourd’hui, nous sommes heureux de vous annoncer la sortie d’un livre blanc Le Bon Coin dédié à la location de vacances ! En effet, après avoir passé du temps au téléphone avec beaucoup de propriétaires inscrits sur Homeloc, nous avons pu constater à quel point Le Bon Coin est un site important pour nombre d’entre-vous. Au cours des discussions, nous avons remarqué que tout le monde n’utilisait pas Le Bon Coin de la même manière pour sa location de vacances. Seulement, nous avons réalisé qu’il était très souvent possible d’améliorer vos annonces existante afin de faire plus de réservation et de gagner plus d’argent.

Bien optimiser vos images pour le web J’ai choisi d’illustrer cet article avec la carte “Gorille de Beringeï” 3e édition bords noirs du jeu “Magic The Gathering” pour faire plaisir à mon grand frère ainsi qu’au parrain de ma fille, à Quentin et à Romain. Le rapport poids /qualité Nous sommes nombreux à publier des images régulièrement sur les internets. Sur les réseaux sociaux (Facebook, Twitter, Instagram, Google +…) on ne se pose même pas la question du format et de la compression, ils s’occupent de tout. D’ailleurs, Facebook est fréquemment critiqué pour son algorithme de traitement des images trop destructeur. Mais lorsque vous publiez sur votre blog ou votre site internet, c’est vous qui avez la main.

Convertir une image en CSS Si vous pratiquez l'envoi de newsletters dans lesquelles vous avez mis des images, vous avez peut être remarqué que la plupart des webmails et clients mails bloquaient les images. Gmail, Yahoo!, Hotmail, c'est toujours à vous d'autoriser l'affichage des images dans les emails. Le brief créatif L’objectif du brief créatif est d’identifier le besoin client, les objectifs de l’objet graphique et la problématique à laquelle il doit répondre. Prévoir de 30 à 60 minutes environ. L’idéal est de le réaliser en direct avec le client mais on peut également le faire par téléphone. 1- Prérequis pour réaliser le brief créatif - Chiffrage et périmètre du projet réalisé - Être accompagné du chef de projet - Avoir préparé le brief en ayant lu les éléments dont on dispose déjà : expression du besoin / cahier des charges, communications, identité de marque, chartes… Un benchmark préalable peut être profitable pour suggérer des idées au client durant le brief.2- Qui est le client ? 9- Les contraintes

Sublime Text 2 pour le dev web : config, trucs et astuces Pourquoi cet article ? J'écris cet article parce qu'autant ST peut être extrêmement puissant et confortable, autant son installation par défaut (ST « nu », si vous voulez) n'en laisse pas paraître grand chose… La sidebar est totalement dénuée d'options utiles au clic droit, on n'a pas de transpose, etc. Et même ses fonctions natives puissantes, comme le Go To Anything, la Command Palette ou les Layouts, sont souvent bien peu utilisés, ou sous-employés.

Related:  MobilesWeb\(-_-)/Bildschirm / Browser Auflösung & Testing Online Web AppsWebprogramm ToolsPersonal toolsEmulateursUser Experience - Mockupresponsive browser emulatorsWorkinternet toolsTesting WebMobile EmulatorsTestseiten für Handys