background preloader

Développement web

Facebook Twitter

Facebook Share App ID Missing.

Favicon

Charset iso-8859-1, iso-8859-15, utf-8, lequel choisir. Using SVG. Learn Development at Frontend Masters 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. 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. Once an auth event is thrown, it's safe to use the SDK's generic API call wrapper, IN.API.Raw(), to make a REST API call to share content with LinkedIn on the member's behalf.

Data URI: Generar imágenes con sólo código mediante data:image base64. @ 24 . noviembre . 2011.

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

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. 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: Of course this varies from person to person. Sometimes one person handles frontend design in addition to their other roles. 4 méthodes pour insérer un fichier flash dans une page HTML. Dans cet article vous trouverez 5 méthodes pour insérer un fichier FLASH d’extension SWF dans une page WEB.

4 méthodes pour insérer un fichier flash dans une page HTML

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. Recommended Reading: 12 Most-Wanted Sublime Text Tips And Tricks. 1. Package Control is the first thing that you have to install right away after installing SublimeText. Pin it 2. In a nutshell, Emmet allows us to write HTML and CSS faster with abbreviations/shortcuts, then expand them in valid HTML tags. 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. 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. To that effect, today I'd like to share some of the plugins and extensions that I've found quite useful.

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.

Media Queries for Standard Devices

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.

500 Internal Server Error (What It Is and How To Fix It)

The 500 Internal Server Error is a very general HTTP status code that means something has gone wrong on the web site's server, but the server could not be more specific on what the exact problem is. Are You the Webmaster? See Fixing 500 Internal Server Error Problems on Your Own Site towards the bottom of the page for some better advice if you're seeing the 500 Internal Server Error on one or more of your own pages. The 500 Internal Server Error message might be seen in any number of ways because each website is allowed to customize the message.

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. 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. 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. Vídeo tutorial sobre envío de email en PHP.

Php - How to send emails on behalf of? PHPMailer/PHPMailer. Como Hacer un Formulario de Contacto III: Validar y Enviar con 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. Si aplicas cualquier otro efecto CSS en la página, es muy posible que el rendimiento se resienta y no puedas mantener los 60 frames por segundo que hacen que la página se vea tan bien. 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.

The best solution to use if your server returns with an error is to display a custom error page with your own website skin. There are different ways you can make the server display your custom error pages. 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. Apache, el servidor web más utilizado mundialmente, ofrece una sencilla manera de configurar las páginas de error, accesible incluso para las personas que menos experiencia tienen en cuanto a desarrollo de páginas web. 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. The REM CSS unit was introduced in CSS3 and stands for root EM which will use the root element for relationally units instead of it's direct parent. But with REM CSS units there are a few problems that you will face with IE, first of all browsers IE8 or lower do not support REM so you will need to product a fallback to any elements that use this, the fallback is the pixel value for the REM.

Newer browsers that support REM will use this value while other browsers that do not support this will fallback to pixels. The newer browsers such as IE10/11 do support the REM unit and every unit will work fine on your website, but IE has another problem with the REM unit as it will not work inside pseudo elements on the line-height property. If you want to set the measurement unit of a pseudo element it will work in other browsers but not IE, as you can see in the following example I will use the CSS.

Responsive Meta Tag. I tend to use this: Although I see this is recommended a lot: This means that the browser will (probably) render the width of the page at the width of its own screen. So if that screen is 320px wide, the browser window will be 320px wide, rather than way zoomed out and showing 960px (or whatever that device does by default, in lieu of a responsive meta tag). 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. Yes you've designed it and coded it for a narrow viewport from something like an iPhone. That doesn't mean the sites visitor doesn't want to zoom in, perhaps they have difficulty with their sight. So please. 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. For example, <h1>Avatar</h1> tells the browser to display the text string "Avatar" in a heading 1 format. 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.