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. Réaliser FACILEMENT mon site internet - SOLUTIONS MICRO : CONSEIL et ASSISTANCE à MAITRISE D'OUVRAGE, FORMATION, en INFORMATIQUE et sur INTERNET Dans le domaine de la création de sites Internet, de nouveaux outils plus simples sont apparus. Ils permettent de réaliser avec succès la création de son propre site Internet soi-même et à un coût accessible. Ils sont de plus bien souvent accompagnés de modèles modifiables ce qui permet de lever la difficulté de la réalisation graphique. Ce stage vise à vous permettre de prendre pied sur Internet et à banaliser l'utilisation de ce nouveau milieu. Afin de réaliser ou faire évoluer le site web de votre entreprise, il s’agit d’apprendre à : utiliser un de ces outils de création de site : Jimdo, déjà utilisé par plus de 8 millions de créateurs de sites préparer les éléments nécessaires, le mettre en ligne.

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

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 : Guide pour créer un site web professionnel rapidement - Verisign 19 nov. 2015 Démarrer un site internet est une bonne tactique pour les TPE et les entrepreneurs qui cherchent à gagner en visibilité pour leur marque. Entre autres avantages, c’est un excellent outil marketing et cela permet à vos clients de facilement trouver des informations sur vos produits et services. Mais comme l’ensemble des personnes qui gèrent leur propre affaire, vous êtes très occupé et vous avez 1001 choses à faire : Dès lors comment trouver le temps pour vous consacrer à l’énorme tâche que représente la création d’un site internet et de sa mise à jour en continu ?

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. 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.

5 compétences à aiguiser pour réussir sur le Web Votre décision est prise : aujourd’hui, vous lancez votre entreprise sur le Web. Tout d’abord, permettez-nous de vous féliciter pour cette courageuse initiative. Entreprendre dans le monde digital vous apportera énormément, autant d’un point de vue personnel que professionnel. Si de nouvelles portes s’ouvrent devant vous, il est important de bien vous préparer avant de les enfoncer.

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

Related:  OutilsMobilesWeb\(-_-)/Bildschirm / Browser Auflösung & Testing Online Web AppsWebprogramm ToolsPersonal toolsTestingEmulateursUser Experience - Mockupresponsive browser emulatorsprogrammingHERRAMIENTASMobile EmulatorsTestseiten für Handys