Skip to content

Instantly share code, notes, and snippets.

View thorstensiefert's full-sized avatar

Thorsten Siefert thorstensiefert

  • Selbach / Germany
View GitHub Profile

Responsive Flat UI Kit

A custom UI set built to work with and sit next to Bootstrap 3. Custom select boxes by @catalinred. 3D Scroll effects inspired by @chriscoyier's slide in when scroll down pen. The kit is also responsive!

Try clicking & hovering everything.

Feel free to fork, heart and share!

Pure css Bootstrap checkbox

Hide the pure css checkbox and use a pseudo-element to make a fake checkbox.

Pseudo-elements (::after) only work on elements that have content, so won't work on <input> elements. (http://www.w3.org/TR/CSS21/generate.html) Use a span and a ::before pseudo-element to insert a checkbox.

Place the input element inside the label so that clicking the label selects the input. (http://www.w3.org/wiki/HTML/Elements/label)

Using the checkbox Bootstrap provides as a font icon, but you can add any font, graphic or icon you like.

Responsive contact form using Bootstrap 3 and Google Maps API

Responsive contact form using Bootstrap 3 and Google Maps API

A Pen by Craig Wheeler on CodePen.

License.

Bootstrap Snippet - Microsoft Modern (Metro) Tiles

Short SASS snippet and HTML markup to recreate Microsoft Modern (Metro) Tiles with Bootstrap

A Pen by Ace Subido on CodePen.

License.