background preloader

Download Builder

Download Builder
Related:  Front-endOutils WebsCréa Site

How to Localize a WordPress Theme and Make it Translation Ready Localizing WordPress themes isn’t something developers should simply dismiss. And if you’re a developer who doesn’t know how to localize a theme, then you should definitely read on. This is the second post in a series on translating WordPress. Yesterday, we looked at translating themes that are translation ready. In this post I’ll show you how to localize your themes and make them ready for a translator to convert into another language. This post is part of our Translation Week series: What is i18n, l10n and Why Should I Care? I18n is an abbreviation for internationalization and is called i18n because there are 18 letters between “i” and “n.” l10n is short for localization and you can probably guess why it’s referred to as l10n. As far as WordPress goes – and for developers in particular – i18n and l10n refer to the process or making a file ready for translation, or marking the strings in your files so they can be translated. Understanding the Localization Framework Localize Your Theme becomes

3D Editor Les transitions CSS3 | Les outils Css Quatre propriétés CSS3 sont utilisées pour faire des transitions css. Les propriétés de transitions se mettent toujours dans le sélecteur qui contient les propriétés css de fin de transition. transition-property La propriété css transition-property permet de définir la ou les propriétes css qui seront prises dans la transition.transition-property: border-bottom-color, border-bottom-width; transition-duration transition-duration permet de définir la ou les durées css de la transition de chaque propriété css qui sera prise dans la transition. transition-delay transition-delay permet de définir le ou les temps de latence avant le déclanchement de chaque transition. transition-timing-function transition-timing-function permet de définir la manière dont progresse la transition entre deux états d'une propriété css. Pour la transition de type cubic-bezier, il est possible de mettre des valeurs négative et supérieur à 1 pour le deuxième et quatrième champ.

Il était une fois… Modernizr | Blog Arolla Un jour la princesse interpella le grand chambellan : « Grand chambellan venez par ici, j’ai à vous exposer un de mes soucis. Voyez-vous pour mon site j’ai une envie bien définie. J’aimerais que la homepage soit personnalisée en fonction de la dernière recherche effectuée ; mais voilà je suis désappointée par la retrocompatibilité… Auriez-vous une idée pour me sauver ? - Évidemment ma princesse, j’ai la réponse à vos soucis : le browser storage va combler vos envies. - Grand chambellan vous êtes merveilleux, mais que faites-vous des navigateurs qui sont vieux ? 1. Modernizr permet de faire abstraction du user-agent en se basant sur la détection des fonctionnalités propres au HTML5 et CSS3. Nous gérons les cas particuliers d’IE<11, car dans la majorité des cas c’est là que le bât blesse ; mais au final, ce qui importe réellement c’est la fonctionnalité et pas tant le navigateur. 2. Modernizr en lui-même permet uniquement de faire de la détection de fonctionnalité. 1. 2. 3. 3. 4. => 1.

CSS Guidelines – High-level advice and guidelines for writing sane, manageable, scalable CSS How to capture iPad HTTP traffic on a PC without spending a dime January 7, 2012By Keith Sparkjoy Inspired by an article showing how to capture iPad (any iOS device, actually) traffic using a Mac, this morning I set up my iPad so that I could sniff its network traffic using my favorite HTTP debugger, Fiddler2. It’s remarkably simple to do. Note that this technique assumes that your PC is on the same IP subnet as your iPad. Step 1. Step 2. Step 3: On your PC, run ipconfig from a command prompt to discover your PC’s IP address (mine is 192.168.1.102 in the picture below). Step 4. Step 5: Make a note of your current HTTP Proxy setting (it’s usually set to Off by default). You’re all set! Important! About the Author Keith Sparkjoy Keith Sparkjoy is the Chief Technology Officer for Pluralsight. Discussion

Free Code Snippets for CSS3 Animation Online tutorials are useful but not always plentiful when it comes to really detailed animation effects. But if you already know enough about coding then it’s easy to dissect someone else’s example to recreate your own. CSS3 animation is still a new topic hot off the presses with fresh source code examples delivered by your friendly neighborhood code repository. I scoured through Google putting together 30 examples of brilliant CSS3 animation effects. Sailboat Animation Weather Icons Less Loaders Popup Window Cube Animation Circle Illusion Loader Tumblr Like/Unlike Minimal Throbbers CSS3 Animated Effects Map Marker Cloudy Spiral MacBook Air Concentric Spheres Cubes in CSS3 Slidedown UI Animated Switch Moving Gears Green Beaker Progress Bars PayPal Animation CSS3 Loader Animated Wifi Symbol CSS3 Buttons Animated Checkbox Camera Icon Knob Rotation iOS-Style Switches Working Clock Rabbit CSS3 Loading Bar About the Author

Modernizr Modernizr est une bibliothèque JavaScript conçue pour détecter des fonctionnalités spécifiques de HTML et CSS dans les navigateurs. Puisqu'il est inutile d'embarquer un fichier complet de détection dans tous les sites web, un script sur mesure peut être construit en piochant parmi les fonctionnalités détectables. Il sera par exemple possible de savoir si le navigateur supporte les transformations CSS 3D, la vidéo HTML5, Canvas ou SVG, et de prévoir une alternative le cas échéant. Son usage est très simple, il suffit de copier-coller les quelques lignes générées dans le code source de la page, ou bien dans un fichier externe, puis d'exploiter l'objet Modernizr et ses propriétés (par exemple Modernizr.canvas, Modernizr.fontface, Modernizr.geolocation etc), initialisées aux valeurs booléennes true ou false. La méthode Modernizr.load vise aussi à faciliter le chargement de scripts tiers.

Taxonomies Filter Widget Taxonomies Filter Widget is a robust but powerful WordPress plugin that creates a widget which acts as a filter for your categories, tags, taxonomies and numerical custom fields. Visitors will then be able to do faceted searches on your site to filter posts and pages by taxonomies and numerical custom fields, using drop-downs, checkboxes, radio buttons, multiselect and range sliders. While built especially for sites with a variety of categories, custom taxonomies and custom posts (eg: shops, directories, tutorials, job boards or listings), this plugin will also do a great job at filtering the WordPress posts and pages by categories, tags and even post format. Check a video demonstration here or use the live preview to see it in action. WooCommerce demo using this plugin to filter products by multiple categories and by a price range slider! You can filter: Regular posts, Pages and Custom Posts By the following: Categories, Tags, Taxonomies , Numerical Custom Fields Using any of these: Features

Configure Fiddler for iOS Configure Fiddler Click Tools > Fiddler Options > Connections.Click the checkbox by Allow remote computers to connect. Restart Fiddler.Ensure your firewall allows incoming connections to the Fiddler process.Hover over the Online indicator at the far right of the Fiddler toolbar to display the IP addresses assigned to Fiddler's machine. Verify client iOS device can reach Fiddler by navigating in the browser to This address should return the Fiddler Echo Service page.For iPhone: Disable the 3g/4g connection. Set the iOS Device Proxy Tap Settings > General > Network > Wi-Fi.Tap the settings for the Wi-Fi network.Tap the Manual option in the HTTP Proxy section. Decrypt HTTPS Traffic from iOS Devices Uninstall FiddlerRoot Certificate If you decide to uninstall the root certificate: Tap the Settings app.Tap General.Scroll to Profiles.Tap the DONOTTRUST_FiddlerRoot* profile.Tap Remove.

Related: