background preloader

Web tools

Facebook Twitter

Svg

WebPlatform.org — Your Web, documented. Android emulator and local site. How to Create a Mobile Version of your Website. These days the whole world is progressing towards the web. From small businesses to big firms to online schools, universities etc., all are pushing hard to make a big online impact because this is almost free advertisement for their brand and results in it reaching a wider range of audience than using other manual ways to do so. One big aspect of Website Design is a “Mobile Version” of the website because these days mobile phones with internet facilities are becoming too common and thus everyone wants to remain connected to their favourite websites on the go.

Today, we’ll be discussing some key aspects & techniques that a web developer/designer must follow to have a clean & professional looking mobile version of any website. So let’s get started! Note: Oh, by the way if you are looking for some mobile app design inspiration, visit this mobile app roundup with excellent UI experience. Mobile interfaces are usually small and so a developer has to adjust in pre-defined dimensions. Use or Yes! View HTTP Request and Response Header. Tutoriels - Conseils - Astuces. WordPress Architecture - The Building Blocks of Web Publishing | Website In A Weekend. Gérer les débordements de contenus grâce à CSS.

Encore un très bon article chez Alsacréations ! Raphael vous dévoile quelques techniques pour tenir votre contenu en place ! Pour tout savoir, c’est pas ici ! Instiki. Dynamic Drag’n Drop With jQuery And PHP. After publishing ScheduledTweets yesterday, I received e-mails asking "how the drag'n drop & saving the new positions to the database was working".

Drag'n drop generally looks hard-to-apply but it is definitely not by using JavaScript frameworks. Here is, how it is done by using jQuery & jQuery UI: The Database: We create a simple database as below: The most important column in the database is recordListingID which shows us the order of the records. This feature can be applied to any table by adding such a column to it. The HTML: We'll be using an unordered list that is generated from a PHP query that lists the items according to the recordListingID value mentioned above. Here it is: 1. 2. 4. 5. 6. The JavaScript: We will be using jQuery UI's sortable plugin. 01. 02. 04. 05. 06. var order = $(this).sortable("serialize") + '&action=updateRecordsListings'; 07. $.post("updateDB.php", order, function(theResponse){ 08. 15. The PHP: 01. <? 02.require("db.php"); 04. 05. 07.if ($action == "updateRecordsListings"){ 09.

Noginn/Noginn/Controller/Action/Helper/SendFile.php at master · noginn/noginn. How To Force File Download With PHP. Curtain.js. Un blog Wordpress local pour vos développements. Envie de vous lancer dans le développement de votre propre thème WordPress ? Envie tester votre dernier plugin sur une copie de votre blog sans impact pour vos lecteurs ? Envies de tester cette fameuses version 3.0bêta de WordPress ? Ces quelques exemples justifient l'installation en local (donc disponible même sans liaison Internet), sur votre PC GNU/Linux d'un environnement de développement de blog complet. Celui-ci se composera: d'un serveur LAMP à jour (Linux, Apache, MySQL, PHP)de la dernière version de WordPressde votre IDE préférée (Bluefish, Eclipse, Anjuta, NetBeans, Emacs, vi...)

En deux lignes de commande, sous Debian ou Ubuntu: sudo tasksel install lamp-serversudo /etc/init.d/apache2 restart Lors de l'installation, un mot de passe vous sera demandé (deux fois). Test de LAMP On passe ensuite à l'installation de WordPress (je teste la version 3.0 en bêta 1, qui sortira prochainement). sudo aptitude install phpmyadmin Puis à configurer votre Blog: sudo chmod a-w wp-config.php. PHP 5.3.1 with Xdebug, MongoDB and Lithium on Ubuntu 9.10 / Apache 2.2. NounProject. How to extract img src, title and alt from html using php.

SOAP

jQuery PHP library. Flipcards sur les Bonnes Pratiques du Web Mobile (MWBP) Les images, couleurs et styles mettent le contenu en valeur, mais doivent être utilisés avec précaution car certains terminaux disposent d'écrans à faible contraste ou ne prennent pas en charge tous les formats. Vérifier graphiques & couleurs IMAGES RESIZING:Redimensionner les images à taille intrinsèque sur le serveur. LARGE GRAPHICS:Ne pas utiliser d'images que le terminal ne pourra pas afficher. Eviter les images haute résolution, sauf si cela entraîne une perte d'informations importantes. IMAGES SPECIFY SIZE:Indiquer la taille des images dans le balisage, si leur taille est intrinsèque. NON-TEXT ALTERNATIVES:Pour tout élément non textuel, fournir un équivalent textuel. COLOR CONTRAST:S'assurer que les combinaisons de couleurs d'avant-plan et d'arrière-plan offrent un contraste suffisant.

BACKGROUND IMAGE READABILITY:Lorsque des images d'arrière-plan sont utilisées, s'assurer que le contenu reste lisible sur le terminal. JavaScript Capturing the Mouse X-Y Position Mini-Tutorial and Script. Connaitre la position d'un élément - Javascript. Html - How do I hide the middle of a table using jQuery. Freetuxtv. FreetuxTV est un logiciel qui permet de regarder et enregistrer facilement les chaînes de télévision sous GNU/Linux. Plusieurs groupes de chaînes sont disponibles : FAI Français : Free, SFR, Orange, Alice, Bouygues… Web TV : Arabe, Chinois, Anglais, Français, Allemand, Italien, Japonais, Portugais, Russe, Espagnol Web Radio : Anglais, Français, Allemand De nombreuses fonctions sont disponibles telles que : Lecture en plein écran Lecture en mode réduit Enregistrement en direct et en différé Support du timeshifting Gestion des touches multimédia du clavier Dé-entrelacement Installation Via le dépôt PPA Installer un paquet hors des dépôts officiels peut présenter un risque d'instabilité pour votre système.

Vous souhaitez utiliser une version plus récente que celle des dépôts officiels d'Ubuntu: Version stable Ou dans un terminal, saisir les commandes suivantes : sudo add-apt-repository ppa:freetuxtv/freetuxtv sudo apt-get update sudo apt-get install freetuxtv Version en développement Utilisation. GP Sherwood & Co. - Web Site Development & Desktop Publishing. Les Media Queries CSS3. La spécification CSS3 Media Queries définit les techniques pour l'application de feuilles de styles en fonction des périphériques de consultation utilisés pour du HTML. On nomme également cette pratique Responsive Web Design, pour dénoter qu'il s'agit d'adapter dynamiquement le design à l'aide de CSS.

Ces bonnes pratiques permettent d'exploiter encore plus les avantages de la séparation du contenu et de la présentation : l'intérêt est de pouvoir satisfaire des contraintes de dimensions, de résolutions et d'autres critères variés pour améliorer l'apparence graphique et la lisibilité (voire l'utilisabilité) d'un site web. Les plateformes exotiques sont concernées en premier lieu : navigateurs mobiles et tablettes, écrans à faibles résolutions, impression, tv, synthèses vocales, plages braille, etc.

Approche historique Avec CSS2 et HTML4, il était déjà possible de spécifier un média de destination pour l'application d'une ou plusieurs feuilles de style. <! Screen Écrans handheld print Impression. The Square Grid - A simple CSS framework for designers and developers. MIME Type Detection in Internet Explorer. This topic contains the following sections: MIME type Detection Algorithm The purpose of MIME type detection, or data sniffing, is to determine the MIME type (also known as content type or media type) of downloaded content using information from the following four sources: The server-supplied MIME type, if availableAn examination of the actual contents associated with a downloaded URLThe file name associated with the downloaded content (assumed to be derived from the associated URL)Registry settings (file name extension/MIME type associations or registered applications) in effect during the download Uploaded MIME Types Known MIME Types Registry Locations HKEY_CLASSES_ROOT\<ProgId>\shell\open\command Location used by URL monikers to find CLSIDs from MIME types: HKEY_CLASSES_ROOT\MIME\Database\Content Type MIME Sniffing Feature Control MIME Handling changes.

Sharepoint

Web API. Opa: Advancing web development to the next generation. PDF. Javascript. Security. Configurer apache2 pour faire du https - PatDef.fr. Quels sont les étapes à suivre pour fournir un site protégé par un encryptage ssl ? Arrêt de apache Avant de commencer toute manipulation sur les fichiers de configuration apache, commençont par arrêter le serveur : # /etc/init.d/apache stop Activer le module ssl Dans un premier temps, il faut activer ssl. . # a2enmod ssl Créer un hôte virtuel pour le site en https Il faut maintenant créer un hôte virtuel pour le site devant être mise en ligne en utilisant ssl. Ajoutons un fichier mondomaine.https dans /etc/apache2/sites-available contenant en plus des lignes habituelles les lignes suivantes : NameVirtualHost *:443 <VirtualHost *:443> ... ... # add ssl protocol SSLEngine On SSLOptions +FakeBasicAuth +ExportCertData +StrictRequire SSLCertificateFile /etc/ssl/certs/mondomaine.crt SSLCertificateKeyFile /etc/ssl/private/mondomaine.key </VirtualHost> Attention : La ligne NameVirtualHost *:443 ne doit apparaître qu’une seule fois dans l’ensemble des fichiers contenus dans le répertoire sites-available.

Welcome to Jinja2 — Jinja2 2.6dev documentation. Jinja2 is a modern and designer friendly templating language for Python, modelled after Django’s templates. It is fast, widely used and secure with the optional sandboxed template execution environment: <title>{% block title %}{% endblock %}</title><ul>{% for user in users %} <li><a href="{{ user.url }}">{{ user.username }}</a></li>{% endfor %}</ul> Features: sandboxed executionpowerful automatic HTML escaping system for XSS preventiontemplate inheritancecompiles down to the optimal python code just in timeoptional ahead of time template compilationeasy to debug.

Line numbers of exceptions directly point to the correct line in the template.configurable syntax Additional Information If you can’t find the information you’re looking for, have a look at the index or try to find it using the search function:

REST

Bing API in Action - C# Introduction According to Bing, "Bing is a search engine that finds and organizes the answers you need so you can make faster, more informed decisions". Microsoft made available its API to public so that we can use it from our own applications. This article explains how to make a sample application which uses a Bing search feature. Step 1 Even though the Bing API service is free, you need an application ID to use the service. You can create it from here: An AppID looks like this: F2C2567D3A712A4E764C49473BF4AFF7F8722A4E. Note: Do not use this as this is a fake AppID. Step 2 Now, you can create a Windows project. Use your AppId for YourAppId. Tip: You can add a Web Reference by right clicking the Project node in Solution Explorer -> Add Service Reference -> Advanced... button -> Add Web Reference... button.

Step 3 Below is the sample code. Source code explanation using WindowsFormsApplication1.MyBingService; I create an object for LiveSearchService.

Php

Creating an Awesome Website Design With Gimp. If you do a Google search for Photoshop web design tutorial, you will get about 107,000,000 results. It seems to me that there are not enough Gimp tutorials. So, I decided to put together my own. Today, we will be creating a simple blog and portfolio design, using Gimp. By simple, I mean that you can create this using only the Rectangle Select Tool, Bucket Fill Tool, Blend Tool, Paths Tool, Text Tool, and a couple of others.

Next week, we will be converting our design into HTML and CSS, so that we will be able to make a WordPress theme out of it. So, let's get started with the tutorial! Step 1 Start up Gimp, and create a new image, with a size of 980px by 720px. Step 2 Create the following layers in your image. featuredlatestPostslatestWorknavads Create a box on each layer, by dragging out the Rectangular Select Tool, and using the Bucket Fill Tool to fill the area with #27211b. In the screenshot, the boxes are white, but that was just before I decided what colour to use. Step 3 Step 4 Step 5. HTML5 Boilerplate 1.0 est dans la place. WordPress de A à Z — A comme Allons-y ! (on s’organise)

Podcast