background preloader

Créez votre application mobile en HTML5, CSS3 et Javascript

Créez votre application mobile en HTML5, CSS3 et Javascript
Related:  Développement Ebooks (Epub3, APPs, HTML5, JAVASCRIPT)WEBdesign

Exemples d'applications Web | Tizen Developers 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. Pour des documents précis et des exemples des API Tizen et autres nouvelles fonctionnalités HTML5, reportez-vous à la Documentation du SDK Tizen. Mise en route avec les exemples d'applications Web Voir dans Google Chrome Les échantillons de web app, comme beaucoup d'applications web, peuvent être exécutés par le déballage de la source dans un répertoire et d'utiliser un navigateur pour accéder à leur fichier de contenu principal (par exemple index.html). Exécuter et déboguer à l'aide du SDK Tizen Exemples d'applications Web Annexe Flashcards

Easy WordPress Parallax Slider As the name describes, Easy WordPress Parallax Slider is most easy parallax slider using CSS3 and jQuery. You can create unlimited parallex slider with different settings for each slider, it support the shortcode so you can show this anywhere using the shortcode. Features: Multiple Sliders.Drag n drop admin.Touch enabled slider for mobiles.500+ Google fonts.Generate shortcode and do shortcode functionality.Different background and css for every slider.Option for heading, caption and link for every slide.Flexible CSS and support for custom class.Separate CSS settings for heading, content and read ore link .Upload images with wordpress media uploder.You can set the slide change the interval.Every slide have its own settings such as text colors, image position etc.Customize the navigation and pager colors.. Easy WordPress Parallax Slider Demo For bootstrap shortcodes, check our plugin Easy Bootstrap Shortcodes Want to implement responsive tabs to your pages, check this Easy Responsive Tabs

Faq | Adobe PhoneGap Build Have a question about Adobe® PhoneGap™ Build? Check out our FAQ below. We’ll be adding to this FAQ regularly, so if you have questions that need answering, please ask us. What is the PhoneGap Build service and how is it different from PhoneGap? PhoneGap is a mobile application development framework, based upon the open source Apache Cordova project. It allows you to write an app once with HTML, CSS and JavaScript, and then deploy it to a wide range of mobile devices without losing the features of a native app. How do I get started with PhoneGap Build? Simply upload your web assets - a ZIP file of HTML, CSS and JavaScript, or a single index.html file - to PhoneGap Build, point us to your Git or SVN repository. Do I need to install anything before I use PhoneGap Build? No! What about developer accounts and SDKs? No! What do I do with my app when I get it back from PhoneGap Build? It depends on the platform that you're targeting. Can I build for iPhone? Yes! Yes! Yes!

20 jQuery Plugins for Scrolling Effects When it comes to designing and developing a website, web developers can’t underestimate the importance of a website scrolling. Nowadays designers are taking it up as a challenge and making website scrolling visually effective and eye catching for the visitors. For helping developers there are myriad of jquery scroll plugins are available which helps them to create certain scrolling effects which engage users with background reveals, element animation, and many more eye catching effects based on page scroll position. In this article I have gathered 20 jQuery Plugins that would help you to create outstanding scrolling effects for your websites. 1. One Page Scroll, a jQuery plugin, simplifies creating such websites so easy.It requires minimal setup, just create your HTML structure, call the function and you are ready-to-go. 2. Scrolld.js is a unique open source plugin for jQuery. 3. AnimateScroll is a simple jQuery plugin for adding easing effects to scrolling. 4. 5. 7. 8. jQuery Stick ‘em

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 : un doctype HTML5 sur la première ligne : à ne pas oublier sous peine de faire basculer votre navigateur dans un mode de compatibilité dégradéune balise meta UTF-8 à insérer en premier dans la partie « head » de votre document pour éviter les problèmes d’encoding <! Afin d’uniformiser les rendus entre navigateurs, vous pouvez inclure la librairie normalize.css qui ajoute les styles de base ce qui vous évitera bien des surprises. Utilisez la console JavaScript Construire une page de login pour votre application <! Microdata

WEB DESIGN - 30 magnifiques sites pour vous insiprer ! Voici une sélection de 30 sites web au design sophistiqué et attrayant que nous avons mis en avant dans cet article afin de vous inspirer dans vos prochaines créations web. Quand pensez-vous ? Responsinator

Scalable Web Design I can remember a time when pretty much everyone designed websites for an 800×600 screen resolution, but (thankfully) those days are long gone. Smart watches and 4k displays are pushing resolutions at both ends of the spectrum, and even more devices fill the gaps between, such as desktops, tablets, phones, and gaming consoles. In parallel, the density of pixels is increasing, too. Designing for a single screen resolution is dead. How can a web designer create sites that work on the devices of today and tomorrow? We’ve Been Here Before Fortunately, Responsive Web Design (RWD) came at just the right time and has since become the de facto solution for building modern websites. RWD solves the problem of device sizes, but some devices have a 1x pixel ratio, some are at 2x, still others are at 1.5x, and who knows what else. Screensiz.es provides tables of information about popular hardware devices. Once again, web designers are faced with a new rabbit hole of questions with fuzzy answers.

Tout ce qu’il faut savoir pour réaliser des jeux HTML5 avec Canvas et SVG - David Rousset - HTML5 & Gaming Technical Evangelist Au sommaire : - Canvas et SVG : 2 façons de dessiner à l’écran - Les librairies et les outils utiles - Les frameworks de jeux - Les tutoriaux pour démarrer - Des exemples de réalisations en ligne et des retours d’expérience Je passe mon temps ces derniers temps à expliquer en boucle comment faire des jeux en HTML5 à des étudiants, des passionnées, des professionnels voire même à des profs. Plutôt que garder cela en petit comité, je me suis donc dit qu’il serait plus intelligent de structurer tout cela et d’en faire un billet sur mon blog. Mais au fait pourquoi faire des jeux en HTML5 ? Tout simplement parce qu’aujourd’hui, on peut vraiment se servir du HTML5 pour faire du multiplateformes : pour les machines de bureau bien sûr (avec IE9/IE10, Firefox, Chrome, Opera & Safari), pour les tablettes ou téléphone iOS & Android et pour finir pour Windows 8 qui vous accueille désormais à bras ouvert ! Note : on ne parlera ici que de jeux utilisant la balise Canvas d’HTML5 ou SVG. Graphismes

Related: