jQuery 47, quelques nouvelles Vous n'avez pas raté l'info j'espère. Si jamais c'était le cas, je vous annonce : jQuery Mobile 1 RC 2 est disponible ! Au programme, on a notamment un magnifique DateTimePicker (voir photo ci-dessous) et pour le ColorPicker. Pour le coup, il y a un designer qui est passé par là et il s'est fait plaisir.Vous pouvez les tester ici, bien que je n'ai pas réussi à les afficher (étrange). DateTimePicker - jQuery Mobile Il y a aussi la mise à disposition de la classe .ui-hidden-accessible. Changement aussi du côté des listes de sélection avec un rendu un poil plus esthétique. jQuery Mobile - Listes de sélection Et changement aussi du côté des fenêtres de dialogue qui ont désormais une taille préfixée. jQuery Mobile - Fenêtre de dialogue Et évidement, quantité de corrections, notamment sur la barre d'outils et son positionnement qui dans certains cas était quelque peu aléatoire. Vous pouvez retrouver l'annonce complète et le changelog ici.
jQuery Mobile - Le framework Javascript pour mobile made in jQuery jQuery Mobile est un nouveau framework javascript dédié aux navigateurs web mobiles, créé par jQuery. Grosse nouveauté dans le monde du web et surtout du mobile. Les créateurs du framework Javascript que l'on ne présente plus, viennent de sortir une nouvelle librairie: jQuery Mobile Framework. Avec l'essor des smartphones Android et iPhone/iPad dans le monde, il devient très intéressant de fournir des applications web compatibles mobile, et pourquoi pas avec des animations javascript qui fonctionnent ! Grâce à jQuery Mobile, vous pourrez développer en Javascript sans vous soucier de la compatibilité des navigateurs mobiles: Comme on peut le voir sur ce tableau, tous les derniers navigateurs mobiles sont supportés par jQuery Mobile. Là encore, on peut constater que le navigateur Windows Mobile est bon dernier du classement... La librairie est aussi très orientée interface mobile et proposera différents widgets pour créer des applications réussies en gardant la philosophie mobile.
New trends in web design With more and more websites being created every day, web design has become an important part of the process. Not only contents, but layout, functionability and general ability to attract Internet users are paramount to create a solid website that generates a lot of traffic. Here are some of the new trends for the coming months that you may want to take into account if you are planning on building a website. Responsive design Although some designers may think that this isn’t in fact a trend but a must, what’s clear is that most websites implement it, and those that don’t, will get there eventually. Shapes Circles are taking over. Layout Websites nowadays may content an elevated amount of links. Navigation Some things like navigation are not as straightforward as they used to be. Typography Thanks to CSS3 new features, web designers no longer have to use a typography that is installed in the final user’s operating system. Images and animation
Safari Web Content Guide: Configuring the Viewport Safari on iOS displays webpages at a scale that works for most web content originally designed for the desktop. If these default settings don’t work for your webpages, it is highly recommended that you change the settings by configuring the viewport. You especially need to configure the viewport if you are designing webpages specifically for iOS. If you are already familiar with the viewport on iOS, read “Using the Viewport Meta Tag” for details on the viewport tag and “Viewport Settings for Web Applications” for web application tips. Read “Layout and Metrics on iPhone and iPod touch” to learn about the available screen space for webpages on small devices.Read “What Is the Viewport?” See “Supported Meta Tags” for a complete description of the viewport meta tag. Layout and Metrics on iPhone and iPod touch Because Safari on iOS adds controls above and below your web content, you don’t have access to the entire screen real estate. What Is the Viewport? Safari on the Desktop Viewport
Adapter jQuery à vos besoins Cet article se base sur l'acquis. Je vous conseille de lire ou de relire : Lors de la lecture de la FAQ jQuery, j'attire plus particulièrement votre attention sur la partie concernant jQuery.sub() . Nous allons revisiter l'espace de noms dvjh et nous servir de jQuery.sub() pour encapsuler une version personnalisée de jQuery. Rappel : les fenêtres de code s'ouvrent en cliquant sur le bouton placé à droite. jQuery.sub() produit un clone de l'objet jQuery, il a été créé pour deux types d'utilisations spécifiques : modifier les méthodes jQuery sans détruire les méthodes d'origine ; faciliter l'encapsulation et définir un espace de noms pour les plugins jQuery. Nous l'écrirons donc dorénavant en utilisant un clone de jQuery : Espace de noms dvjh Sélectionnez var dvjh = (function($){ // Propriétés, méthodes et objets privés return { // Propriétés, méthodes et objets publics } ; })(jQuery.sub()) ; Modification du prototype du clone Rendre le $ disponible Soupe de jQuery $(function(){ dvjh1.
jQuery Mobile bigspotteddog/ScrollToFixed HOWTO: Native iPhone/iPad apps in JavaScript More resources On top of the information below, I can recommend a few other resources: Building iPhone Apps with HTML, CSS, and JavaScript is the only book I found that covered everything. I highly recommend it if you're planning on doing serious app development in JavaScript. If you'd like to get into native app development, take a step back and learn Objective-C first. Making it full-screen Normally, if you press "+" in mobile Safari and then "Add to Home Screen," the icon it creates acts like a bookmark into Safari. To get rid of the URL and button bars, just add a meta tag: This is what my log app looks like when launched from the home screen: Changing the phone status bar You can also change how the phone's status bar is displayed with a meta tag. The values for content are default, black and black-translucent. Preventing scaling If you pinch on a web app, it still responds like it's in a browser and zooms in. Preventing elastic scrolling Creating a home screen icon Confused? Tips Hosting
Pourquoi générer le code JavaScript est une fausse bonne idée. Bonjour. En lisant le forum et en répondant aux questions, je me suis dit qu'une petite mise au point semblait nécessaire. Souvent, dans nos développements, nous avons un serveur dynamique PHP, ASP, JAVA, C#, Ruby, etc. Il est très facile et tentant de générer les divers éléments dont on a besoin directement avec le langage de ce serveur. C'est simple, ça apporte des facilités mais ce n'est pas toujours aussi efficace qu'on le pense. Lorsqu'on crée le code HTML de la page, on place au fur et à mesure le code JavaScript dont on a besoin en incluant directement dans celui-ci, tout comme pour le HTML, les valeurs des variables du langage hôte. Code php : Parmi les avantages, le regroupement de tout le code concernant un point précis. Autre avantage, on peut très facilement ne produire que le code JavaScript nécessaire à ce besoin. Bref, je ne vais pas énumérer les avantages et encore moins les inconvénients. Mon propos est juste de montrer pourquoi cette idée est une fausse bonne idée.
jQuery Mobile, le « comment c’est fait? » Dans mon article de lundi, je vous ai promis de revenir un peu plus en détails sur la façon dont est développé jQuery Mobile. Cet article est basé sur les nombreuses questions posées par un membre (tanidon288) des forums officiels de la communauté. Y a t'il des spécifications pour jQuery Mobile ? Oui mais elles ne sont pas publiques. Je n'y ai pas accès et ne peux donc pas vous les montrer. Ceci dit, on peut en retrouver un condensé dans un post de John Resig, le créateur de jQuery, ici : Et aussi sur le site de démo/documentation : Comment est réalisé le développement ? Tout tourne autour d'un dépôt Github avec tous les outils qui vont avec. Vous pouvez bien sûr discuter de vôtre vision des choses sur le forum : Quels sont les projets déjà existants et visibles ? Et évidement, il y a toujours des early adopters : Existe t'il des tutoriels ?