• Stars
    star
    174
  • Rank 218,217 (Top 5 %)
  • Language
    CSS
  • License
    MIT License
  • Created almost 10 years ago
  • Updated almost 8 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

An experiment in creating custom HTML elements based on today’s most common interface elements.

mdoml

What if you could augment HTML5's current set of elements with your own? Well, as it turns out, you can. mdoml is an experiment in creating custom HTML elements based on today's most common interface design components.

Is this a bad idea? Maybe, but that depends on how you look at it. Sure, it doesn't validate, but it does create a more approachable component-based design system. No more rules around writing classes a certain way—just create the components.

For more information, see the docs and examples.

Local development

This repo is a Jekyll site, so you'll need that installed before firing it up locally. Once you're set, just start a local server with jekyll serve and head to http://localhost:4000/mdoml/.

License

Created by @mdo, licensed under MIT.

More Repositories

1

code-guide

Standards for developing consistent, flexible, and sustainable HTML and CSS.
SCSS
8,458
star
2

github-buttons

Showcase the success of any GitHub repo or user with these simple, static buttons with dynamic counts.
JavaScript
2,851
star
3

wtf-forms

Friendlier HTML form controls with a little CSS magic.
CSS
2,693
star
4

preboot

A collection of LESS mixins and variables for writing better CSS.
CSS
1,677
star
5

wtf-html-css

Common reasons your HTML and CSS may be fucked.
CSS
1,407
star
6

config

Personal checklist for setting up a new Mac's dev environment.
Shell
618
star
7

css-perf

**Archived.** Derping around with measuring CSS performance.
HTML
572
star
8

jekyll-snippets

Library of commonly used snippets for Jekyll sites.
552
star
9

github-wide

Userstyle for making all of GitHub completely fluid.
CSS
497
star
10

table-grid

Simple CSS grid system using `display: table;`.
CSS
475
star
11

ocean-terminal

An OS X Terminal.app profile based on the base16 Ocean theme.
413
star
12

sublime-snippets

Custom snippets for Sublime Text 2
153
star
13

twitter-userstyle

Bring the aesthetic of Twitter for iOS to the new Twitter.com.
CSS
139
star
14

jekyll-example

Example Jekyll site with basic defaults and Sass enabled.
CSS
132
star
15

bsu

Bootstrap University is a hands-on code lab specially designed to familiarize you with building on the Web with Bootstrap by quickly taking you through building an example page with the latest beta version of Bootstrap 3.
CSS
87
star
16

bootstrap-css-grid-layout

Attempting to rebuild Bootstrap's grid in CSS Grid Layout.
CSS
57
star
17

css-output

Comparing the differences in compiled CSS when using different Sass/Less methods to build reusable components.
CSS
57
star
18

mdo-df-css

Custom user style that overhauls the default CSS for daringfireball.net to increase readability.
CSS
41
star
19

minecraft

Links, resource packs, and more for my Minecraft setup.
Shell
31
star
20

dotfiles

Shell
17
star
21

userstyles

Customizations and enhancements for sites and app I love most.
CSS
12
star