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

Créer un site web pour smartphones Si vous êtes l’heureux possesseur d’un smartphone (Iphone, HTC magic, BlackBerry, etc.), vous vous êtes vite rendu compte que surfer sur internet avec ces merveilleux appareils n’est pas très confortable. Malgré l’apparition de systèmes de zooming très sophistiqués tels que celui de l’Iphone (par étirement et resserrement du pouce et de l’index), la lecture des sites traditionnels n’est pas des plus aisée, les zoomings répétitifs et les va-et-vient transversaux et incessants de l’écran ne facilitent pas la lecture . Les grandes entreprises ont vite saisi l’ampleur du marché des smartphones et ont quasiment toutes conçu des sites dédiés à ces petites machines. Avant d’entrer dans le vif du sujet, je tiens à préciser que vous pourrez visualiser sur votre smartphone le site (l’ébauche de site) que j’ai conçu. Un autre précision aussi, la conception de ce site est une première ébauche qui demande à être améliorée grâce à votre expérience et à vos suggestions. < ! feuille de style :

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.

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

Créer une application iPhone professionnelle Grâce au succès de l'iPhone et de l'AppStore, les applications mobiles sont devenues des vecteurs de communication incontournables pour les professionnels. En effet, ces petits programmes ludiques ou utilitaires permettent aux entreprises d'augmenter la visibilité et l'accessibilité de leurs produits et d'atteindre de nouveaux prospects. Mais avant de se lancer dans l'aventure, mieux vaut anticiper les difficultés : une application mobile nécessite une réflexion préalable, et plusieurs critères s'appliquent à sa conception. Voici un guide pratique pour vous aider à créer une application iPhone professionnelle avec une série de conseils, des indications sur les coûts, et des liens utiles. Notre video Voir le tutoriel d'AppsTV en vidéo : Pourquoi développer une application mobile professionnelle ? Le nombre d'applications mobiles disponibles sur iPhone via l'Apple Store est en pleine croissance. Visibilité accrue de ses produits et services Généralisation des applications sur Smartphone

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

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

Live Tools - Button Builder Global Settings Button Label Padding Font Size Corner Roundness Border Thickness Highlights <a href='#' class='button'>Button</a> 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.

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)

create your personal landing page & contact hub pixelhub By signing in you accept our privacy & legal notice. Please enter the email address you signed up with. Tell your friends: DooID user? pixelhubHomeWhat is .Pixelhub? © dooid 2014 | generating site … takes less than 5 minutes easy content publishing automated social media updates Easily build a beautiful website. Your website. What is .Pixelhub? Pixelhub is a plug 'n play website builder that allows you to create a crisp, stylish website that is super-easy to edit and almost impossible to mess up. "Pixelhub is different from other website creation applications because the platform encourages its users to build websites that are a reflection of their inner personalities." - Appvita.com Featured in: Check out some Personal Websites built with .Pixelhub: pixelhub.me/pablopugaPhotographer & Designer, Mexico City, MX pixelhub.me/bogdanadrArchitect & Designer, Poznan, Poland derrickmendez.comDental Student, Alabama, USA pixelhub.me/revfalviIT Specialist, Budapest, Hungary use your own domain name (?)

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

New eBook: 61 Tips on mLearning: Making Learning Mobile by News Editor “Modular solutions often require more than one platform. Making peace with multiple platforms is necessary and a big deal. The student path must be simple and seamless so that navigating different platforms is actually invisible. This should be at the heart of a mobile learning strategy.”—Carol L. Cohen, from 61 Tips on mLearning: Making Learning Mobile People use mobile technology everywhere: at work, in school, while shopping, in front of the TV, and even while dining out and at concerts. As learning professionals, how can we take advantage of these plentiful opportunities, and of people’s predilection for using mobile devices to instantly get the information, examples, and references they need? We asked the presenters for the upcoming eLearning Guild Online Forum, “mLearning: Making Learning Mobile” (December 6 and 7) to give us their top tips for using mobile technology for learning.

Related: