background preloader

Web tools

Facebook Twitter

Svg

WebPlatform.org — Your Web, documented. Android emulator and local site. Current community your communities Sign up or log in to customize your list. more stack exchange communities Stack Exchange sign up log in tour help careers 2.0.

android emulator and local site

How to Create a Mobile Version of your Website. These days the whole world is progressing towards the web.

How to Create a Mobile Version of your Website

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. View HTTP Request and Response Header. Edge Tools & Services.

Tutoriels - Conseils - Astuces. WordPress Architecture - The Building Blocks of Web Publishing. Gérer les débordements de contenus grâce à CSS. Instiki. Instiki is a basic Wiki clone so pretty and easy to set up, you’ll wonder if it’s really a wiki. Runs on Rails and focuses on portability and stability. Supports file uploads, LaTeX export, Atom feeds, S5 slideshows, multiple users and password protection. Some use Instiki as a CMS - Content Management System because of its ability to export static pages; others use it for its Math support. Installation is very easy, whether on MacOSX, Linux or Windows. The package includes a database (SQLite3) and webserver, so you’ll be up and running in minutes.

Instiki Maintainers: Matthias Tarasiewicz (parasew), Jacques Distler Instiki creator: David Heinemeier Hansson Maintained until 0.11 by: Alexey Verkhovsky How To Support Instiki Test Instiki on your OS and report back to the Mailinglist or file a bug report if you find errors. If you know Ruby, and want to help with development, download a copy of the source, GitHub and start hacking! 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".

Dynamic Drag’n Drop With jQuery And PHP

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: Noginn/Noginn/Controller/Action/Helper/SendFile.php at master · noginn/noginn. How To Force File Download With PHP. Function output_file($file, $name, $mime_type='') if(!

How To Force File Download With PHP

Is_readable($file)) die('File not found or inaccessible!') ; $size = filesize($file); $name = rawurldecode($name); $known_mime_types=array( Curtain.js. Un blog Wordpress local pour vos développements. 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. EDIT : now that I know better Using regexp to solve this kind of problem is a bad idea and will likely lead in unmaintainable and unreliable code.

How to extract img src, title and alt from html using php

Better us an HTML parser. Solution With regexp In that case it's better to split the process in two parts : get all the img tagextract their metadata I will assume your doc is not xHTML strict so you can't use an XML parsor. /* preg_match_all match the regexp in all the $html string and output everything as an array in $result. Then we get all the img tag attributes with a loop : Regexps are CPU intensive so you may wan to cache this page. How does this stuff work ? First, we use preg_ match_ all, a function that gets every string matching the pattern and ouput it in its third parameter.

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.

Flipcards sur les Bonnes Pratiques du Web Mobile (MWBP)

JavaScript Capturing the Mouse X-Y Position Mini-Tutorial and Script. Connaitre la position d'un élément - Javascript. Position javascript, javascript position, javascript recuperer position element, javascript get element position, get position element javascript, position x, javascript coordonnees, get element position javascript, recuperer position div javascript, recuperer position verticale element dom, recuperer la position d un element, recuperer coordonnees div, recuperer coordonnees d un div dans une page, javascript une div une position.

Connaitre la position d'un élément - Javascript

Html - How do I hide the middle of a table using jQuery. I have a really long 3 column table.

html - How do I hide the middle of a table using jQuery

I would like to <table><tr><td>Column1</td><td>Column2</td></tr><tr><td>Column1</td><td>Column2</td></tr><tr><td>Start</td><td>Hiding</td></tr><tr><td>Column1</td><td>Column2</td></tr><tr><td>Column1</td><td>Column2</td></tr><tr><td>Column1</td><td>Column2</td></tr><tr><td>End</td><td>Hiding</td></tr><tr><td>Column1</td><td>Column2</td></tr><tr><td>Column1</td><td>Column2</td></tr></table> This is the result I'm trying to obtain using jQuery.

Freetuxtv. 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.

Les Media Queries CSS3

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. 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.

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 : Welcome to Jinja2 — Jinja2 2.6dev documentation. Jinja2 is a modern and designer friendly templating language for Python, modelled after Django’s templates.

Welcome to Jinja2 — Jinja2 2.6dev documentation

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.

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. An AppID looks like this: F2C2567D3A712A4E764C49473BF4AFF7F8722A4E. 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. HTML5 Boilerplate 1.0 est dans la place. WordPress de A à Z — A comme Allons-y ! (on s’organise)

Podcast