background preloader

Codepen best

Facebook Twitter

Arrow Navigation Styles. Sub Level Slider – MaterialUp. Horizontal Timeline. Horizontal Timeline January 16th, 2014 Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Horizontal Timeline

Illum praesentium officia, fugit recusandae ipsa, quia velit nulla adipisci? Consequuntur aspernatur at, eaque hic repellendus sit dicta consequatur quae, ut harum ipsam molestias maxime non nisi reiciendis eligendi! Side Scrolling from jInvertScroll. Hover Styles - Inspired by the web. 3D Grid with Filters. On scroll Nav Changes #codevember_23. Circular Navigation Concept. Exploding Polygon Letter J - SVG and CSS. Low poly landscape. Triangle pattern generator. VelocityJS demo. Infield Top Aligned Form Labels. Forms 2 - Fully responsive. Accessible, responsive, mobile-first forms. JQuery Mobile Trivia. Subtle Click Feedback Effects. Awesome CSS codepen to enhance Material Design FAB button. At its core the secret to a great application or website is not about showing off fancy visuals, sliders or animations, but lies in creating an excellent user experience through a navigation and clean layout, that guide them to where they want to go quickly and effortlessly.

Awesome CSS codepen to enhance Material Design FAB button

Nowadays users are used to mega toolbars, but quite often they are confused by a row of buttons or they get lost in tricky menus. That said, displaying only single action/menu button could be an improvement from a usability perspective. Google’s Material Design strives for clean, UI focused design and simplicity. Therefore it recommends to use single floating action button, better known as FAB. In Material Design language, navigation of the website or app should be considered more carefully.

Interesting Sign In Form.