background preloader

Responsinator

Responsinator

http://www.responsinator.com/

Related:  Développement Ebooks (Epub3, APPs, HTML5, JAVASCRIPT)Responsiveboite à outilsStructures esthétiques (HTML, CSS, Jquery...)Webdesign / Graphisme

Exemples d'applications Web La plateforme Tizen prend en charge les applications web modernes qui utilisent les dernières technologies web. Les exemples suivants sont fournis comme des exemples d'applications mobiles « réel ». Ils illustrent des techniques standard, communes dans les applications web mobiles. La source est fournie dans les liens ci-dessous. Ces applications ne sont pas prévues pour être des exemples de la manière d'utiliser les API Tizen. 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.

25 astuces pour maîtriser Excel Microsoft Excel est sans doute le logiciel le plus complexe de la suite Microsoft Office. Il est assez simple à prendre en main pour créer des tableaux. Mais des astuces existent pour profiter des très, très nombreuses fonctionnalités du logiciel. Nous avons rassemblé 25 astuces pour maîtriser Excel, des raccourcis clavier spécifiques à la gestion des tableaux croisés dynamiques.

Développer une application web HTML5 Il y a 3 ans sur twitter, un certain Christian Heilmann, évangéliste web chez Mozilla, nous avait donné la clé pour comprendre HTML5: « HTML5, c’est passer des pages statiques aux applications web et des bidouilles aux solutions » Dans cet article, nous allons redécouvrir comment développer une application web HTML5 à travers une série d’exemples et de conseils. Bien démarrer avec HTML5 Commençons par une page HTML5 avec le minimum vital :

Personnaliser les couleurs d'une Map Google - Core-Techs Google Maps permet pas mal de petites choses notamment de modifier l’ensemble du thème de ce dernier. Cela permet donc d’avoir votre carte aux couleurs de votre site, avec votre style, simplifiée ou non, etc… Pour le faire de manière simple il existe divers outils web. Le principal est celui de Google qui permet d’aller très loin dans la personnalisation ( sinon une alternative est d’utiliser Google Maps Colorizr ( qui semble plus abordable. Autre possibilité de personnalisation, qui permet via leur api d’encapsuler sur votre site une map qui intègre des informations touristiques. Sinon pour aller plus loin avec Google Maps c’est ici :

Créez votre application mobile en HTML5, CSS3 et Javascript Vous avez decidé de vous lancer dans la création d'une application compatible mobile, et vous êtes maintenant face à un épineux problème : que choisir entre application native et application web . Les deux ont quelques avantages et de nombreux inconvénients. Les applications natives ont l'avantage d'être présentent dans les shops respectifs de leur plateforme (google play ou apple store), et peuvent exploiter à fond la puissance des téléphones : accès aux données internes telles que le répertoire, la caméra, et les mouvements pour les terminaux compatibles. Malheureusement, ces applications sont aussi très chères : langage de développement spécifique par plateforme, ce qui fait que l'application doit être faite deux fois, tout comme les modifications et la maintenance. Les applications Web, de leur côté, sont bien moins chères, multiplateforme, et ont l'avantage d'être mise à jour sans intervention de l'utilisateur.

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

▶ La Liste Complète des Agences à Paris [Mis à Jour] Les Agences à Paris : recherche de stage, recherche d’emploi ou recherche de prestataire : voici la liste des Agences Web et Agences marketing et communication à Paris. Ayant moi-même souvent recherché des consultants, prestataires et agences spécialisées dans ces domaines, je donne donc accès à cette base de données des agences conseil, agences de communication, agences web, agences médias et agences marketing à Paris. Cette liste est incomplète, cela me semble évident mais elle vous fera néanmoins sans doute gagner du temps. Ajoutez vos contributions dans les commentaires afin de compléter ensemble cet annuaire des agences à Paris.

Animations pleine page avec CSS - IEBlog Français Depuis la version 9, Internet Explorer prend en charge les transformations 2D CSS. Internet Explorer 10 Developer Preview étend cette prise en charge aux transformations 3D CSS et aux animations CSS. En exploitant la puissance du processeur graphique et en lançant une exécution asynchrone par rapport au code JavaScript standard, ces fonctionnalités d'IE10 offrent une solution plus performante et plus flexible que les animations traditionnelles des contenus Web, généralement basées sur des scripts.

Related:  Responsive DesignVeille technologiqueVeille technologiqueResponsive Web DesignWEB Mobileà classeroutilsResponsive web design & media queriesOutils WebresponsiveToolsDiseño web