background preloader

MOBILE

Facebook Twitter

Tout ce qui concerne le développement mobile !

Android Emulator – Fast. Home. NativeScript. Mobile Development Tutorials. How to make an app. Interfaces mobiles : 25 packs de templates gratuits à exploiter - Blog Tuto.com. Les graphistes et webdesigners parmi vous trouveront leur bonheur parmi ces 25 packs de templates d’interfaces mobiles !

Interfaces mobiles : 25 packs de templates gratuits à exploiter - Blog Tuto.com

Combinant des styles différents, ce sont littéralement des centaines de modèles d’interfaces qui sont à votre disposition. Vous y trouverez des interfaces assez généralistes, d’autres spécialisées pour des apps de fitness, de cuisine, de mode, de messagerie. Make your Website Mobile and iPhone Friendly - Add Home Screen iPhone Icons and Adjust the ViewPort. “Mobile first” CSS and getting Sass to help with legacy IE. Taking a “mobile first” approach to web development poses some challenges if you need to provide a “desktop” experience for legacy versions of IE.

“Mobile first” CSS and getting Sass to help with legacy IE

Using a CSS pre-processor like Sass can help. One aspect of a “mobile first” approach to development is that your styles are usually gradually built up from a simple base. Réalisez l'incroyable sans coder. Fluid UI - Free web and mobile app prototyping. MobileTest.me - Test your mobile sites and responsive web designs. Développement web mobile - Guides pour développeurs Web. Cette page fournit un aperçu de certaines des techniques principales nécessaires pour concevoir des sites web qui fonctionneront bien sur les appareils mobiles.

Développement web mobile - Guides pour développeurs Web

Si vous cherchez des informations sur le projet Firefox OS de Mozilla, consultez la page Firefox OS. Des détails sur Firefox pour Android pourraient également vous intéresser. Cette page est divisée en deux sections, conception pour les appareils mobiles et développement multinavigateur. Consultez également le guide de Jason Grlicky mobile-friendliness pour les développeurs web.

Les appareils mobiles ont des caractéristiques physiques assez différentes des ordinateurs portables ou de bureau. Gestion des petits écrans Le Responsive Web Design est un terme pour un ensemble de techniques permettant à votre site web d'adapter sa disposition lorsque son environnement change ; en particulier la taille et l'orientation de l'écran. Gestion des écrans tactiles Optimisation des images API mobiles Attention avec la détection d'agent utilisateur. Quick Tip - Installing the Ionic Framework for HTML5 Apps. Ionic is a framework for building hybrid mobile apps using the web technologies you know and love, Angular and Cordova.

Quick Tip - Installing the Ionic Framework for HTML5 Apps

The Ionic 2 release (currently in beta) leverages Angular 2 (also in beta) and ES6, and you can opt into TypeScript if you prefer. It allows you to write your application code once in HTML, CSS and JavaScript and deploy to multiple targets using the same code and have them look and feel like native iOS and Android apps. In this quick tip I will cover installing the Ionic framework and how to get started creating an app.

Installing First install Node.js from their official packages, Homebrew (Mac), Chocolatey or Scoop (Windows). On OSX and Linux open a Terminal and run: npm install -g ionic@beta npm install -g cordova On Windows open Command Prompt run: C:\>npm install -g ionic@beta C:\>npm install -g cordova Note: Ionic 2 requires the @beta tag until the full version is released. Create a Project. A framework for building native apps using React. Build native mobile apps using JavaScript and React React Native lets you build mobile apps using only JavaScript.

A framework for building native apps using React

It uses the same design as React, letting you compose a rich mobile UI from declarative components. import React, { Component } from 'react'; import { Text, View } from 'react-native'; class WhyReactNativeIsSoGreat extends Component { render() { return ( <View><Text> If you like React on the web, you'll like React Native. </Text><Text> You just use native components like 'View' and 'Text', instead of web components like 'div' and 'span'. </Text></View> ); }} A React Native app is a real mobile app With React Native, you don't build a “mobile web app”, an “HTML5 app”, or a “hybrid app”.

Don't waste time recompiling. Adobe PhoneGap Build. PhoneGap. Mobile App Development & App Creation Software - Xamarin. Home - Ionic Platform. Ionic: Advanced HTML5 Hybrid Mobile App Framework. Apache Cordova. Sky, un langage de programmation basé sur Dart. La très grande majorité des applications Android ont été développées en Java.

Sky, un langage de programmation basé sur Dart

Il existe bien entendu des alternatives, comme Apache Cordova et Mono pour Android, mais c’est aujourd’hui très minoritaire. Une équipe de Google est en train de travailler sur une alternative multi-plateforme nommée Sky. Sky est un langage de programmation web venu tout droit de l’équipe en charge de Chrome V8, un moteur JavaScript libre et open source développé par Google au Danemark. Il est notamment utilisé dans les navigateurs Chromium et Google Chrome, ainsi que sur la plateforme node.js. Architecture de Sky Comme vous le savez sans doute, Dart a été développé pour rendre le développement d’applications complexes Javascript plus rapide et accessible, il offre de meilleures performances et peut être compilé. Lien YoutubeChaine Youtube FrAndroid L’équipe en charge du développement de Sky veut offrir une expérience à 120 FPS, contrairement aux 60 FPS de la plupart des applications actuelles.

Genymotion – Fast And Easy Android Emulation. Une semaine avec Xamarin Forms. Dans le cadre d'un projet interne, j'ai pu m'essayer sérieusement à Xamarin Forms, un framework permettant de créer des applications iOS, Android et Windows à partir d'un code unique en C#/XAML.

Une semaine avec Xamarin Forms

Voici mon retour d'expérience sur cette découverte. Challenge : 5 jours pour réaliser une application mobile connectée.