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.

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.

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

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

é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

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.

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

Related: