Flatly Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney's organic lomo retro fanny pack lo-fi farm-to-table readymade. Trust fund seitan letterpress, keytar raw denim keffiyeh etsy art party before they sold out master cleanse gluten-free squid scenester freegan cosby sweater.
Como hacer un menú de navegación adaptable a móviles Share on Pinterest Estoy seguro que mas de una vez has visto el tipo menú de Aplicación para smartphone el cual presionas un botón con 3 lineas y aparece un bonito menú por uno de los laterales, hoy en este tutorial te enseñare como hacer ese menú de navegación. El objetivo de este tutorial consiste en crear un menú de navegación para una vista de Escritorio y que ese mismo menú se visualice diferente al acceder al sitio desde un móvil, como pudiera ser una tableta ipad o un iphone. Este tipo de menús son muy utilizados en la mayoría de los sitios responsive, pero yo no te aconsejaría utilizarlo en cualquier caso, en ocasiones puedes hacer un simple menú flexible y eso ayudaría a la experiencia de usuario. Para poder hacer este menú vamos a utilizar un poco de Javascript pero sobre todo es HTML y CSS, asi que no te preocupes si no sabes JS. DEMO: Meta Viewport: Estructura HTML del menú de navegación: Estilos CSS: Código Javascript:
Introduction à WebRTC Démos de "produits" commerciaux ou non... WebRTC : principes du standard De nombreux produits font déjà du RTC : Skype, FaceTime, Hangouts, etc. Mais c'est natif ! The guiding principles of the WebRTC project are that its APIs should be open source, free, standardized, built into web browsers and more efficient than existing technologies... WebRTC s'appuie sur trois APIs MediaStream (aka getUserMedia) : webcam, micro, choix des sources (si multiples), RTCPeerConnection : appel audio ou vidéo streamés en p2p, avec chiffrement et gestion de la bande passante, RTCDataChannel : communication p2p de données génériques. Support : Chrome, Opera, FireFox, desktop et Android. Etapes pour établir une communication (point de vue client) Récupérer des flux audio et/ou vidéo, choisir la source (front cam, rear cam, etc.) MediaStream API (aka getUserMedia) getUserMedia, juste quelques lignes de code Un poil plus compliqué cependant (prefixes) Autre démos avec la webcam ou le micro MediaStream pour WebRTC...
Aide mémoire pour Bootstrap | Maths, Info, etc. Twitter Bootstrap est une collection d'outils utile à la création de sites web et applications web. C'est un ensemble qui contient des codes HTML et CSS, des formulaires, boutons, outils de navigation et autres éléments interactifs, ainsi que des extensions JavaScript en option.Cette plate-forme a été conçue par deux développeurs faisant partie de la mouvance de développeurs qui gravitent autour de Twitter, Mark Otto et Jacob Thornton (@mdo et @fat).Ce site utilise un modèle basé sur Bootstrap. Cette page a pour objectif de lister les différents éléments gérés par Bootstrap pouvant être intégrés dans les pages et les articles utilisant ce modèle. La page est divisée en 12 colonnes.Pour écrire sur deux colonnes : <div class="row"><div class="col-lg-6"> Première colonne </div><div class="col-lg-6"> Deuxième colonne </div></div> Première colonne Deuxième colonne Pour écrire sur trois colonnes : Troisième colonne Boutons simples Boutons déroulants Taille des boutons Boutons de type bloc <! <h1 > h1.
git - la guía sencilla git - la guía sencilla una guía sencilla para comenzar con git. sin complicaciones ;) por Roger Dudler (traducido por @lfbarragan y @adrimatellanes) créditos a @tfnico, @fhd y Namics disponible en english, deutsch, français, indonesian, italiano, nederlands, polski, português, русский, türkçe, မြန်မာ, 日本語, 中文, 한국어 por favor, reporta cualquier problema en github configuración Descarga git para OSX Descarga git para Windows Descarga git para Linux crea un repositorio nuevo Crea un directorio nuevo, ábrelo y ejecuta git init para crear un nuevo repositorio de git. hacer checkout a un repositorio Crea una copia local del repositorio ejecutando git clone /path/to/repository Si utilizas un servidor remoto, ejecuta git clone username@host:/path/to/repository flujo de trabajo Tu repositorio local esta compuesto por tres "árboles" administrados por git. add & commit Puedes registrar cambios (añadirlos al Index) usando git add <filename> git add . envío de cambios ramas actualiza & fusiona etiquetas guías
AngularJS vs Backbone.js vs Ember.js―Choosing a JavaScript Framework [Part 2] In the first part of this article we talked about the questions you need to ask before choosing a JavaScript framework. Once we have decided on the need for a framework, we saw how aspects like features of the framework, difficulty-level in learning, external dependencies and the level of community support guide our choice. In this second and concluding part we are going to compare the three most popular JS frameworks namely AngularJS, Backbone.js and Ember.js. The 5 parameters on which we will evaluate the three frameworks include: SizeGetting startedDeveloper productivityCommunity support and popularityUsers A quick glimpse into each of the three frameworks and what they do: AngularJS Who: Developed by Google; used internally by them and MIT licensed. What: Angular follows the MVC pattern of software engineering and encourages loose coupling between presentation, data, and logic components. Backbone.js Ember.js Let us now see how these three frameworks compare against one another. Size Users
Beautiful Buttons for Twitter Bootstrappers This is an extension to the Twitter Bootstrap framework. It makes creating pretty buttons easy. (Send improvements to @charliepark.) First, monkey with the sliders on the left. Use your arrow keys for extra precision. Second, copy the CSS in the box below. You should be able to just pop it into your CSS file.
CSS3 Minimalistic Navigation Menu Martin Angelov As you have probably heard by now, CSS3 animations are a powerful tool, which enables you to create animations which run without the need of applying additional scripting to the page. What is even better, in the next generation of browsers we will have even more powerful tools, including 3D transformations (already present in Safari). But what difference does it make for us today? So today we are making something practical – a simple CSS3 animated navigation menu, which degrades gracefully in older browsers and is future-proofed to work with the next generation of browsers. The XHTML The menu is organized as an unordered list. demo.html <ul id="navigationMenu"><li><a class="home" href="#"><span>Home</span></a></li><li><a class="about" href="#"><span>About</span></a></li><li><a class="services" href="#"><span>Services</span></a></li><li><a class="portfolio" href="#"><span>Portfolio</span></a></li><li><a class="contact" href="#"><span>Contact us</span></a></li></ul> The CSS