¿Otro "freimmwor" de UI?

• Sí, es otro "bootstrap"
• Colección de componentes CSS y JS
• Modular y ampliable
• Open churs -> G.R.A.T.I.S.

 

https://www.csshero.org/css-frameworks-use-comparing-5-popular-css-frameworks/

UIKit has the quick-loading ease of use of Pure.css and the extensive modularity of Bootstrap. It also has a rapidly growing developer base, especially among WordPress and Joomla developers. If you want something with a relatively soft learning curve along with customization options, this can be the framework for you."

* Comparada con bootstrap, foundation, pure y skeleton (en 2015)

• Yootheme, una empresa de Hamburg,
  que hacen y venden plantillucas chulas y de high performance gromenawer <- no, rilli
• Más populares en Joomla que en WP
• Veteranos del responsif world

• Creadores de su propio CMS Open Source:
  PAGEKIT, montado con symphony y vue.js
• Modernos no; lo siguiente.
  Y lo sabesh.

Y K LO QUE ASE ?

• Mismamente lo mismo que El Bootstrap, y más
• MUCHO menos css adicional para ajustar las cosas
• MUCHO menos js adicional para:
  • Ajustar las cosas
  • Plugins específicos que tienes que añadir "de por ahí", para, por ejemplo:
    - Implementar animaciones, scrollspy, scroll suave...
    - Parallax, Isotope, UI avanzada, tabs, accordion...
    - Formulario avanzado: Datepickers, upload...

UIKit 3 beta

Un pepinazo, va fino, fino,

pero aún es una Beta, y lo que es beta dicen que Peta.

 

-No necesita jQuery, es

todo pure Vanilla Ice JS(tm)

-Iconos SVG mapeados (symbols)

-Todo son components

-Gran rendimiento, uso casi igual

UIkit 2.27.5

Va que te cagas. Montas una landing CASI TAN RÁPIDO COMO CON UN VISUAL EDITOR.

 

-Funciona con y depende de jQuery.

-Iconos fontawesome, muy socorridos, pero pesaos que te cagas, todos

-Grupo core y addons(components)

CORE + COMPONENTS

USA SÓLO LO QUE NECESITES

• El core, aunque pequeño, incluye cosas que podemos no necesitar, por ejemplo:
  • Animations library
  • Fontawesome icons library...
  • Los quitas del css, ¡yatomapolculo! (2kms de css)
• Podemos quitar limpiamente las cosas del core que no usemos.
• Si ya tenemos Bootstrap en el proyecto, pueden convivir. Como el plátano y el all i oli, vamos...

CORE

https://getuikit.com/v2/docs/core.html

• Elementos básicos de maquetación
• Grid basada en floats de 1,2,3,4,5,6 o 10 columnas
• Soporte avanzado grid de igualado de alturas de columnas o cajas, tamaño del gap y márgenes verticales inteligentes
• Navegaciones, botones, alerts, panels...
• Componente CONTRAST realmente útil
• Utilidades muy bien pensadas
• Switchers, toggles y scrollspy:
  Efectos guapos js sin escribir una sóla línea de js, con data-attributes

COMPONENTS

https://getuikit.com/v2/docs/components.html

• Elementos avanzados de maquetación, forms, etc.
• Dynamic grid: El isotope más fácil
• Slider, slideset... sistema de slideshows de varios tipos y de funcionamiento simple (pero que pueden hacer cosas muy potentes)
• Parallax: Pa molar... esto si el proyecto no dispone de buen material gráfico, ni lo recomiendo...
• Accordion: Siempre viene bien tenerlo, y este va muy finico
• Sticky: (el "affix" de bootstrap) simple y parametrizable (desde, hasta...)

DEMO BÁSICA GRID

Te va a encantar:

https://codepen.io/recioraszak/pen/mXPKjG