background preloader

Adapter un site pour les Smartphones

Adapter un site pour les Smartphones
Une version spéciale Smartphone et plus largement handheld (petit écran) est une étape qui peut être compliquée à envisager. Heureusement, les standards du Web offrent quelques armes fort bienvenues et efficaces pour la franchir. Après tout, présenter un site en 480*320 pixels n’est jamais... qu’un style alternatif. Si votre structure XHTML est suffisamment robuste - je vous invite à (re)lire avoir plusieurs présentations alternatives -, préparer et développer une version Smartphone pour votre site sera d’autant plus aisé. Néanmoins, quelques écueils techniques peuvent se présenter... et le facteur temps peut vous obliger à faire quelques choix. Voyons quelques points afin de comprendre les tenants et les aboutissants de la création d’une version Smartphone ! Attention : cet article traite uniquement de l’adaptation d’un design à une version pour Smartphone, et non de développement de sites totalement dédiés aux mobiles. Quelques informations et bons réflexes Principales recommandations :

Accessible Open Source Content Management System OSSIR : Accueil Blackboard Brings LMS App to iPhone Blackboard Brings LMS App to iPhone Ed tech developer Blackboard has released a new LMS tool for Apple's iPhone and iPod Touch. The free app, Blackboard Learn for Apple iPhone, allows users to access information in their Blackboard accounts and to receive notices through their iPhones. The new app is Blackboard's first entry into iPhone development. Students can only receive information from courses in which they're registered, and administrators have the option of limiting or blocking access to certain types of information. "Many students and learners today live in a mobile world, and now they can learn in one too," said Michael L. Blackboard Learn for Apple iPhone is available now through the App Store.

Apprendre HTML5, CSS3 pour créer un site web À travers de nombreux exemples pratiques et cas concrets, Alsacréations vous propose de découvrir toutes les possibilités offertes par la conception web aux normes, HTML, XHTML, HTML5, les feuilles de style CSS et CSS3, le Web mobile, l'accessibilité, PHP, JavaScript, jQuery, etc. Tutoriel : Guide pas à pas Article : Document d'analyse ou de référence Astuce : Court stratagème toujours utile Cette page présente une sélection de nos ressources. Comprendre le positionnement en CSS Consolidez et élargissez vos connaissances des différents schémas de positionnement CSS actuellement utilisés ou avant-gardistes (flux, positionnement absolu, fixé, relatif, flottement, inline-block, modèle tabulaire). Alsacréations est également un organisme de formation agréé qui propose des enseignements web à Paris et Strasbourg : HTML et CSS (tous niveaux jusqu'à expert), Web mobile, jQuery, accessibilité numérique, Wordpress.

Steerious - Digital Control Monitoring Moodle pour smartphone Vous êtes ici : PedagoGeeks. Le WebZine du social learning et de l'innovation pédagogique » E-Learning et LMS » Application MPage pour Android (Accès Moodle) Au hasard...Organiser le partage d’expériences avec les élèvesBy PedagoGeeks - janvier 30 2012 06:16 Les situations pédagogiques, qui nécessitent partages et échanges, sont très ...Définition d’objectifs avec la méthode SMARTBy PedagoGeeks - juin 30 2011 06:54 La formulation d'objectifs n'est pas aussi évidente qu'elle ne le ...Applications mathématiques sous Android pour SmartphonesBy PedagoGeeks - juin 29 2011 03:37 Voici une petite sélection d'outils mathématiques et scientifiques pour Smartphones ...Quelques pistes pédagogiques d’utilisation des wikis avec les élèvesBy PedagoGeeks - août 30 2011 04:22 Le wiki est un outil permettant construire des contenus pédagogiques ...Travail collaboratif avec Google DocsBy PedagoGeeks - juin 1 2011 12:14 Google docs sort sous sa dernière version et montre que ... IPSYS Conseil & Formation

Barres de défilement dans un bloc - Code-Web.org Certains diront "Ou comment imiter une iframe proprement"! C'est que nous allons voir dans cette article : reproduire le comportement d'une iframe mais sans tout les inconvénients de celle-ci et avec une seul page. Pourquoi pas une iframe? Une iframe, n'est rien d'autre qu'une frame qui peut être placée n'importe où dans une page. Pour cette raison, elles pose les même problèmes qu'une frame classique. La théorie Il faut simplement savoir qu'il est possible de définir la façon dont va se comporter le navigateur avec un bloc lorsque le contenu de celui-ci devient trop grand. C'est justement cette dernière possibilité qui nous intéresse pour la mise en œuvre de notre copie d'iframe. Mise en œuvre Nous allons utiliser pour cela une simple page HTML liée à une feuille CSS externe. <? Penser à placer un texte assez long dans le bloc div si vous souhaitez tester cette exemple. Sans sa feuille CSS, le code HTML que nous venons de voir affichera le texte en entier en étendant le bloc div. Conclusion

écouter les information en anglais et les lire en même temps Il existe de nombreux services qui permettent de transformer les textes en synthèse vocale. Depuis que je suis branché internet (c’est-à-dire depuis presque 20 ans), j’ai pu constater des progrès significatifs dans ce domaine, mais (tout comme avec la traduction) on est encore loin de la perfection et la lecture faite par des êtres humains est tout de même d’un autre niveau. Du coup je me suis mis à chercher dans mes archives des sites qui permettent de lire les news et les écouter en même temps. Le but étant de trouver des sites qui donnent un son audio lu par un être humain. C’est le premier site qui m’est venu à la tête. Vous avez trois niveaux de compréhension pour la même information. Franchement si vous avez un bon niveau d’anglais, vous pouvez vraiment continuer à apprendre avec ce site. Ce site vise à faire étudier l’espagnol aux anglophones et l’anglais aux hispanophones, mais vous pouvez tout de même profiter du site pour écouter les news en anglais.

eLearning Software, LMS, Publish to iPhone and iPad Released: October 31, 2013 Platform: Microsoft Windows System requirements: Lectora Inspire 11.2a Installation instructions: 1. Note: If you install this on a Windows 8 device, but do not then run Lectora as an Administrator, you may see a warning indicating that the new Status Indicators have not copied over to the Media Library. This can be caused by your Windows permissions settings. This Service Pack is available for download in the following languages: English New Features: Flypaper 3.11 Support Lectora Inspire supports Flypaper 3.11. Camtasia 8.1 Lectora Inspire supports Camtasia 8.1. Snagit 11.2 Lectora Inspire supports Snagit 11.2. Tracking object, actions and conditions With tracking you can account for which chapters, sections and pages that your users have visited and completed. Enhanced Transitions You can apply modern effects to your object transitions. Text Size Tool Globally increase or decrease the font size for all of the text in a title. Fixes: Application Questions Actions

Création d’un menu sous Dreamweaver - Raconte-moi le web! Exemple d’un menu dreamweaver : Nous vous proposons dans ce tutorial de créer le menu que vous voyez ci-dessus avec Dreamweaver. La procédure est très facile et ne devrait pas vous poser de problème. Commencez par ouvrir Dreamweaver, cliquez ensuite sur l’onget “code” pour afficher le code. Mise en place du CSS du menu Collez ensuite ce code quelque part : Il est préférable de le coller entre la balise <head> et </head>. Création du menu sous Dreamweaver Commencez par créer une liste en cliquant sur le bouton “Liste” : Ceci donnera quelque chose de ce genre : Passez ensuite dans la fenêtre du code. Modifiez alors la première balise <ul> par <ul id=”simple-menu”>. Le mode affichage de dreamweaver n’est pas très performant, vous n’allez donc pas pouvoir voir votre menu directement sous dreamweaver.

Gazette. Votre veille au format ebook Gazette est un service original qui permet de recevoir votre veille une fois par semaine au format ebook. Un service plutôt malin qui va vous bâtir automatiquement à partir de vos fils RSS un fichier au format epub que vous allez pouvoir lire ensuite sur tous les appareils et liseuses acceptant ce format de livre électronique. Gazette fonctionne très bien et ne nécessite pas de paramétrage compliqué. Vous devez renseigner l’outil en ligne avec les blogs, sites et publications que vous suivez via des fils RSS. Gazette va ensuite compiler toutes ces publications dans un ebook personnalisé au format epub qui sera disponible chaque semaine. Gazette crée un ebook et un fichier epub très propre. Votre ebook est disponible sur le site de Gazette chaque vendredi, vous pourrez ensuite le distribuer comme vous le souhaitez. Gazette est une bonne idée pour consulter le résultat de votre veille différemment. Lien: Gazette. Like Loading...

Bienvenue sur le portail de recherche de Samuelle DUCROCQ-HENRY Expérimentations (simulation / prototypage) en TI reliés au Serious Gaming Le principe d'université Nuage / The Cloud university approach Mise sur pied de la première expérimentation de type "Université nuage" en partenariat franco-canadien. Locaux de l'Université Nuage Ile de Lutèce (Second Life) Pavillons de Droit (Faculté de Lyon 3) D'Antilles-Guyane et du Québec Pavillon canadien de création 3D et jeux vidéo (UQAT) Prochaine conférence sur le sujet : les 20-24 mai 2013 à la Faculté de Droit de Lyon 3, France. Article récemment publié par Mme Ducrocq-Henry sur le sujet disponible ici. Expérimentation en serious gaming (Droit): Simulation de procès dans le cadre d'un cours universitaire en ligne (janv- mars 2013 - Visuel à venir) Dans le cadre du Cours de Droit des affaires offert en ligne Avec Me Dobbah Carré, Professeur à l'U. de M. Préparation et expérimentation d'un procès virtuel (inspiré de la procédure du LAN pédagogique : visuel à venir)

CSS3 – Créer un slideshow automatique et contrôlable Si vous suivez le compte @NoupeMag sur Twitter (ça marche aussi pour mon compte), vous avez certainement vu passer mon slideshow en CSS3 datant de l’an dernier. Ce n’était pas ma première tentative de slideshow comme le présentent ces premier et second travaux datant de mai 2010. Ce tutoriel ne s’adresse pas aux débutants, il vous faudra un minimum de connaissances techniques pour vous y retrouver dans les tronçons de code qui vont suivre. Avant propos La page de démonstration du slideshow full CSS3 vous propose des fichiers sources en téléchargement, profitez-en, notamment si vous souhaitez récupérer les images. Les codes CSS fournis ici sont légèrement différents de ceux fournis dans l’archive zippée téléchargeable. Les codes CSS3 présents sur ce tutoriel ne tiennent pas compte des préfixes parfois nécessaires (-webkit-, -moz-, -ms-, -o-) pour une question de gain de place dans le code. Les défauts des versions précédentes Sur la version automatique (la seconde) : Poser les fondations

Twitter’s Flight JS Framework: First thoughts and comparison with Backbone Hey, Twitter released earlier today a new JS framework called Flight. You can check it out at Github After reading the documentation, downloading it, and trying it for a while, I’ve my first thoughts. Basically, what this framework provides is a way to create components. Now, some comments about this implementation: I love and hate an event model at the same time. Each of this components reminds me to Backbone’s View object. However, in Backbone, one View can have a nested view or a list of nested views inside. What does Flight do really well? 1) Mixins. 2) Component’s lifecycle. So, will I use Flight? I hope you liked the quick review See yaa!

Related: