You Are Here: Home » Posts tagged "Grid"

Bootstrap 3 Succinctly: Additional Changed Components Features

In this series on Bootstrap 3, we're taking you through all the new features in the latest version of this popular framework. In the last tutorial we looked at some changes to components, and this time we'll finish off by looking at changes to other components, such as labels, badges, list groups, and panels. Label and Badge Changes This is going to be a very short section, because there have only been two ...

Read more

Awesome CSS Loading Effects for Grid Layout Images

TutsMix has shared with us some cool CSS loading effects for grid images . You can use them on your portfolio, blog, or anywhere you want. The setup is quite simple. We use Normalize.css as an alternative to the traditional CSS reset, ZURB Foundation to create a responsive grid, Masonry to create a dynamic grid layout, imagesLoaded to check if the images have been loaded, and Infinite Scroll by Paul Irish t ...

Read more

A Flexible jQuery Plugin for Sorting & Pagination

Advertise here via BSA jPList is a flexible jQuery plugin for sorting, pagination and filtering of any HTML structure. It supports data sources: PHP + MySQL, ASP.NET + Sql Server, PHP + SQLite. It works with JavaScript templates like Handlebars, Mustache etc. jPList supports XML + XSLT. It works in all major browsers. For non-commercial, personal, or open source projects and applications, you may use jPList ...

Read more

Build a Dribbble Portfolio Grid With Flexboxgrid and Jribbble

Building with a grid has become an everyday requirement for front-end developers. Not only do grids provide a sense of rhythm and consistency in design, but when a well-known grid structure is used it provides a simple collective design language for cross–team work. Flexboxgrid is a new framework which allows you to combine the predictability and common language structure of a grid system with the flexibili ...

Read more

Tag & Search Your Chrome Bookmarks with Dewey

Advertise here via BSA Dewey is a Chrome app for tagging, searching and sorting your Chrome bookmarks . With Dewey you can add custom tags, generate screenshots of your bookmarks, search and sort in a much smarter and faster way. Dewey organizes your bookmarks into a grid that continues to load as you scroll down. The layout is also fully responsive, so it still works well even if you need to use a narrow b ...

Read more

Building the Responsive Timeline Portfolio Page

What You'll Be Creating During this tutorial we will be building the fantastic Timeline Portfolio as seen in an earlier tutorial by Tomas Laurinavicius. We will be using some responsive techniques as well as CSS3 animations, Sass and a little bit of jQuery. File and Directory Structure OK, the first step is to create the files and folders we need. The image below shows our root structure. As you can see, we ...

Read more

How They Did It: Typekit’s New Homepage

Typekit recently redesigned their homepage with some new services in mind. When Typekit joined Adobe, they set out to bring us a new way to handle fonts on the web. Not only did they create a fairly simple way to embed fonts on the web, but they have now officially launched a desktop sync option , which allows Creative Cloud subscribers to sync fonts to their computer directly from Typekit. This has been in ...

Read more

Building a Complete Website With the Gumby Framework

In this, our final video tutorial on Gumby, we’re going to put all we’ve learned into practice. We’re going to build a complete website using Gumby’s semantic grid, parallax effects, toggles and switches, covering workflow best practices as we go. There’s plenty to cover, so let’s get started! The Complete Gumby Site Build Alternatively, download the video , or subscribe to Webdesigntuts+ screencasts via Yo ...

Read more

© 2011 Powered By Wordpress, Goodnews Theme By Momizat Team

Wordpress SEO Plugin by SEOPressor
Scroll to top