Bootstrap vs. Skeleton

•

2 gefällt mir•4,985 views

Bootstrap and Skeleton duke it out. Conclusion: Skeleton works better for small projects not likely to evolve, Bootstrap is a more heavy-duty alternative.

Technologie Bildung

Commonalities
● Grid system (12 columns)
● Sensible basic style (typography etc.)
● Responsive

Comparison
Skeleton
● Lean
● No JS
Bootstrap
● Fat (trimmable)
● Too many JS
plugins to mention
● Customization
using LESS
● Themes

Lessons Learned
● Small project -> Skeleton
● Complex project -> Bootstrap
● Skeleton/Bootstrap > vanilla CSS
● See also ZURB Foundation, 320 and Up, ...

Credits
bluekdesign (BY-NC-SA) [1]
thefost (BY-NC-ND) [1]
MonsieurLui (BY-SA) [1]
'PixelPlacebo' (BY-NC) [1]

Weitere ähnliche Inhalte

Was ist angesagt?

Efektivny vyvoj v drupaleSven Creative, s.r.o.

jQuery Conf 2012Brett Holt

Bootstrap IntroductionAndrea Tarr

Introduction to Twitter's Bootstrap 2Julien Renaux

Decoupling Drupal mit dem Lupus Nuxt.js Drupal Stacknuppla

Getting started with the Lupus Nuxt.js Drupal Stacknuppla

Ext JS Meetup PresentationPatrick Sheridan

Using Bootstrap in Drupal 7Ivan Zugec

PhDigital 2020: Web DevelopmentCindy Royal

jekyll-tech-talkMuhammad Minhaj Mehmood

Bootstrap 3.1.1Prasad Parab

Angular jsTed Hsu

Drupal Presentation for CapitalCamp 2011: Features Driven DevelopmentMediacurrent

Jekyll demo - Refresh HiloEdward Meehan

Using WordPress with Static Site Generators by Muhammad Muhsin and Jason Bahl...rtCamp

Web Development IntroCindy Royal

Custom elements - An alternate Render API for decoupled Drupalnuppla

Langkah Menjadi Seorang Front-end Web Developer - Dimas Maulana Dwi SaputraDicodingEvent

Bootstrap Web Development FrameworkCindy Royal

Multi-content Containers in dotCMS 3.0Jason Smith

Was ist angesagt? (20)

Efektivny vyvoj v drupale

jQuery Conf 2012

Bootstrap Introduction

Introduction to Twitter's Bootstrap 2

Decoupling Drupal mit dem Lupus Nuxt.js Drupal Stack

Getting started with the Lupus Nuxt.js Drupal Stack

Ext JS Meetup Presentation

Using Bootstrap in Drupal 7

PhDigital 2020: Web Development

jekyll-tech-talk

Bootstrap 3.1.1

Angular js

Drupal Presentation for CapitalCamp 2011: Features Driven Development

Jekyll demo - Refresh Hilo

Using WordPress with Static Site Generators by Muhammad Muhsin and Jason Bahl...

Web Development Intro

Custom elements - An alternate Render API for decoupled Drupal

Langkah Menjadi Seorang Front-end Web Developer - Dimas Maulana Dwi Saputra

Bootstrap Web Development Framework

Multi-content Containers in dotCMS 3.0

Mehr von Juho Vepsäläinen

Web application development - The past, the present, the futureJuho Vepsäläinen

ECMAScript - From an idea to a major standardJuho Vepsäläinen

Quick introduction to QwikJuho Vepsäläinen

fooConf - JavaScript frameworks of tomorrowJuho Vepsäläinen

JavaScript frameworks of tomorrowJuho Vepsäläinen

The future is mostly staticJuho Vepsäläinen

Web application development - The past, the present, the futureJuho Vepsäläinen

The future is mostly staticJuho Vepsäläinen

Survive JavaScript - Strategies and TricksJuho Vepsäläinen

SpeccerJuho Vepsäläinen

bongaus.fi - Spotting Service Powered by DjangoJuho Vepsäläinen

Intro to HTML5 CanvasJuho Vepsäläinen

Mehr von Juho Vepsäläinen (12)

Web application development - The past, the present, the future

ECMAScript - From an idea to a major standard

Quick introduction to Qwik

fooConf - JavaScript frameworks of tomorrow

JavaScript frameworks of tomorrow

The future is mostly static

Web application development - The past, the present, the future

The future is mostly static

Survive JavaScript - Strategies and Tricks

Speccer

bongaus.fi - Spotting Service Powered by Django

Intro to HTML5 Canvas

Kürzlich hochgeladen

Finding Java's Hidden Performance Traps @ DevoxxUK 2024Victor Rentea

2024: Domino Containers - The Next Step. News from the Domino Container commu...Martijn de Jong

Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...apidays

AXA XL - Insurer Innovation Award Americas 2024The Digital Insurer

Spring Boot vs Quarkus the ultimate battle - DevoxxUKJago de Vreede

+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...?#DUbAI#??##{{(☎️+971_581248768%)**%*]'#abortion pills for sale in dubai@

presentation ICT roal in 21st century educationjfdjdjcjdnsjd

Boost Fertility New Invention Ups Success Rates.pdfsudhanshuwaghmare1

ICT role in 21st century education and its challengesrafiqahmad00786416

Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Jeffrey Haguewood

[BuildWithAI] Introduction to Gemini.pdfSandro Moreira

DBX First Quarter 2024 Investor PresentationDropbox

Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobeapidays

Artificial Intelligence Chap.5 : UncertaintyKhushali Kathiriya

Corporate and higher education May webinar.pptxRustici Software

FWD Group - Insurer Innovation Award 2024The Digital Insurer

TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc

How to Troubleshoot Apps for the Modern Connected WorkerThousandEyes

Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost SavingEdi Saputra

Manulife - Insurer Transformation Award 2024The Digital Insurer

Kürzlich hochgeladen (20)

Finding Java's Hidden Performance Traps @ DevoxxUK 2024

2024: Domino Containers - The Next Step. News from the Domino Container commu...

Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...

AXA XL - Insurer Innovation Award Americas 2024

Spring Boot vs Quarkus the ultimate battle - DevoxxUK

+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...

presentation ICT roal in 21st century education

Boost Fertility New Invention Ups Success Rates.pdf

ICT role in 21st century education and its challenges

Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...

[BuildWithAI] Introduction to Gemini.pdf

DBX First Quarter 2024 Investor Presentation

Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe

Artificial Intelligence Chap.5 : Uncertainty

Corporate and higher education May webinar.pptx

FWD Group - Insurer Innovation Award 2024

TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery

How to Troubleshoot Apps for the Modern Connected Worker

Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving

Manulife - Insurer Transformation Award 2024