You Are Here: Home » Posts tagged "responsive" (Page 2)

Defining Our Ghost Theme’s Color and Basic Layout

Moving swiftly along with the styling of our Ghost theme, this tutorial sets out some width settings, the color and some basic layout adjustments. Note: You will need to be working in Firefox with the FireBug extension installed, or in Chrome with Developer Tools for this section of the tutorial. Adjust Width for Readability Having chosen our fonts during the previous tutorial, we know how wide our letters ...

Read more

Grid Forms: A Tiny Framework for Data Entry

Advertise here via BSA An effort to make beautiful forms for web applications that make data entry less painful. Grid forms is a front-end library which handles the boiler plate necessary to build grid based forms . Grid forms are dense forms designed for use in applications that require lots of data to be entered regularly. It’s a tiny Javascript/CSS framework that helps you make forms on grids with ease. ...

Read more

Build Responsive Websites with Responsive Elements

Advertise here via BSA Responsive Elements makes it possible for any element to adapt and respond to the area they occupy. It’s a tiny javascript library that you can drop into your projects today. The element is aware of it’s own width. It responds and adapts to increasing or decreasing amounts of space. You can easily explicitly declare which elements you want to be responsive using a data-respond attribu ...

Read more

Quick Tip: Embedding New Google Maps

The all new Google Maps was made openly available to the public back in July , but it’s still a preview of what the final product will be and therefore lacks a few familiar features. For example, have you tried to embed a newer Google map into a web page? The reliable old “link” button is nowhere to be found! Some folk will suggest you revert back to the old Google Maps, embed an iframe in the original way, ...

Read more

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 scenarios (buttons, forms, tables, accordion, navigation, commenting..). LESS is used as the CSS pre-proces ...

Read more

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 displayed just as we prefer. The plugin has options for setting the min/max font-sizes and min/max wi ...

Read more

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 more. Also, it is possible to define the number of items to be shown on desktop, tablet + mobile sep ...

Read more

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 “enable the user to navigate” in such a limited space. slimMenu is a jQuery plugin that solves ...

Read more

© 2011 Powered By Wordpress, Goodnews Theme By Momizat Team

Wordpress SEO Plugin by SEOPressor
Scroll to top