Curso Básico 6.2 - Funciones (Nombrar Parámetros) | Stylus

En el siguiente curso se muestra una gran funcionalidad de Stylus que es la de nombrar a los parámetros sin importar su orden, especificando el nombre del parámetro seguida de su valor con el signo de dos puntos (:)

---

Código Stylus

suma(a, b)
  suma = (b * 2px) + (a - 10px)
  return suma


p
  font-size suma(b:10px, a:20px)

Código CSS

p {
  font-size: 30px;
}

---

---

Siguenos en:
Blogger -- http://codefluid.blogspot.mx
Facebook -- https://www.facebook.com/CodeFluid
Twitter -- https://twitter.com/CodeFluid
GitHub -- https://github.com/CodeFluid
Vimeo -- https://vimeo.com/user47266653

Leer Más

Curso Básico de Stylus 4 - Condicionales (if-else)

En este tutorial mostramos como hacer uso de la condicional if-else

Código Stylus

fuente(size, weight)
  font-size size
  if(weight)
    font-weight bold
  else
    font-weight normal

#titulo
  fuente(20px, false)

Código CSS

#titulo {
  font-size: 20px;
  font-weight: normal;
}

Siguenos en: Facebook -- https://www.facebook.com/CodeFluid

Twitter -- https://twitter.com/CodeFluid

GitHub -- https://github.com/CodeFluid

Vimeo -- https://vimeo.com/user47266653

Leer Más

Curso Básico de Stylus 3 - Mixins

En este tutorial mostramos la utilidad de los mixins y como se utilizan en los archivos Stylus para crear hojas de estilos CSS más rápidas.

Código Stylus:

fuente(size = 10px, family = 'Arial', style = normal)
  font-size size
  font-family family
  font-style style

p
  fuente(20px, 'Arial', normal)

#titulo
  fuente(50px, 'Times New Roman')

.sub-titulo
  fuente(90px, 'Hola',normal)

Código CSS:

p {
  font-size: 20px;
  font-family: 'Arial';
  font-style: normal;
}
#titulo {
  font-size: 50px;
  font-family: 'Times New Roman';
  font-style: normal;
}
.sub-titulo {
  font-size: 90px;
  font-family: 'Hola';
  font-style: normal;
}

Siguenos en: Blogger -- http://codefluid.blogspot.mx Facebook -- https://www.facebook.com/CodeFluid Twitter -- https://twitter.com/CodeFluid GitHub -- https://github.com/CodeFluid Vimeo -- https://vimeo.com/user47266653

Leer Más

Curso Básico de Stylus 1 - Introducción a Stylus

Stylus es un pre-procesador de CSS que fue creado por la necesidad de optimizar nuestras hojas de estilo y que gracias a las características que tiene nos podemos deshacer de aquellas tareas que son repetitivas al momento de crear nuestras hojas de estilo.

En este tutorial se muestra la sintaxis de Stylus con un pequeño ejemplo:


Código Stylus

body
    background #123
    border-top 1px solid black

p
    color blue
    font-size 20px
    line-height 20px

Código CSS

body {
    background: #123;
    border-top: 1px solid black;
}

p {
    color: #00f;
    font-size: 20px;
    line-height: 20px;
}

Leer Más

Brackets 1.5

38.4 MB | MEGA/Mediafire

Es un editor de texto libre escrito en HTML, CSS y JavaScript con un enfoque principal al desarrollo web. Fue creado por Adobe Systems, bajo la licencia MIT, y actualmente GitHub da el soporte.

Características:

• Edición rápida
• Docs Rápida
• Vista previa en vivo
• JSLint
• MENOS apoyo
• Integración Teseo
• El código abierto
• Extensibilidad

Descargas:

• MEGA
• Mediafire

Leer Más

Notepad++ 6.8.8

3.9 MB | MEGA/Mediafire

Es un editor de texto y de código fuente libre con soporte para varios lenguajes de programación. De soporte nativo a Microsoft Windows.

Se parece al Bloc de notas en cuanto al hecho de que puede editar texto sin formato y de forma simple. No obstante, incluye opciones más avanzadas que pueden ser útiles para usuarios avanzados como desarrolladores y programadores.

Se distribuye bajo los términos de la Licencia Pública General de GNU.

Mejoras:

• Arreglo una regresión del estilo de enlace en HTML/PHP.
• Añadio información de depuración.
• Arreglo el resaltado de las etiquetas.
• Mejoro resaltado de sintaxis para D, Powershell, Lua y Python.
• Mejoro resaltado de sintaxis de los comentarios de preprocesador para varios idiomas.
• Mejoro el botón de cierre en la posición de tabulación.

Descargar:

• MEGA
• Mediafire

Leer Más

Notepad++ 6.8.6

3.9 MB | MEGA/Mediafire

Es un editor de texto y de código fuente libre con soporte para varios lenguajes de programación. De soporte nativo a Microsoft Windows.

Se parece al Bloc de notas en cuanto al hecho de que puede editar texto sin formato y de forma simple. No obstante, incluye opciones más avanzadas que pueden ser útiles para usuarios avanzados como desarrolladores y programadores.

Se distribuye bajo los términos de la Licencia Pública General de GNU.

Características:

• Coloreado y envoltura de sintaxis: si se escribe en un lenguaje de programación o marcado, Notepad++ es capaz de resaltar las expresiones propias de la sintaxis de ese lenguaje para facilitar su lectura.
• Pestañas: al igual que en muchos navegadores, se pueden abrir varios documentos y organizarlos en pestañas.
• Resaltado de paréntesis e indentación: cuando el usuario coloca el cursor en un paréntesis, Notepad++ resalta éste y el paréntesis correspondiente de cierre o apertura. También funciona con corchetes y llaves3
• Grabación y reproducción de macros.
• Soporte de extensiones: incluye algunas por defecto.

Lenguajes que Soporta:

• Ada
• ASP
• ASM Ensamblador (x86)
• ASM Ensamblador (Z80)
• AutoIt
• Batch
• C
• C#
• C++
• Caml
• CMake
• COBOL
• CSS
• D
• Diff
• Flash ActionScript
• Fortran
• Gui4Cli
• Haskell
• HTML
• INNO
• Java
• JavaScript
• JSP
• KiXtart
• Lisp
• Lua
• Makefile
• MATLAB
• MS INI (archivo)
• NSIS
• Objective-C
• Pascal
• Perl
• PHP
• PostScript
• PowerShell
• Properties
• Python
• R
• RC (fichero de recurso)
• Ruby
• Shell
• Scheme
• Smalltalk
• SQL
• Tcl
• TeX
• VB
• VHDL
• Verilog
• XML
• YAML

Además, permite al usuario definir su propio lenguaje: no sólo las palabras clave para la sintaxis coloreada, sino también las palabras clave para la envoltura de sintaxis, los comentarios clave y los operadores.

Descargar:

• MEGA
• Mediafire

Leer Más