Tag Archives: css

Atomic Bulldog grid

Atomic Bulldog is a Scss(Sass) boilerplate base on atomic design methodology. It integrates Node KSS to automatically generate a live styleguide/pattern library.

Atomic Bulldog grid

Frow – HTML and CSS framework

Frow is an open source HTML and CSS framework for creating quick & responsive projects on the web, powered by Flexbox. Frow's grid system brings the standard features you expect, but built with display:flex. This means no floats, and no messing with clearfix hacks! Because the grid is built with Frow, the grid is extremely powerful! Use Frow's Shortcuts to...

Frow – HTML and CSS framework

A curated collection of useful CSS snippets

Given an element of variable width, it will ensure its height remains proportionate in a responsive fashion (i.e., its width to height ratio remains constant). Resize your browser window to see the proportion of the element remain the same. and can be used as an alternative to such that the percentage value causes an element's height to become a percentage...

A curated collection of useful CSS snippets

Unused CSS finder

First of all, this is a beta version, we're still testing it. This tool checks your website for unused CSS selectors. It follows internal links on your website recursively and looks on multiple pages. NOTE: the stylesheets are extracted on the first page only. The tool does not re-extract the styles from your other pages. Currently the tool is only...

Unused CSS finder

Mate – Free Parallax Website Template

Mate is Free Parallax Website Template based on Bootstrap 4, it is specially crafted for – agency, business, service and startup websites. Mate is constructed with all modern and futuristic technologies like HTML5 and CSS3. Mate has tons of unique features and is developer friendly, here we are with the top highlights of Mate. Mate utilizes interactive parallax scrolling which...

Mate – Free Parallax Website Template

Boilerform

Boilerform is a little HTML and CSS boilerplate to take the pain away from working with forms. By providing baseline BEM structured CSS and appropriate attributes on elements: Boilerform gives you a head start building forms in the best possible way with a view to being dropped into most projects. -

Boilerform

Scrolling Letters Animation

A switching title effect where a fixed text element changes with an animation depending on the scroll position. Recently we’ve stumbled upon a really nice effect on Akademi’s website: the main title of the page moves along as one scrolls down and changes depending on the section that is currently in the viewport. We thought this would be an awesome...

Scrolling Letters Animation