Web 71 ressources en ligne Haut de page Schnaps.it, le générateur de template HTML5 Alsacréations est fier de vous annoncer la naissance de Schnaps.it, notre nouvel… Rendu par défaut des éléments HTML Outil conçu par Julien Royer, permettant d'observer les différences de rendu par… MobileHTML5 MobileHTML est un tableau de compatibilité récapitulatif à destination des plate-formes… ReformedApp Chronophage, redondant et fastidieux... Coder vos formulaires à la main vous… Initializr Initializr vous permet de générer un template HTML5 basé sur HTML5 Boilerplate.… HTML5Please HTML5Please est un récapitulatif clair et bien organisé listant les différentes… HTML5 Boilerplate HTML5 Boilerplate est un gabarit HTML5 et CSS3 contenant toutes les bonnes pratiques… HTML5Rocks Diaporama des nouveautés HTML5, tutoriels pas à pas, et exemples en ligne. Haut de page Accessibilité Haut de page Tanaguru Contrast-Finder Un outil de plus pour vérifier si les couleurs sont accessibles ? Développement Haut de page Web
Tendances web et design 2013, actualités web 2013, innovations web L’année 2013 a finalement eu lieu apportant avec elle, toute une panoplie de tendances, y compris webdesign, qui changeront le paysage digital, cher à nos cœurs. Après une analyse des évolutions qu’a connu le webdesign en 2012, on arrive à dresser un portrait des différents styles qui seront les stars de 2013. Cet article vous met au parfum des nouveautés, en présentant les 7 tendances à connaître absolument pour marquer l’année 2013 avec style. 1- Du responsive et encore du responsive Ce fût la grande révolution webdesign de 2012. En 2013, le tour est venu pour les écrans de télévisions, qu’il faudra intégrer dans cette liste de supports, parce qu’ils risquent de devenir des outils 2.0 indispensables au e-commerce. Toujours plus de formats, mais aussi de variantes. 2- Flat design ou skeumorphisme Deux termes à l’apparence excentrique, qui nécessitent une introduction. Le skeumorphisme est un néologisme que beaucoup croisent quotidiennement, sans le savoir. 3- Le contenu est roi
Rally Interactive 30 Beautiful Mobile App Websites for Design Inspiration Mobile apps often have a dedicated website or landing page for informing site visitors about the app’s features. This site also presents a great opportunity to gain more users and for getting the app seen and recognized by more people. Whether you’re in need of inspiration for your mobile app’s website design or simply want to look at well-designed websites in general, take a peep at the sites featured here. Hy Starmatic iTrackMyTime EyeEm Hipstamatic NOTE’d Wedding Party Cheddar Kutoto dcovery ParkBud Authentic Jobs iPhone app Overgram Appetites dribbblr Everest Mailbox Banca Saver Over Telly blip.me Panik Flight Card Sipp Timehop FiftyThree Bloodnote Analytiks Daypack Need More Mobile App Website Design Inspiration? Here’s a list of other content you can read for even more inspiration for your mobile app web design: Author: Jacob Gube
Initializr: With Great Templates Comes Great Responsivity! | @verekia's blog Today I'm proud to announce that a "Responsive template" is now available on Initializr! It will help you dealing with all the various devices used to display your site. Mobiles, tablets, netbooks, laptops, desktop monitors, HUGE desktop monitors... Making your site work correctly on all these devices is a real nightmare. Well guess what? This nightmare is... absolutely not over! About responsive web design For those who have been living in a cave for the last few months (understand: for those who have a life and don’t spend days reading tweets and blogs) you probably need a short update about what a "responsive" design is. To design a responsive layout, we have to forget about the usual static 960px width layouts and go fluid with percentage widths and media queries. A fluid layout with percentage widths The first thing our page needs is a "fluid" layout. Mobile-first approach media queries The mobile view Here is the very simple mobile display of the responsive template. The wide view
Le Responsive Web Design. La nouvelle tendance en 2013 Selon Wikipédia , la définition du Responsive Web design est la suivante : « … regroupe différents principes et technologies qui forment une approche de conception de sites Web dans laquelle un site est conçu pour offrir au visiteur une expérience de consultation optimale facilitant la lecture et la navigation. L'utilisateur peut ainsi consulter le même site Web à travers une large gamme d'appareils (moniteurs d'ordinateur, Smartphones, tablettes, TV, etc.) ». Le Responsive design suppose qu’en utilisant HTML et CSS, on développe une interface unique s’adaptant à toutes les résolutions d'écran, de sorte que le site créé soit accessible depuis tous les appareils. Marcotte définit trois éléments techniques pour le responsive design: Fluid grid (grille de fluide): au lieu de pixels il fait utiliser les pourcentages pour définir la largeur des colonnes ou divs. Des nombreux avantages au RWD Les inconvénients de la conception de sites RWD Quelques exemples ! TodoMVC British Vogue Modern Green Tilde
we are type Following (1) Running on Cargo Virtual Water - Discover how much WATER we EAT everyday The good news is that each one of us can also make the world a little more water secure, ready to face the needs of our peak population future. How? The answer lies in our shopping baskets. The amount of meat in our diet is crucial! The type of meat we consume is crucial! The food we waste is crucial! So, do not forget: one meat-free-day a week choose meat raised on grass do not waste food
Initializr - Start an HTML5 Boilerplate project in 15 seconds! Tendances du webdesign 2013 : qu’en pensent les pros du web ? Pour prendre la température du web à venir, rien de tel que de poser quelques questions à des bloggeurs, webdesigners, développeurs, entrepreneurs, bref les pros qui font et feront le web de demain. Découvrez comment la communauté prévoit l’année 2013 du webdesign. Apprendre grâce à la communauté : c’est un des aspects particuliers qui donne toute sa puissance aux acteurs du web. D’où l’idée de vous proposer ce très gros article participatif qui rassemble des interviews de professionnels du web reconnus. 1. Même si les réponses peuvent paraître évidentes vous allez voir que chacun dans sa sensibilité, son activité, ses compétences va y trouver une réponse propre. Fabio Sasso (Interview ajoutée le 2 mai 2013) Fondateur du site Abduzeedo, spécialisé dans le design graphique et le webdesign. Site : Abduzeedo.com – Twitter : @abduzeedo 1. À mon avis, 2012 était l’année où le responsive design a été adopté massivement par la communauté. 2. 3. Le web évolue et s’adapte à l’environnement mobile.
Responsive Design: One Design for Each Job: Not Enough! The responsive approach begins to make it's way, users appreciate the advantages, designers and developers around the world support it. If we're lucky enough to meet a client who wants to produce his or her site with this technology, we should be happy because we have the opportunity to work on a modern project. But we must also be concerned that when working on a good responsive project, work is harder and it's hard to convince a customer to pay more for a responsive site than for a normal site. We can push the client to pay more if they propose to develop a dedicated mobile site or application for iPad, but this isn't our case. Responsive Design: A hard job ahead If we think we can complete a responsive project working only with media-queries, grids and flexible images, we're only doing half the job, and definitely not a great job! The Challenge We need to think responsive starting from the concept, without fear of what awaits us, without limiting our creativity. Barack Obama's Website