background preloader

PHP Mobile Detect - lightweight PHP class for detecting mobile devices

PHP Mobile Detect - lightweight PHP class for detecting mobile devices
Related:  website

Bonnes pratiques CSS: le Web ouvert a besoin de vous Daniel Glazman, coprésident du CSS Working Group (groupe de travail sur CSS du W3C), a écrit un appel à action important: THE OPEN WEB NEEDS YOU *NOW*. C’est une lecture fortement recommandée pour tous les développeurs et designers web. Voici un résumé une paraphrase en français du problème exposé, et quelques préconisations que vous trouverez peut-être utiles. Ne pas refaire l’erreur d’IE6 Si vous avez un peu suivi l’histoire du Web, vous savez que les situations de monopole ne sont pas bénéfiques pour les standards: l’éditeur de navigateur qui a le monopole ou quasi-monopole peut être tenté de proposer des fonctionnalités sans les proposer comme standards, les créateurs de sites web utilisent du code non-standard qui ne fonctionne que sur le navigateur qui a le monopole, et les éditeurs minoritaires sont tentés d’imiter les comportements non standard du navigateur minoritaire. Pour beaucoup, le Web mobile c’est WebKit et puis c’est tout En pratique, le problème c’est quoi?

Introduction To URL Rewriting Many Web companies spend hours and hours agonizing over the best domain names for their clients. They try to find a domain name that is relevant and appropriate, sounds professional yet is distinctive, is easy to spell and remember and read over the phone, looks good on business cards and is available as a dot-com. Or else they spend thousands of dollars to purchase the one they really want, which just happened to be registered by a forward-thinking and hard-to-find squatter in 1998. They go through all that trouble with the domain name but neglect the rest of the URL, the element after the domain name. Fortunately, there is a technique called URL rewriting that can turn unsightly URLs into nice ones — with a lot less agony and expense than picking a good domain name. This article covers the following: What is URL rewriting? What Is URL Rewriting? If you were writing a letter to your bank, you would probably open your word processor and create a file named something like lettertobank.doc.

HTML5 Boilerplate: The web’s most popular front-end template Forum <div class='message error'><strong>Javascript Disabled Detected</strong><p>You currently have javascript disabled. Several functions may not work. Please re-enable javascript to access full functionality. Toggle Project Central Project Central The Idea Oven Share project ideas, help others with theirs, and pick up ideas for new sites or website software here. Team Finder Need a designer or developer to help on your next project? Project Critique Almost finished with a site or project? Protected Forum 14 Apr 2014 By ftfish BragSpot™ Have you launched a new site that wdR helped with? Toggle Web-related Technologies Web-related Technologies The basic building blocks of web pages. Javascript For application frontends and fancy flourishes. The world's most popular server-side scripting language. 1343 topics 13554 replies Node.js Powerful server-side Javascript for the masses! Ruby For talk about Rails, Sinatra, and shiny red things. Python Django, Tornado, Twisted, Flask, and more! Java Databases

En 2011, les ventes de smartphones ont pour la première fois dépassé les ventes de PC Mardi 7 février Mobiles et PDA - 7 février 2012 :: 06:54 :: Par Eric En 2011, les ventes de smartphones ont pour la première fois dépassé les ventes de PC. Life goes mobile. Ce vieux slogan en forme d’oracle quelque peu visionnaire de Nokia est en train de prendre vie devant nos yeux ébahis. Pour la première fois, les ventes de smartphones ont dépassé celles des ordinateurs personnels en 2011. Il est à noter que l’iPhone a largement contribué à cette performance puisqu’il s’en est vendu 37 millions dans le seul quatrième trimestre 2011. Un nouvel internaute Selon les observateurs, ce basculement marque une évolution importante dans les usages, et notamment en ce qui concerne l’internet mobile et les applications, qui ont aussi été des facteurs importants de cette progression : l’homo informaticus moderne est de moins en moins seul chez lui devant son PC, mais de plus en plus social et mobile. (source) Plus d'infos sur : PC, smartphones, ventes

Document.elementFromPoint() - Web APIs This is an experimental technologyBecause this technology's specification has not stabilized, check the compatibility table for the proper prefixes to use in various browsers. Also note that the syntax and behavior of an experimental technology is subject to change in future versions of browsers as the spec changes. The elementFromPoint() method of the Document interface returns the topmost element at the specified coordinates. If the element at the specified point belongs to another document (for example, an iframe's subdocument), the subdocument's parent element is returned (the iframe itself). If the specified point is outside the visible bounds of the document or either coordinate is negative, the result is null. Note: Callers from XUL documents should wait until the onload event has fired before calling this method. SyntaxEdit var element = document.elementFromPoint(x, y); Returns The topmost Element object under the given points. Parameters x y ExampleEdit <! SpecificationsEdit

Experimental CSS3 Animations for Image Transitions « Previous Demo: Item Blur Effect Images by Joanna Kustra Back to the Codrops Article next Apple iOS 5: HTML5 Developer Scorecard Whenever a new device or mobile operating system comes out, we do our HTML5 Developer Scorecard to help folks who are building mobile web apps understand how to take advantage of these new devices. In early October, iOS 5 (and the iPhone 4S) was released. In our last few reviews, iOS has come head and shoulders above other device platforms as the best platform for HTML5 developers. High performance, hardware accelerated rendering, super quick JavaScript, and speed of adoption of new HTML5 features, it’s been the best platform to build modern web apps on. “Mobile Safari continues to hold the crown as the best mobile browser, providing the best HTML5 developer platform.” The latest Mobile Safari on iOS 5 continues in that tradition. As usual, we looked at the basics of the browser: JavaScript and HTML/CSS rendering. Given how good Mobile Safari has been, we didn’t run the browser through the usual paces we would have. Canvas is crazy fast.

The JS offsetTop, clientTop, scrollTop, offsetTop property introduced - Html - php javascript html Here is the javascript to produce rolling code commonly used property Page visible area width: document.body.clientWidth to the; Web visible area high: document.body.clientHeight the; Web visible area of width: document.body.offsetWidth (including the edges W); The pages visible area: document.body.offsetHeight (including the edges W); The web text Full-text width: document.body.scrollWidth the; The body of the page text: document.body.scrollHeight; Page volume to go: document.body.scrollTop; Page volume went left: document.body.scrollLeft the; Page body part on: window.screenTop the; Page body part left: window.screenLeft,; Screen resolution high: window.screen.height,; Wide screen resolution: window.screen.width the; Screen available workspace the height: window.screen.availHeight; 1, the offsetLeft Assuming obj is an HTML control. obj.offsetTop the obj distance above the upper control location, integer, in pixels. For example: the <input type="button" value=""> 2, clientHeight

DoAT Labs - Touchy Boilerplate 22 Useful Bootstrap Skins for Web Developers Bootstrap is a very popular framework with powerful features and an intuitive interface. Its goal is to help web designers and developers to create functional responsive websites. Today, we selected 22 very useful Bootstrap skins web developers can use. These premium-coded Bootstrap skins will save developers and designers a lot of time. You will find in this list Bootstrap skins for admin templates with flat, multifunctional and even metro-styled designs. Here they are! Josh – Laravel Admin Template + Front End + CRUD Plan – Flat Bootstrap Skin Sesamo – Bootstrap Skin 47Admin – Bootstrap Admin Skin Antagon – Multifunctional Bootstrap Skin Extrastrap – Deluxe Bootstrap Skin Chandra – Laravel Admin UI Kit InfinityStrap – Flat Bootstrap Skin Kanda Bootstrap skin ModernUI – Bootstrap Metro Skin Flat – Responsive Bootstrap Navbar BMD – Bootstrap + Material Design Boske – Skin for Bootstrap 3 Flatner – Flat Bootstrap Skin Kvelle – Multipurpose Bootstrap Skin Future UI – Bootstrap 3 Skin Sexy Bootstrap Skin

jQuery Mobile b2 est disponible Mise à jour du 18 novembre 2011 par Idelways Au terme de plus d'une année de « raffinements », jQuery Mobile dépasse les phases de test et sort pour la production « solide comme du roc », a annoncé Todd Parker, membre de la Core-team du projet jQuery, leader de jQuery UI. Après 5 alpha, 3 Beta et 3 RC, jQuery Mobile 1.0 supporte tous les plateformes et navigateurs mobiles populaires pour smartphones, tablettes et liseuses (e-Readers). Il a aussi été testé sur les différents navigateurs de bureau, mais fait l'impasse sur Internet Explorer 6 et c'est tant mieux ! (voir liste exhaustive sur les sources.) Ce framework de développement Web en JavaScript permet d'écrire des applications en HTML à l'aide d'un ensemble unifié de widgets d'interface utilisateur optimisés pour les écrans tactiles, différentes tailles d'écran et l'accessibilité. ThemeRoller, un sous projet de jQuery Mobile est disponible à cette occasion. Utiliser ThemeRoller Télécharger jQuery Mobile 1.0 Et vous ? Code : Source

Quick Tip: The Simplest Way To Center Elements Vertically And Horizontally Danny Markov Flexbox is a relatively new addition to the CSS world and we keep finding more and more excellent applications for it. We can even solve the age-old problem with centering an element both vertically and horizontally with CSS. It is easier than you can imagine – it is only three lines of code, doesn’t require you to specify the size of the centered element and is responsive-friendly! This technique works in all modern browsers – IE10+, Chrome, Firefox and Safari (with the -webkit- prefix). <div class="container"><! Run The HTML The idea, of course, revolves around flexbox. You can place this container div anywhere you want. The CSS As we said earlier, we will be using only three lines of code. Every flex container has two axis for positioning elements. Now all that we need to do is center both axis. Now that we have set the rules for the vertical and the horizontal alignment to center, any element we add inside the container will be positioned perfectly in the middle. Conclusion

Create An HTML/CSS Mobile Web App Using Sencha Touch - Smashing Magazine Advertisement The world of mobile app development is quickly becoming a crowded and complicated space, especially for those outside of the development niche. “Which development platform should I use?” “Do I go native or Web-based?” “Which devices should I plan for?” As a designer, my job is to help my clients answer these questions. What Is A Mobile Web App? A mobile Web app is an app that you access via a mobile browser (such as iPhone’s Safari). Why Create a Mobile Web App Instead of a Native App? Deciding whether a native or Web-based app is best for your client comes down to the audience they are trying to reach. Your audience is searching for you primarily from a mobile Web browser;Users are on a multitude of devices (iPhone, Android, BlackBerry, etc.) How To Design A Mobile Web App Those of you who have designed iOS native apps are used to fixed-width and -height images that are positioned and aligned in the Interface Builder (or using code). What does this mean? Embedding Regular CSS

Related: