Main Page JavaScript fácil y rápido con jQuery Aunque la librería más conocida y utilizada hasta hace poco era Prototype, ha surgido una nueva librería llamada jQuery, que incluye muchas de las ideas de Prototype y a las que añade muchas otras nuevas ideas para crear una librería espectacular: muy pequeña, rápida, ligera y con cientos de utilidades. Las aplicaciones web cada vez son más complejas, ya que incorporan nuevos efectosvisuales e interacciones dinámicas (Ajax, auto-completar, drag&drop, elementos que aparecen/desaparecen, animaciones, etc.). Al mismo tiempo, el desarrollo de las aplicaciones web avanzadas es cada vez más complicado, ya que deben funcionar correctamente en al menos 5 navegadores diferentes (Internet Explorer 6 y 7, Firefox, Opera y Safari) y el tiempo de desarrollo se reduce por la necesidad continua de incluir novedades en la aplicación. Por todo ello, es imprescindible utilizar librerías JavaScript que simplifiquen el desarrollo y permitan crear aplicaciones compatibles con todos los navegadores. Con jQuery
Experimenting with Swiss Style in CSS Last week I started playing in CSS for my new personal site. I decided to skip the Photoshop/Fireworks/Illustrator part and go from sketches to HTML/CSS. This process helps me to improve my coding skills, especially for rapid prototyping. The first experiment I decided to create was a simple page with just text and texts rotated 45 degrees, heavily inspired in the Swiss Graphic Design Style. For this post I want to show you a little bit of the creative process behind this experiment. The whole design uses only regular fonts, if you use a MAC you will see the text in Helvetica, while other platforms might render in Arial or Roboto (android). Also feel free to give feedback or suggestions on how to improve the code. Step 1 To start, let me show you the basic HTML file. Step 2 Now let's focus on the part of the text that rotates. Step 3 First thing to do is to adjust the font sizes using CSS Step 4 To rotate the text we will use CSS transformation (transform:rotate(deg)). Step 5 Conclusion
minify - What's the difference between jquery.js and jquery.min.js jPaginate: A Fancy jQuery Pagination Plugin jPaginate is a jQuery pagination plugin that comes with a twist: animated page numbers. The user can slide through the available page numbers by clicking or just hovering over the arrows. Shortlinks to the first and last page are available as well. You can call the plugin in the following way: $(elementID).paginate() You can configure […] jPaginate is a jQuery pagination plugin that comes with a twist: animated page numbers. The user can slide through the available page numbers by clicking or just hovering over the arrows. $(elementID).paginate() You can configure the plugin with the following properties: View demoDownload jPaginate Message from TestkingLearn the basics of jquery using sun tutorials.
Lois Jeans | Spring Summer 2013 LOIS is more alive than ever, “more LOIS than ever”. Since last December we have thrown ourselves on the road and probably one day you will see the LOIS BUS in your hometown, as it is already rolling along all the corners of Spain coinciding with the holidays and most important events of each region. Our aim is to be present at any happening, event, concert, etc. that is a meeting point for young people who are interested in being open to any social or cultural manifestation taking place in our country, as LOIS has been there since1962 and still stays there, stronger than ever. We’ll visit Colleges, Discos, etc., and the LOIS BUS shall be, during its journey, the meeting point for the fans of the brand, where we’ll give away gifts and merchandising bearing the mythical Bull logo, all the year 2010 long. LOIS is still a brand that endures over crises, avatars and ephemeral fads. If you want to know more about us, you don’t need to go out and seek us, we’ll look for you instead!!!
FlexPaper - The web based pdf viewer solution 15 plugins jQuery para la manipulación de tablas 15 plugins jQuery para la manipulación de tablas 7 sep aNieto2k hace 2640 días en: ajax, javascript, Programacion, webdev Los elementos <table />, poco a poco, se están usando para lo que fueron creados, como la mejor forma de mostrar datos tabulados al usuario. Gracias a este uso, es posible usar javascript para añadirle funcionalidad a esas estáticas tablas. (Ver Imagen) Entre estos 15 plugins jQuery, seguro que encuentras algo para hacer que tus tablas de datos no sean planas y sin opciones. DataTables Permite: Edición al vueloCarga de datos con AjaxPaginaciónMultiordenación por columnasExtensible por pluginsPersonalizable por CSSIdiomatizable uiTableFilter Filtrar datos al vuelo Scrollable HTML Table Usar la estructura HTMLLimitar el alto y ancho de la tabla Tablesorter Multiordenación por columnasExtensible mediante widgets Flexigrid HeatColor Establecer rango de colores para visualizar más fácilmente resultados. JQTreeTable Mostrar datos en forma de arbol dentro de tu tabla. Ingrid jQuery treeTable
Tags y atributos HTML Bypass main content Este tutorial está pensado para presentar las bases del código HTML a usuarios que nunca han escrito un sitio web manualmente. Escribir código HTML code es básicamente escribir tags, atributos y contenido. Es por ello que nos enfocaremos en cómo un tag, sus atributos y su contenido son definidos. Nota que también estableceremos las reglas para escribir documentos XHTML válidos. Puedes encontrar muchos tags, atributos y código JavaScript en este tutorial pero ninguno de ellos es apropiadamente descripto. Elementos y tags HTML está compuesto por un conjunto de elementos que son la base de su estructura. Los elementos están compuestos por dos tags: tag de apertura y tag de cierre (a excepción de los elementos vacíos donde el tag de cierre es omitido). Código <strong>Texto con énfasis fuerte</strong> Vista Texto con énfasis fuerte Nota cómo el tag de apertura está compuesto por el nombre del elemento encerrado por los símbolos "<" y ">". Atributos
PDFObject: Standards-friendly PDF embedding jQuery test // set constants var $pageheight = 189; // our single page height var $pagewidth = 146; // our single page width var $pageYpos = 0; // current Y position of our bg-image (in both pages) $(document).ready(function(){ // When the page is ready /* left page turner */ $("#leftpage").click( function() { $pageYpos = $pageYpos + $pageheight; // update Y postion $("#leftpage").css("background-position", "0px "+$pageYpos+"px");// move the background position setTimeout ('$("#flip").css("background-position", "top center");', 200); setTimeout ('$("#rightpage").css("background-position", "146px "+$pageYpos+"px");', 200); }); // close leftpage click function /* right page turner */ $("#rightpage").click( function() { $pageYpos = $pageYpos - $pageheight; // note: minus page height $("#rightpage") .css("background-position", "0px "+$pageYpos+"px"); }); // close rightpage click function }); // close doc ready
Thimble, la herramienta de Mozilla que facilita el diseño de páginas web Utilidades Thimble, la herramienta de Mozilla que facilita el diseño de páginas web Mozilla Thimble es la nueva herramienta a su suite Webmaker. Se trata de un editor visual HTML con un tutorial integrado. Además, si el usuario comente un error de programación, la aplicación alerta del mismo y ofrece una explicación sencilla para quienes no tienen conocimientos de html. Con el diseño ya finalizado, tan sólo hay que hacer clic y se publica el resultado. Además del lanzamiento de Thimble, Mozilla ha mejorado el diseño de su sitio Webmaker.org. Un camino sencillo para quien quiera afinar sus habilidades web. _____ +info: thimble.webmaker.org