background preloader

Développement web

Facebook Twitter

Favicon

Charset iso-8859-1, iso-8859-15, utf-8, lequel choisir. Il faut tout d'abord distinguer deux familles d'encodage de caractères : les "locaux" et les "internationaux".

Charset iso-8859-1, iso-8859-15, utf-8, lequel choisir

Les jeux de caractères locaux (dont font partie iso-8859-1 et iso-8859-15 - parfois désignés comme latin1 et latin9) sont destinés à des documents dans un seul système d'écriture (une langue ou un groupe de langue utilisant un même alphabet ou syllabaire). Au contraire, les jeux de caractères internationaux (dont fait partie l'UTF-8) sont destinés à encoder des document dans n'importe quel système d'écriture (et donc n'importe quelle langue). Ce sont des standards Unicode. Alors que choisir ? On peut observer deux cas de figure: Using SVG. SVG is an image format for vector graphics.

Using SVG

It literally means Scalable Vector Graphics. Basically, what you work with in Adobe Illustrator. You can use SVG on the web pretty easily, but there is plenty you should know. Why use SVG at all? Small file sizes that compress wellScales to any size without losing clarity (except very tiny)Looks great on retina displaysDesign control like interactivity and filters. Share on LinkedIn. When a user clicks the sign in button, a pop-up window containing the LinkedIn authentication dialog will be presented.

Share on LinkedIn

Once the user has accepted the request and provided their LinkedIn account credentials, the window will be dismissed and the SDK will perform the back-end call to LinkedIn to silently complete the authentication process for you. Since this request happens asynchronously, you must define a function that will listen for an auth event to be thrown so that you know that the authentication process has completed and that it is safe for your application to make further API calls. Use the onLoad argument in the SDK's <script> block when you initialize the SDK to choose a function to execute once the SDK has finished loading.

This function should then setup the auth event listener, as shown below. Data URI: Generar imágenes con sólo código mediante data:image base64. @ 24 . noviembre . 2011 Una manera avanzada de generar una imagen en Internet es que en lugar de subirla al server y linkearla en tu HTML, la generes directamente en tu CSS con puro código de base64.

Data URI: Generar imágenes con sólo código mediante data:image base64

Por ejemplo este libro azul:

Facebook

Twitter. Responsive Design vs. Mobile Sites - Mobile Browser Solutions. Cómo acceder a la versión móvil de un sitio desde un navegador de escritorio. Los sitios web cuentan con diferentes versiones para adaptarse al tipo de plataforma desde el que son visualizados.

Cómo acceder a la versión móvil de un sitio desde un navegador de escritorio

Por nuestra parte Techtear cuenta con una versión para escritorio pero también para móviles y tablets, todas relativamente idénticas pero donde -por asuntos de resolución- algunos objetos cambian de lugar o alteran su tamaño. Hoy te mostraremos cómo acceder a la versión móvil de un sitio desde un navegador de escritorio tan solo con una extensión o add-on.

Versiones móviles de los sitios Como especificabamos más arriba existen millones de sitios web que cuentan con versiones de escritorio y versiones móviles para mostrarse y esto ha ocurrido gracias al gran crecimiento de los móviles en los últimos años. Para poder observar un sitio en su versión móvil desde nuestro navegador de escritorio lo que debemos hacer es descargar una extensión que nos permita cambiar nuestro "user agent". Descargar extensiones. Farnborough Drupal Website Design & Development.

Sublime Text 3

Frontend Design. Somewhere between design – a world of personas, pixels, and polish – and engineering – a world of logic, loops, and linux – lies frontend design.

Frontend Design

Frontend design involves creating the HTML, CSS, and presentational JavaScript code that makes up a user interface. A frontend designer (who may also go by UI developer, client-side developer, UI engineer, design engineer, frontend architect, designer/developer, prototyper, unicorn, or Bo Jackson) lives in a sort of purgatory between worlds: 4 méthodes pour insérer un fichier flash dans une page HTML. Standard MIME (Multipurpose Internet Mail Extensions) Juin 2016.

Standard MIME (Multipurpose Internet Mail Extensions)

18 Essential Plugins to Get More Out Of Sublime Text. Even though SublimeText comes with a bunch of great features that help our work as web developers, like any other tool, there will always be a room for enhancements.

18 Essential Plugins to Get More Out Of Sublime Text

This is when plugins can be real useful (and we are huge fans of plugins). Before we proceed, maybe you’d like to check out our previous posts on SublimeText to see what it can do in its native state: Moving on, in this post, we have put together a few plugins that you may need to install to fill the functionalities that are missing from SublimeText. Installation - Package Control. Simple The simplest method of installation is through the Sublime Text console.

Installation - Package Control

The console is accessed via the ctrl+` shortcut or the menu. Once open, paste the appropriate Python code for your version of Sublime Text into the console. Sublime Text 3Sublime Text 2. Essential Sublime Text 2 Plugins and Extensions. Sublime Text 2 is a relatively new code editor that I've been trying out for a while now.

Essential Sublime Text 2 Plugins and Extensions

While it's still in public beta, it already offers a great mix of features and performance that has convinced me to switch from my trusted Komodo. While I really do love the features available out of the box, as with most things in life, there is always room for more. With Sublime Text 2 being as extensible as it is, a big ecosystem has sprouted around it, catering to most of your web development needs, be they actually useful or catering to your whimsy. Validation - How to validate a PHP file with W3C.org. Media Queries for Standard Devices. If you think responsive's simple, I feel bad for you son. We got 99 viewports, but the iPhone's just one.

—Josh Brewer, March 10, 2010 A major component of responsive design is creating the right experience for the right device. With a gazillion different devices on the market, this can be a tall task.

w3c validator errors

HTML validator. Speed test. 500 Internal Server Error (What It Is and How To Fix It) Updated March 31, 2016. Validating HTML: The for attribute of the label element must refer to a form control. Html - Forms with action="" Como proteger el código fuente de una web. Comentarios. Force Favicon Refresh. Wampserver. 10.3. DOCTYPE (Introducción a XHTML) El estándar XHTML deriva de XML, por lo que comparte con el muchas de sus normas y sintaxis. Uno de los conceptos fundamentales de XML es la utilización del DTD o Document Type Definition ("Definición del Tipo de Documento").

Un DTD es un documento que recoge el conjunto de normas y restricciones que deben cumplir los documentos de un determinado tipo. Si por ejemplo se define un DTD para los documentos relacionados con libros, se puede fijar como norma que cada libro tenga un título y sólo uno, que tenga uno o más autores, que la información sobre el número de páginas pueda ser opcional, etc. El conjunto de normas, obligaciones y restricciones que se deben seguir al crear un documento de un determinado tipo, se recogen en su correspondiente DTD.

Consejo Rápido: Cómo excluir tus propias visitas de las estadísticas de Google Analytics - Webnode blog Webnode blog. Videotutorial de PHP: envío de email con PHP. Php - How to send emails on behalf of? PHPMailer/PHPMailer. Como Hacer un Formulario de Contacto III: Validar y Enviar con PHP. Actualización: Acabo de publicar un tutorial para usuarios avanzados de como hacer un formulario de contacto similar a este, capaz de enviar mensaje sin recargar la pagina usando AJAX, todo en un solo tutorial. En este tutorial veremos como validar nuestro formulario del lado del servidor con PHP, ademas hacer que se envie el mensaje a una dirección de correo electrónico que le definamos. Antes de empezar Importante: en este tutorial vamos a trabajar con el metodo de envio POST, si no conoces este tema te recomendaria que le eches un ojo a este tutorial antes de seguir.

Ya que vamos a trabajar con PHP, es necesario que tengas instalado en tu sistema un servidor local que soporte PHP. Cómo mejorar el rendimiento de las animaciones con CSS. Los navegadores web modernos pueden aplicar con facilidad los siguientes cuatro efectos CSS: cambio de posición, escalado, rotación y opacidad. Use htaccess To Redirect Custom Error Pages. When your website server sends a HTTP error status code it will display some default pages which do not look good on your site and don't look professional. Apache - Browser language based 404 pages with mod_rewrite how to. Configurar página de error 404 en Apache.

Cómo configurar y personalizar la página de error 404, de página no encontrada, en el servidor Apache con la directiva ErrorDocument. Las páginas de error 404 son tan típicas que es posible que todos las conozcamos sin hablar más de ellas. Pienso que es difícil encontrar alguien que navegue habitualmente por la Red y no haya reparado en ellas en alguna ocasión, pero aun así la persona que desee saber algo más, puede consultar qué dicen los usuarios de la Wiki en la entrada sobre el error 404. Edit fiddle. Rem Line-height Doesn't Work In Pseudo Elements In IE. I recently noticed a problem with working with REM CSS units in IE browsers. Responsive Meta Tag. I tend to use this: Although I see this is recommended a lot: Don't do this in responsive web development. I've just read this article from @netmag on how to 'build a responsive site with CSS' and wanted to quickly share something.

In the post (a republication of an article they printed in June/July of 2012) they quickly discuss the meta tag for viewport. In the example code they use the maximum-scale, like this – This stops the user from zooming into your site. Data URIs explained - NCZOnline. One of the most frequently requested browser features in recent memory is data URI support.

There’s been a fair amount written about data URIs recently: my colleague Stoyan Stefanov has written a couple of posts about data URIs, and my former colleague Hedger Wang also penned a post about how to use data URIs in IE. Surprisingly, there’s still a lot of misunderstanding and confusion about data URIs, what they are, how they work, and why you’d ever want to use one. URI, not URL. Getting Started - schema.org. Most webmasters are familiar with HTML tags on their pages. Usually, HTML tags tell the browser how to display the information included in the tag. How to use <meta http-equiv="expires" content="date"> Tutorial Cache Web: cómo gestionar el cacheo de nuestros contenidos. Multiple custom Pinterest "Pin It" buttons on a page? How to add a twitter feed to your website using the new API.

jQuery Validation Plugin Made Easy Tutorial. The Most Indispensable jQuery Form Validation Reference Guide. Doing Form Validation Right In Mobile Applications -Telerik Developer Network. Share with Facebook, Feed Dialog - Writeyourcode.com. Feed Dialog - Sharing.

Bugs

Working with Facebook SDK for JavaScript. Nuevo Botón de compartir en Facebook - piratasrd.com. Subdomains vs. Subfolders, Rel Canonical vs. 301, and How to Structure Links for SEO. Apache Tips & Tricks: Disable directory indexes. Subdomains and subdirectories. How to remove .php, .html, .htm extensions with .htaccess. Ocultar extensiones php/html con .htaccess. Tutorial: How to Add a Facebook Share Button to your Own Website Pages.

How to Create a Facebook Application to Add Features to your Website. Example of form validation in a jQuery Mobile Application. Four Options for Mobile Form Validation. Point clés d'un site web de qualité. Meet Alexander Prinzhorn - The Author of Skrollr. 4 people to follow for a cool CodePen demos. 7 useful tools for Web Design & Development teams. Html - How do I stop a web page from scrolling to the top when a link is clicked that triggers JavaScript? jQuery ScrollTo sin plugins, desplazamiento vertical suave con jQuery, manipular scroll con jQuery, movimiento de scroll vertical con jQuery : lewebmonster.com. Html - How do I add a Font Awesome icon to input field? 60+ Cool Free Html Css Search Box With Tutorials.

How to Code an Expanding HTML5/CSS3 Search Input Field. VirtualBox. Css - Can I test on Safari 7.0 in Windows 8.x locally?

SVG animations

Htaccess. 500 internal error with RewriteEngine on .htaccess on localhost with wamp. Moklick/frontend-stuff. AngularJS Animations #3 - with GSAP DSL. Redirección .htaccess según idioma del navegador. Multilingual sites.