DevSnippets » CSS Techniques

A Responsive Design Approach for Complex, Multicolumn Data Tables

Noura Yehia — Sun, 01 Jan 2012 01:06:01 +0000

Filament Group shares the best approach to responsive data tables. The problem: exploring a large data table on small screen devices means a bunch of horizontal and vertical scrolling. Solution involves marking columns as “essential” and “optional” with CSS classes and hiding the optional ones with media queries at smaller screen sizes. Then to keep all the data accessible, providing a (dynamically created) dropdown of checkboxes to reveal the hidden optional columns.

Tiny Fluid Grid

Noura Yehia — Wed, 28 Dec 2011 11:53:49 +0000

The happy & awesome way to build fluid grid based websites. Tiny Fluid Grid ships with a index.html with demo code, and the grid.css containing the CSS for the grid you created.

Building a live news blogging system in php. Spiced with HTML5, CSS3 and jQuery [end]

webia — Mon, 14 Jun 2010 06:02:25 +0000

The final part of a six part tutorial on building a live blogging system using php, mysql, jQuery, html5 and CSS3.

Everything a Web Designer Should Know About Google Fonts API

tdomf_9788c — Mon, 14 Jun 2010 06:02:25 +0000

Typography is the most valuable asset of your blog. It doesn’t matter if you have a colorful design blog, an awesome web magazine or a plain simple blog.

Simple CSS3 Dropdown Menu

hdytsgt — Mon, 14 Jun 2010 05:59:26 +0000

One of them is box shadow, it helps us adding shadow effect on each styled element. You must be familiar with drop down menu with shadow effect on it, I usually add the effect using some images but now we’ll create that one using pure CSS.

CSS font size: Is relative sizing still relevant?

tdomf_9788c — Mon, 07 Jun 2010 04:06:55 +0000

Learn the difference between absolute and relative CSS font sizes and a way to declare relative font sizes that makes it easier to turn your web design mockups into web pages.

33 jQuery tutorials to create Navigation Menu

tdomf_9788c — Thu, 03 Jun 2010 08:40:31 +0000

Design calls in loads of out of the box thinking. Design needs loads of effects and functionality that should make a distinctive image and perspective. jQuery is one tool that makes all of this possible.

A complete guide to CSS attribute selectors

tdomf_9788c — Thu, 03 Jun 2010 08:39:51 +0000

A complete guide to CSS 2.1 and CSS 3.0 attribute selectors

CSS Mini Reset

vladocar — Sun, 23 May 2010 21:16:55 +0000

CSS Reset usually aims to reduce browser inconsistencies by evening up the CSS default settings in all browsers. CSS Mini Reset is meant to reset only the basic most used HTML(CSS) elements.

How To: Create jQuery Login Form with Animated validation Effect.

tdomf_9788c — Sat, 22 May 2010 18:37:29 +0000

I will show you how to create a simple jquery validation based login form. Some animation is used to get effects and its simple and easy to use.