background preloader

52Framework - first ever html5 and css3 framework

52Framework - first ever html5 and css3 framework
Related:  FRAMEWORK*

Comparación de Frameworks en Javascript Hemos pasado de páginas estáticas basadas en solamente HTML y CSS a páginas dinámicas que utilizan motores externos como PHP, ASP y Coldfusion para dar este dinamismo. Aunque Javascript no es una tecnologí­a reciente ha tomado mayor popularidad porque enriquece la experiencia de los usuarios de los sitios web. La evolución nos ha traí­do el Cloud Computing o “Computación en Nube”, los Sistemas Operativos Web y las Aplicaciones basadas en Web. Características de los Frameworks: Es necesario entender que un framework es una abstracción de código común que provee funcionalidades genéricas que pueden ser utilizadas para desarrollar aplicaciones de manera rápida,fácil, modular y sencilla, ahorrando tiempo y esfuerzo. En su mayorí­a, los frameworks javascript proveen componentes para: Compatibilidad. Aplicaciones Web vs. Un sitio web es simplemente eso, un portal, una página, un grupo de páginas, una serie de documentos dinámicos o no. Datos importantes y ejemplos Dojo Toolkit: ExtJS: jQuery:

» CSS & Javascript Character Entity Calculator :: CSS, JavaScript and XHTML Explained Enter your HTML Entity Character number (such as &#2335 or just 2335 – ट) to get the CSS and JS values for that entity. Explanations on how to use the results are below. (open in new window). named entities | numeric entities | 2,636 entities If you can’t find the entity you want, try drawing it Example of JavaScript Charater Entities and the DOM Example Code (This is the code for the dynamically generated content in the button above). var calc = document.getElementById("calculator"); var theButton = calc.getElementsByTagName('button')[0]; var buttonOptions = ['\u03a0\u03a1\u0395\u03a3\u03a3', '\u2660\u2663\u2665\u2666', '\u221a']; var rand = Math.floor(Math.random()*buttonOptions.length); var buttonText = document.createTextNode(buttonOptions[rand]); var z = theButton.appendChild(buttonText); The Explanation: Line 1: gets the div containing the button. Including Character Entities in JavaScript and CSS The processes for including special characters in JavaScript and CSS are very similar:

UIkit InK - Interface Kit 960 Grid System Frameworks Javascript prometedores para tus proyectos Los populares Frameworks para Javascript: jQuery, Prototype, MooTools y demás, no son lo únicos que existen. Actualmente disponemos de alternativas orientadas a diferentes públicos y tipos de aplicaciones, que no son populares, pero sí prometedoras. Es bueno recordar que los Frameworks son simplemente herramientas utilizadas bajo ciertas necesidades. A continuación te presento una serie de los Frameworks Javascript que deberían ser considerados como alternativas reales. RightJS: El Framework JavaScript correcto RightJS está dirigido al público de los lenguajes dinámicos, intenta posicionarse dentro del grupo de los Frameworks Javascript más populares. Su instalación es prácticamente igual que todos los demás Frameworks, simplemente incluyes el archivo del núcleo en la página, de la siguiente manera: La librería viene con dos archivos, uno es el código actualizado y el otro contiene código soportado por navegadores viejos. Fue probado y funciona en los siguientes navegadores: David Tavárez

Free XML editor download Foxe supports most encoding names in the XML Declaration encoding or HTML charset, plus UTF-16 BOM and UTF-8 preambles, only assuming the system current locale ANSI charset when it doesn't pass UTF-8 autodetection. Programmable XML tool Foxe is growing as an XML tool with FOAL scripting for processing documents with CMarkup functions using C++ syntax. It can automatically generate a program for you when you right-click on an element or attribute. Unicode features of the free XML editor The firstobject XML editor also has some unique Unicode text features. <? U+20AC (8364, Currency Symbols 20A0 - 20CF) UTF-8 E2 82 AC shift_jis N/A € U+4E2D (20013, CJK Unified Ideographs 4E00 - 9FFF) UTF-8 E4 B8 AD shift_jis 92 86 中 U+3059 (12377, Hiragana 3040 - 309F) UTF-8 E3 81 99 shift_jis 82 B7 す XML editor C++ source code

KNACSS, a simple and lightweight CSS framework HTML KickStart HTML Elements & Documentation Setup Download HTML KickStart Include jQuery and HTML KickStart <script src=" src="js/kickstart.js"></script><!-- KICKSTART --><link rel="stylesheet" href="css/kickstart.css" media="all" /><!-- KICKSTART --> Copy Elements into your HTML Browsers HTML KickStart Tested and working in IE 8+, Safari, Chrome, Firefox, Opera, Safari IOS, Browser and Chrome Android. Notes Don't forget to use an HTML5 Doctype <! Buttons A.button With Icons Colors .orange Styles .pop Tooltips Tooltips are awesome. Hover over the examples on the right to preview. Use: class="tooltip" + title="my tooltip content" Tooltip Positions .tooltip (default) .tooltip-top .tooltip-right .tooltip-left .tooltip-bottom Tooltips with HTML Content .tooltip + data-content="#ID" HTML Content This is more HTML content. Paragraphs Blockquote lobortis nisl ut aliquip ex ea commodo consequat. Blockquote Small Inline Styles Heading 3 Heading 4 Heading 5 Heading 6 Address col_12

Baseline - a designer framework by Stephanecurzi.me “Real” baseline grid on the web When I first started to design Baseline, I wanted to base the grid on the work of Josef Müller-Brockmann, unfortunately some missing CSS attributes — like type leading — kept me from implementing a true grid based approach. I then decided to another look at the basic grid used in print: the baseline grid. Most frameworks and examples of baseline grids simply put the type on a regular line-height, but one problem with this approach is that the text rarely lines up correctly between columns and headlines — H1 through H6. Baseline try to align to the font metric to correctly line up headlines, paragraphs, form labels and any other major elements on the page baseline, creating a harmonious layout. How to use Baseline Baseline can be used in many different ways. Download The .zip file includes the full set of CSS files both for development and deployment, a Photoshop base document and a full set of HTML templates and examples. Going from 0.2 to 0.5 Version 0.5.1

Técnicas en AJAX que han mejorado la usabilidad en un sitio, y c Aunque algunos desarrollos en AJAX ya existían desde hace mucho tiempo, fue Google quien nos cautivó con GMail al implementarlo tan bien que vimos las posibilidades reales de una aplicación de escritorio corriendo en la web. Luego de eso fueron surgiendo más aplicaciones, pero sobre todo técnicas implementadas en éste conjunto de tecnologías que mejoraron la experiencia del usuario, y el desarrollo web, que me gustaría enumerar algunas en éste artículo junto a enlaces con scripts gratuitos para que cualquier otro desarrollador pueda implementarlo en su siguiente aplicación. Autocompletado Esto nos ha sido de gran ayuda para completar formularios, la primera vez lo ví con Google Suggest que ofrecía sugerencias de posibles búsquedas, también lo incluye GMail para ayudarnos a ingresar direcciones de correo. Scripts con ejemplos y tutoriales para su implementación: Información en pestañas Calificar un artículo o elemento Youtube nos enseñó a calificar los videos Validación al enviar formularios

Create the accordion effect using CSS3 | The CSS Ninja - All things CSS, Javascript &amp; xhtml Recently I have been playing around with CSS transitions and animations as implemented in webkit based browsers such as Safari and Chrome. They have been submitted to the W3C for consideration in the CSS3 spec so hopefully we should see more browsers support this soon, Firefox 3.5 supports CSS transforms which was developed by the webkit people to work alongside CSS animations & transitions. To continue my effort to accomplish tasks in CSS that are usually reserved for JavaScript, such as my Futurebox and CSS based iPhone orientation detection. I have developed a CSS based version of the popular “accordion effect” that utilises the webkit CSS transitions. Like the Futurebox demo I’m utilising the CSS3 :target pseudo class to know which item to show based the URI fragment identifier (the # in the url). It should be noted that this works best in a webkit based browser such as Safari 3+, Chrome or iPhone. Firefox 1.5+Opera 9.6+Safari 3+Chrome 1+IE6+ – IE solution The xhtml The CSS IE xhtml

Jeet Framework

Related: