Group items tagged

The easy way to use CSS2.1 to solve difficult cross-browser layout issues: CSS tables solve all the problems encountered when using absolute positioning or floats to create multi-column layouts in modern browsers. Specifying the value table for the display property of an element allows you to display the element and its descendants as though they're table elements. The main benefit of CSS table-based layouts is the ability to easily define the boundaries of a cell so that we can add backgrounds and so on to it-without the semantic problems of marking up non-tabular content as a HTML table in the document.

Working with Excel - creating, viewing, editing and moving records - and understanding details thereof and deriving conclusion from it become easier with the advanced tools integrated with the Excel tables. For instance, if you want a row or column to come with total value, it would do so. Formatting and sorting data can be done in a quick and easy way without having much competence. And, eventually you can create a professional Excel tables that would help you manage information in a better manner.

"There is a tool that came to make our lives as progressive web designers a bit easier: Modernizr. In this short tutorial, learn how to apply this handy script to maximum effect on your sites."

My friend/ex-coworker Sam the Wonder Boy used to send me late night AIM messages comprised of only three letters, "M.F.R." This would then send chills up my spine, and I'd curl up on the floor in fetal position and weep nonstop. OK, I'm exaggerating a quite bit, and Sam doesn't do that anymore. "M.F.R." stands for "Monthly Forecast Report." It was one of the many modules of a huge intranet web application we worked on years ago. As the name implies, it was a report. Before arriving to the actual report screen, the user could select some criteria such as date range, products, etc. Depending on the selection, the report can have up to sixty columns and thousands of rows. It was quite a challenge both on the backend and frontend. I initially created it using server side Excel API and dumped it to the frontend as an excel sheet. In version 2 I made it as an HTML table with the Excel export option. In version 3 I ditched HTML and went for Crystal Report, in version 3.5 it became Active Report. In version 4 we rewrote the whole application as a .NET client app, with the report section being Excel again. In version 5, well there wasn't a version 5. The whole project got outsourced to India and the team was disbanded. But that's a blog for another day.

Since tables were co-opted for layout purposes, columns have become key to many Web design layouts, and this thinking continued when CSS took over from tables (at least in the minds of savvy designers) for Web-page presentation. However, other fields of layout design don't think in arbitrary columns, they work with grids, and these form the basis for the structure of page designs. This article will provide the lowdown on grid design for Web pages. Thinking modular Grids are a template, a framework within which creativity can flourish. Too many designers spend time looking at a blank canvas, trying to figure out where elements should be positioned, but, if you have a flexible underlying grid, many such problems are already solved for you. It becomes obvious where and how elements should and can be positioned, thereby leaving you, the designer, with more time to work on graphic design and other page components.

Styling a table using CSS

While making PowerPoint presentations, you must face the need of adding values, tables or graphs. Well, here is the solution in this tutorial.

Remarkable. Very well thought out

This is going to help me. Thanks!

wow ! what a thought. u have done a wonder. Most useful to the people doing html and css. thanks a lot.

Compatibility tables for features in HTML5, CSS3, SVG and other upcoming web technologies

Yahoo! Design Stencil Kit version 1.0 is available for OmniGraffle, Visio (XML), Adobe Illustrator (PDF and SVG), and Adobe Photoshop (PNG), and covers the following topics: * Ad Units * Calendars * Carousels * Charts and Tables * UI Controls * Form Elements * Grids * Menus and Buttons * Mobile - General * Mobile - iPhone * Navigation and Pagination * OS Elements * Placeholder Text * Screen Resolutions * Tabs * Windows and Containers

A new layout system to replace floats or display:table or html tables. Based on the W3C's proposed 'CSS Template Layout Module' for CSS3; but using jquery to take advantage of this technique today.

Media Queries are here! The new, 'hip' approach to fluid web development. This awesome CSS technique allows web developers to provide multiple site layouts based on the width of the web browser. Percentage based tables, eat your heart out!