background preloader

WEB MASTER

Facebook Twitter

30+ Free Seamless Website Backgrounds You'll Love -Design Bump. Node.js. Bootstrap · The world's most popular mobile-first and responsive front-end framework.

Google apis

DHTML5.com FOR ALL YOUR DHTML NEEDS. SitePoint – Learn HTML, CSS, JavaScript, PHP, Ruby & Responsive Design. Media formats supported by the HTML audio and video elements - HTML (HyperText Markup Language) The <audio> and <video> elements provide support for playing audio and video media without requiring plug-ins. Video codecs and audio codecs are used to handle video and audio, and different codecs offer different levels of compression and quality. A container format is used to store and transmit the coded video and audio (both together, the case of a video with a soundtrack). Many combinations of codecs and container formats exist, although only a handful of these are relevant on the Web. Different browsers do not support the same media formats in their implementations of HTML5 video and audio, mainly because of patent issues. The area of media formats on the Web has greatly suffered from patent law in many countries including the USA and EU countries (the notes on patents in this article is provided as-is and without any warranty.)

WebM The WebM format is based on a restricted version of the Matroska container format. Gecko recognizes the following MIME types as WebM files: video/webm. Swiffy   As part of our transition of display ads to HTML5. the Swiffy Flash conversion tool is no longer available. We will continue to serve the Swiffy runtimes, so any files you have already converted will continue to play.

Today more consumers are using the web in HTML5 compatible environments than Flash-compatible environments. In order to reach as large an audience as possible, we encourage everyone to transition to HTML5 authoring. Developers who currently create Flash SWF files have several ways to switch to HTML5 including Adobe Animate and Google Web Designer. If you need to play an existing Flash SWF file in your browser alone, you might be able to use Mozilla’s Shumway. CreateJS Developer Center. Bower. Creating a Simple HTML5 Canvas Animation. By now, you'll probably agree with me that creating animations in code is really REALLY fun.

You write a few lines of code and (a few moments later) you have something that is happily moving around the screen. In this tutorial, I am going to show you how to take this fun to a whole new level...legally! You are going to learn how to animate what you draw yourself as opposed to using something predefined out of a can like a div, img, or some other DOM element. Before you know it, you are going to animate something similar to the following example where you handpicked and carefully placed every pixel in the right location: Ok, maybe that was a bit of an exaggeration, but you will animate something that you drew yourself. Onwards! How This Is All Going to Work Animating the things you draw is very different from animating DOM elements.

Meet the Canvas If JavaScript is your paintbrush and paint, then the HTML element called canvas is your...um, canvas that you paint on: Draw Clear Need Help? Share. Google Vs Bing Vs More Search Engines Comparison Tool. KPROXY - Free Anonymous Web Proxy - Anonymous Proxy. Help. Prodisc. Documenta | www.mydocumenta.com.

Free .htaccess Redirect Generator. Free .htaccess Redirect Generator. Can I use... Support tables for HTML5, CSS3, etc. Validator.nu (X)HTML5 Validator. XML Declaration and HTML5 DOCTYPE | XHTML Content Documents | EPUB 3 Accessibility Guidelines. HTML5: Elementos de cabecera. Simplify Your Web Demo Site - Home.

MENUS

TEMPLATES. Cms. WEB LÍQUIDA. Svg. JQUERY. Three.js - JavaScript 3D library. The Secret Law of Page Harmony. “A method to produce the perfect book.” The perfect book. This is how designer-genius Jan Tschichold described this system. Not the ok book, nor the pretty good book, but the perfect book. This method existed long before the computer, the printing press and even a defined measuring unit. No picas or points, no inches or millimeters. And you can still use it.

The Secret Canon & Page Harmony Books were once a luxury only the richest could afford and would take months of work to be brought to fruition. And they were harmoniously beautiful. The bookmakers knew the secret to the perfect book. So elegant is this method of producing harmony that a few designers saw to rediscover it. They found the way to design a harmonious page. There’s a dance to all this Let’s look at this dance, shall we? And here it is with them (using the Van de Graaf Canon and Tschichold’s recommended 2:3 page-size ratio, which we’ll get into next).

This is where the harmony is found. How is this dance beautiful? The J. Well. 25 Great jQuery Accordion Plugins and Tutorials. With jQuery accordion plugins you can get the attention of visitors and save space e.g. on the front page at the same time. Accordion scripts work a bit like content sliders but often visitors need to take action get access to the hidden content elements. The way accordions are typically designed makes them great for giving users a quick overview but they work best if the number of content elements is relatively low – basically to limit the number of tabs.

In this article, you will find a collection of useful jQuery accordion plugins and some tutorials you can use to improve your website. The majority of these items are free so you can grab some cool accordion scrips without spending anything. If you want a plugin with professional support and regular updates you may need to look for a premium plugin. Advertisement Disclosure: Please note that some of the links below are affiliate links and I will earn a commission if you purchase through those links (at no extra cost to you).

Vallenato. Create an Awesome Vertical Tabbed Content Area using CSS3 & jQuery | FariDesign.net. Demo Vertical tabbed content area separates content into different and structured panes, and each content can be viewed one at a time. So it’s a nice and clean way to show specific content. In this article we will be writing how to create a slick vertical tabbed content area which can be converted to an jQuery vertical tabs plugin ( I will post it in my upcoming post about how to create jQuery plugin). Lets get started. First we create the structure of our tab and content area using HTML. The HTML Let’s look at the basic layout of the tabs and content divs.

Index.html The CSS We are using a number of CSS3 properties to give our vertical tabbed content area a skinny slick look, some of which may not be fully supported yet in all browsers. Box ShadowText ShadowCSS GradientsCSS Transitions There is a great list of which browsers currently support CSS3 properties at the following link: Web Designers’ HTML5 & CSS3 Checklist assets/css/styles.css The jQuery Code assets/js/script.js Wrapping Up. Code Snippets.

User Experience Consultants & Web Design Agency | Clearleft · Brighton, UK. Convert PSD to HTML / XHTML and CSS - P2H / PSD2HTML. Subtle Patterns | Free textures for your next web project. Speakker - The new way of <audio>

Browsers test

iExplorer Sucks. ¿Qué es Usabilidad? | Usabilidad al día. La Usabilidad es una cualidad relacionada con la facilidad de uso. Básicamente se puede resumir en tres aspectos: Es la rapidez con que se puede aprender a usar algo,la eficiencia que se obtiene al aprender a usar ese algo,cuán memorable o fácil de recordar es,cuál es su grado de propensión al error, ycuánto le gusta a los usuarios. En general y sobre todo en web, cualquier atributo que no se pueda utilizar o no sea utilizado es como si no existiera. Puedes encontrar más información al respecto en: Wikipedia: solo usabilidad: (en Inglés): (en Inglés): La mayoría de esta información es extraida del libro "Usabilidad prioridad en el diseño web" de Jakob Nielsen.

Libros de diseño web, libros de SEO y libros de usabilidad. Website Boosting, de Mario Fischer. Ed. MARCOMBO. Optimizar los buscadores, Usabilidad y Marketing Web. Libro de SEO con propuestas muy interesantes sobre publicidad en la web de un reconocido experto en la materia. "Quiero que mi empresa salga en Google" de Sico de Andrés. Posicionamiento en Buscadores, de Fernando Maciá Domene y Javier Gosende Grela. Libro SEO: "Cómo triunfar en buscadores"‎ Miguel Orense, Rojas Orduña, Octavio Isaac. "Libro SEO Posicionamiento en Buscadores" de Miguel López (TallerSEO). Un libro que explica el posicionamiento en buscadores como un taller de trabajo. Teorías, estrategias, ejemplos, ejercicios, material de referencia, instrucciones y trucos del trabajo SEO. Precio Kindle: 10,35€ IVA incluido y envío a través de Amazon Whispernet. 288 páginas. Libro SEO: Posicionamiento de su sitio web en Google y otos buscadores de Marie Prat ENI ediciones Dirigido a todo el que anda relacionado de alguna forma con los sitios web.

Archive » Usabilidad. Prioridad en el diseño Web, de Jakob Nielsen. 40 Excellent (Yet Free) CSS Tools And Generators For Developers. Don't Forget to participate in a contest where you can win an amazing e-Commerce template from TemplateMonster. For a developer, finding useful CSS tools is like finding a magic lamp that can make his toughest task a fun activity. CSS tools help developers in numbers of ways and let them create stylish, functional and optimized websites. In this post, we are showcasing a precious collection of 40 useful and powerful CSS tools and generators that save your time and energy while giving the best possible results. Take a look and feel free to share your comments with us. YAML Builder The Builder is designed for rapid development of CSS layouts, that are based on YAML.

Grid Designer Grid Designer is an online tool for designing grids. My CSS Menu My CSS Menu provides the average webmaster with tools to create custom, cross browser compatible CSS menu. Csstxt Csstxt helps you in illustrating the lots of different ways to add a style to a text file with the help of ‘a’, ‘p’ or ‘div’ tags. Simple CSS. The Top 40 Free Ajax & Javascript Code for Web Designers. Ajax has becoming very popular recently, but most designers seem to rehash the same script over and over (you’ll see it in a lot of WordPress Themes and Plugins). Perhaps we aren’t using ajax technology to its full potential, myself included. The list below is made up of the best FREE scripts available, they are all of the highest quality and more or less easy to configure. Give them a try. I have tried and tested the top 22, and aim to try the rest, because to be honest they look pretty cool. 1.

Description:Lightbox is a simple, unobtrusive script used to overlay images on the current page. 2.Timeline ( Description:Timeline is a widget for visualizing time-based events. 3. Description:Reflection.js allows you to add reflections to images on your webpages. 4. Description:Pie & Donut (doughnut) is a very universal and fully configurable Flash chart. 5. Description:Plotr is a lightweight chart creating framework. 6. 7. 8. 9. 10. 11. 12. 15. And the rest… jQuery Automatic Update Order Form - DaBrook Web Education. The Inspiration I am currently teaching a JavaScript for designers course at CDIA in DC and the students have a final project of designing an order form for a PSD to HTML service. There are a number of CSS slicing sites, and a few of them have really cool order forms. The Goal, the Example, and a Thanks We wanted to be able to create an order form that automatically updated the price depending on whether the user selected certain services using either radio buttons or check boxes.

To do this we used a combination of straight JavaScript and jQuery to tell when a radio button or checkbox had been selected and calculate the total. I have to thank Chris from CSS tricks for his great custom jquery order form, which does something similar but using text input fields instead of buttons. You rock man! Check out the demo Getting started with the Markup and Style There is nothing too special here about the mark. Rather than post all of the HTML and CSS, just view the source file and grab what you need. Three.js - JavaScript 3D library.

Chrome Experiments - WebGL Experiments. 50 Useful Tools and Generators for Easy CSS Development. DOM: Obteniendo y asignando texto con jQuery | fernetjs. Abril 16, 2012 by Pablo Novas - @pjnovas jQuery nos brinda 3 formas de obtener y asignar contenido como texto al DOM. .val() Obtener y asignar el valor de controles de formulario como ser input, select y textarea .text() Obtener y asignar el texto de cualquier elemento DOM. .html() Lo mismo que el text() con la diferencia que el texto es interpretado como HTML, no como texto plano Los tres métodos trabajan de la misma manera al momento de obtener o asignar: para asignar, simplemente enviamos un string por parámetro y para obtener no enviamos ningún parámetro: Desde la versión 1.4 de jQuery el método .html() puede recibir una función y con un return dentro de la misma asignamos el innerHTML al elemento selecionado.

Puntos importantes a tener en cuenta al utilizarlos: Al momento de asignar con el método html() y pisar el contenido hay que tener en cuenta limpiar la memoria de los elementos antes de hacerlo para evitar que la memoria se nos vaya de las manos. Script Tutorials | Web Developer Tutorials | HTML5 and CSS3 Tutorials. Open Source. Brackets. Web Design Swindon | Web Design Bristol | Symphony Online. These Are Things - Home of the Modern World Map.

Bootstrap. MySQL Web Application Development. Crear una página - Plantillas web - Cómo crear una página web. 300+ Jquery, CSS, MooTools and JS navigation menus. If You are web developer great navigation menus always comes handy. I united this list for people like me, who sometimes wants to do job fast and choose from already prepared examples, which are easy to use. So here are many resources starting from very simple HTML and CSS navigation menus, until very complicated and advanced jQuery, JavaScript and MooTools techniques used to get maximal control with fading, sliding, dragging etc. effects. Be sure to bookmark this site for later use! 1.Fancy menu – very cool navigation menu: 2. Download dock menu 3. 37 different CSS navigation techniques: 4. 5. 6. 7. 8. 13 hand-picked Vertical and horizontal CSS Menus ; 9. 10. 11. I really recommend You to visit this site: 12. 13. 14.Accessible Image-Tab Rollovers; 15. 16. 17. 18.CSSmenumaker.com – offers professional CSS menus; 19. 20. 21. jdMenu Hierarchical Menu Plugin for jQuery – vertical multilevel dropdown list; 22. 23. 24. 25. jQuery Treeview Plugin: 27. 32. 33.

Download all menus 34. 37. Download 39. 40. Crea un sitio web sin escribir código | Adobe Muse.

Frameworks

Ajax. AUDIO Y VIDEO. FLASH Y ACTIONSCRIPT. FORMULARIOS. FONTS. Utiles. Escuelas y tutos. E commerce. Javascript. SEO. PEORES SITIOS. Html 5. CMS. ANIMACIÓN. Responsive design. Usabilidad web. PHP. CSS. Responsivo. PROGRAMACION. JOOMLA. COLOR HEXADECIMAL.