Appward's Field Guide to Web Apps. Case Studies of Web Apps in the Wild Power Users Rejoice Javascript enables us to offer keyboard shortcuts for navigating The Picture Page. Using the left and right arrow keys or the emergent convention of the J and K keys to move forward and backward through the photos makes browsing easy and reduces the distraction of finding the mouse while taking in the imagery. Arrows are hidden when not in use, so as not to obscure the current image. Using the HTML5 <progress> tag, we can semantically demonstrate the visitor's progression through the photo album.
The Picture Page is a perfect example of the kind of site that doesn't need a ground-up reconstruction for the app era. As-is, it's an elegant, visually stunning, and beloved website, so we apply the available enhancements offered by HTML5 where appropriate, leveraging the site's existing affordances with up-to-date techniques and technologies to present a Picture that's even better and Bigger. Working Off the Grid with HTML5 Offline. Introduction When your web browser was tied to your desktop, there was never really a time that you couldn't get an Internet connection whenever you wanted to. With the significant increase in the ability to access the web on mobile devices — first on laptops, then phones and now tablet devices, it is now easier to access your data and your apps wherever you go.
Or is it? This article was written on a train from London to Liverpool. The train has Wifi, I have a 3G data card, yet I am still never fully connected. Besides, many online tools today can't handle this intermediate state of connectivity properly. So how do we solve this problem? Cache your assets Users are conditioned to not enter a URL when they are not online because they know they will get an error page. You should build your application to present a consistent UI to your users so that even if they are offline, they can still see and use some of your application. Detecting network connectivity AppCache error event XMLHttpRequest. An Introduction To CSS3 Keyframe Animations. Advertisement By now you’ve probably heard at least something about animation in CSS3 using keyframe-based syntax. The CSS3 animations module1 in the specification has been around for a couple of years now, and it has the potential to become a big part of Web design.
Using CSS3 keyframe animations, developers can create smooth, maintainable animations that perform relatively well and that don’t require reams of scripting. It’s just another way that CSS3 is helping to solve a real-world problem in an elegant manner. If you haven’t yet started learning the syntax for CSS3 animations, here’s your chance to prepare for when this part of the CSS3 spec moves past the working draft2 stage. In this article, we’ll cover all the important parts of the syntax, and we’ll fill you in on browser support so that you’ll know when to start using it. A Simple Animated Landscape Scene (NOTE: Versions of Safari prior to 5.1 have a bug that prevents the animation from finishing correctly. The @keyframes At-Rule.
Pricing. Réutiliser. Directive sur le respect des droits de propriété intellectuelle. All You Need to Know About the HTML5 Data Attribute. The HTML5 data attribute lets you assign custom data to an element. This article looks at how to use it and provides examples of when it would be ideally used. Prior to HTML5 we had to rely on using 'class' or 'rel' attributes to store little snippets of data that we could use in our websites.
This sometimes led to problems and could cause conflicts between the styling and functionality of websites. The advent of HTML5 introduced a new attribute known as 'data'. In this article I'm going to be looking at some examples of how we would use this attribute as well as how it should be used correctly. As websites are becoming more data driven and app-like, they are starting to hold more data about specific elements. The above markup is perfectly acceptable but sometimes we might want to store more information about each track other than the source. The W3C specification for data-attributes states that: In another quick tip we can also see how it is used as part of the markup for a tooltip. [Association Chamaliéroise pour la Promotion de l'Informatique]
Tarifs. Accueil > Hébergement > Tarifs Les tarifs ci-dessous sont ceux applicables aux coopérateurs (rappel : est coopérateur Ouvaton toute personne physique ou morale ayant acquis une part, au moins, de la société : 16 euros). L’objectif de la grille tarifaire est d’être au plus proche de ce que vous consommez. L’offre tarifaire d’Ouvaton est modulable et il vous suffit de la composer en fonction de vos besoins. L’offre d’Ouvaton est une offre mutualisée reposant sur les composants logiciels Apache, PHP 5, MySQL (MariaDB). Plaque de base : 25 €/an La plaque de base comprend les éléments suivants : 1 Go pour vos sites et bases SQL [1] 1 Go pour vos mails et listes de diffusion 1 base SQL (MariaDB) 50 Go de trafic Web par mois 1 domaine de listes de diffusion 3 gestions de domaines (à acquérir auprès d’un registrar) possibilité de création de sous-domaines de *.ouvaton.org Options additionnels : Dépassements de volumes : dépassement de trafic mensuel : 1,5 euro le Go facturation au ko.
MediaWiki. Eléments pour la réforme du droit d’auteur et des politiques culturelles liées. Après le rejet du traité ACTA par le parlement européen, une période s’ouvre dans laquelle il sera possible, si nous nous en donnons les moyens, d’installer un nouveau cadre réglementaire et politique pour l’ère numérique. Un grand nombre de citoyens et de députés européens adhèrent au projet de réformer le droit d’auteur et le copyright. Le but de cette réforme est que chacun d’entre nous puisse tirer tous les bénéfices de l’ère numérique qu’il s’agisse de s’engager dans des activités créatives ou d’expression publique, ou d’en partager les produits. Dans les mois et années qui viennent, les questions clés seront : quels sont les vrais défis de cette réforme ? Comment y faire face ? Ce texte, disponible en français et anglais, fournit une réponse à la première question et un ensemble cohérent de propositions pour aborder la seconde.
Ces propositions portent sur la réforme du droit d’auteur et du copyright, mais aussi sur les politiques liées en matière de culture et de médias. 1. 2. Auto édition : conseils. Laws of Software Development. Français: Informatique: Internet: Conception et développement: Hébergement: Associatif. Garradin. Licences Creative Commons: comment ca marche et pourquoi tous les artistes devraient les utiliser. Une explication simple sous forme de BD a propos des licences Creative Commons; comment ça marche et pourquoi tous les artistes devraient les utiliser. J’avais déja parlé de pourquoi une société libre d’emprunter et de construire sur le passé est culturellement plus riche qu’une autre (le “piratage” favorisait la créativite culturelle).
Les licences libres de type creative commons donnent un cadre légal au partage et favorise la diffusion et la créativité. Une introduction aux licences libres que je voulais publier depuis longtemps, ça y est c’est fait. Ceci est la traduction en français d’une création originale de Creative Commons, . Images publiées sous licence creative commons et traduites par Philippe Daigremont: Les licences creative commons comment ca marche Plus d’informations sur les creative commons Pirater Toc-Arts ?
100 outils en ligne pour stimuler votre créativité.
Ressources web-dev (tutos, articles, ...)