You Are Here: Home » Posts tagged "Grid"

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

Reducing the Bloat

Complexity in our designs is often unavoidable. Sometimes, it’s also necessary. When working for any client there is always going to be a level of complexity that we will try to reduce, whether this is through the amount of navigation items they want, the amount of content that they have, or anything else that seems overly convoluted or difficult to follow. Our job as a designer or developer (or both) is al ...

Read more

© 2011 Powered By Wordpress, Goodnews Theme By Momizat Team

Wordpress SEO Plugin by SEOPressor
Scroll to top