Tag: Responsive
Semantic – A Front-End Framework With A Friendly Vocabulary

Semantic – A Front-End Framework With A Friendly Vocabulary

Semantic is an exciting new front-end framework that comes with a set of specifications for sharing UI elements between developers. The vocabulary used (for classes and IDs) is much clear compared to alternatives which lowers the learning curve. There are styles for many HTML elements, UI elements and ...

READ MORE +
Pinterest-Like Layouts With CSS-Driven Configuration – Salvattore

Pinterest-Like Layouts With CSS-Driven Configuration – Salvattore

There are many different solutions for creating Pinterest-like, dynamic-column layouts. Salvattore is another good one that comes with an important difference: it is not configured in JavaScript but in CSS. It is again a JavaScript-powered solution but doesn't require any frameworks. The number of columns ...

READ MORE +
Auto-Resizing Fonts Based On The Element’s Width – FlowType.JS

Auto-Resizing Fonts Based On The Element’s Width – FlowType.JS

For a good looking typography, the number of characters in a line is pretty important. And, this is difficult to automate only with CSS media-queries. FlowType.JS is a jQuery plugin which can auto-resize the font-size and line-height (according to the width of the element wrapping it) so that our content is ...

READ MORE +
Bootstrap 3 Is Released – Flat, Mobile-First And More

Bootstrap 3 Is Released – Flat, Mobile-First And More

The most popular front-end framework, Bootstrap, now has a new version with lots of exciting changes and features. First of all, it has a flat design (on all the elements and components) which is the trend now. It follows the mobile-first approach and always responsive (a how-to exists to disable the ...

READ MORE +
Responsive Web CSS – Web-Based Responsive Layout Creator

Responsive Web CSS – Web-Based Responsive Layout Creator

If you are already using a CSS or front-end framework, creating responsive layouts shouldn't be hard. However, if you are new to such layouts, Responsive Web CSS can help you get started quickly. It is a web-based tool that enables anyone to create a responsive layout skeleton with drag 'n' drops. You can ...

READ MORE +
Touch-Enabled And Responsive Carousels: Owl Carousel

Touch-Enabled And Responsive Carousels: Owl Carousel

Owl Carousel is a jQuery plugin that allows us to create responsive carousel sliders so quickly. The plugin is touch-friendly and capable of featuring any HTML content with almost any markup. It has options for setting the pagination/sliding speed, enabling/disabling auto-play, showing bullet navigation and ...

READ MORE +
slimMenu: Multi-Level And Responsive Menus With jQuery

slimMenu: Multi-Level And Responsive Menus With jQuery

For responsive layouts, we should consider how every web element will behave in different screen sizes. There are pretty standard solutions for elements and components like images, video,  typography, navigation, etc. However, when it comes to multi-level menus, things can get complicated as it gets difficult to ...

READ MORE +
Search