background preloader

Git - la guía sencilla

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 ramas

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:

Mobile Application Development with Apache Cordova on Debian Jessie | vgrujic Apache Cordova is a framework that allows mobile application development with HTML, Javascript and CSS. Platforms that are supported are FirefoxOS, Android, iOS, Blackberry 10, Ubuntu, Amazon Fire OS, Windows, Tizen. More about supported platforms could be read here. Current machine, 64bit Debian Jessie: $ uname -ra Linux debian 3.12-1-amd64 #1 SMP Debian 3.12.9-1 (2014-02-01) x86_64 GNU/Linux Installing Cordova Command-Line Interface # su # apt-get install nodejs npm # npm install -g cordova In order to prevent error when cordova command is executed (cordova /usr/bin/env: node No such file or directory) symlink should be created since Cordova expects nodejs to be in /usr/bin/node # ln -s /usr/bin/nodejs /usr/bin/node In order to test cordova and create simple application, sdk for a platform is necessary. Android platform cordova app on Debian Jessie # update-alternatives --install /usr/bin/java java /home/gruja/okruzenja/jdk1.7.0_51/bin/java 100 Configuration of java to newly added alternative

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

Cryptocat Nifty Modal Window Effects A set of experimental modal window appearance effects with CSS transitions and animations. View demo Download source Today we want to share some ideas for modal window effects with you. There are infinite possibilities for transitioning the appearance of a dialog box and we wanted to provide some ideas of how to show dialog boxes and provide some inspiration. The idea is to have a trigger button (or any element) which will make a modal window appear on click using a simple transition (or animation). Please note: this only works as intended in browsers that support the respective CSS properties. There are some knows issue with using visibility/opacity for iOS < 6 Mobile Safari, so this probably won't work on older devices. The structure of the modal window consists of a main wrapper and a content division: <div class="md-modal md-effect-1" id="modal-1"><div class="md-content"><h3>Modal Dialog</h3><div><p>This is a modal window. For some effects we will also add a class to the html element.

ScrollMagic ♥ Demo Responsive Web Design - Learn to Code Advanced HTML Lesson 4 The Internet took off quicker than anyone would have predicted, growing like crazy. Now, for the past few years, mobile growth has exploded onto the scene. These days it is hard to find someone who doesn’t own a mobile device, or multiple, connected to the Internet. With the growth in mobile Internet usage comes the question of how to build websites suitable for all users. Responsive Overview#responsive-web-design Responsive web design is the practice of building a website suitable to work on every device and every screen size, no matter how large or small, mobile or desktop. The responsive web design term itself was coined, and largely developed, by Ethan Marcotte. Responsive vs. For some the term responsive may not be new, and others might be even more acquainted with the terms adaptive or mobile. Responsive and adaptive web design are closely related, and often transposed as one in the same. Flexible Layouts#flexible-layouts Relative Viewport Lengths Flexible Grid Viewport Scale

Conversor do YouTube para MP3, MP4 CSS3: Efectos hover para imágenes - Miguel Manchego Las animaciones para revelar titulos y descripciones al hacer hover a una imagen, nos ayudan a dar dinamismo a nuestra web; logrando mostrar mas contenido en menos espacio. Para realizar estas animaciones nos valdremos de propiedades css3, tales como “transform y transition”. La estructura html básica a usar sería de un contenedor que abarque la “imagen” y el “cover o máscara” con el titulo la descripción y el link. A esta estructura base tenemos que asignar estilos para que la máscara quede sobre la imagen. Con esta estructura base vamos a mostrar distintas animaciones simples y vistosas para revelar el titulo y la descripción. Ejemplo 1 Para este caso haremos que al hacer hover a la imagen el titulo entre por la derecha, la descripción por la izquierda y el link por abajo. Usaremos la siguiente estructura, la cual es solo agregar la clase “ejemplo-1” al contenedor: Para dar las animaciones usaremos “transition: ease-in-out”, “transform” con “translateX(Xpx)” y “translateY(Ypx)”. Ejemplo 2

Related: