articles
Data source: https://github.com/simonw/sqlite-fts4
1 row where "published" is on date 2005-12-16 sorted by url
This data as json, CSV (advanced)
Suggested facets: published (date)
| Link | rowid | title | contents | year | author | author_slug | published | url ▼ | topic |
|---|---|---|---|---|---|---|---|---|---|
| 325 | 325 | "Z's not dead baby, Z's not dead" | While Mr. Moll and Mr. Budd have pipped me to the post with their predictions for 2006, I’m sure they won’t mind if I sneak in another. The use of positioning together with z-index will be one of next year’s hot techniques Both has been a little out of favour recently. For many, positioned layouts made way for the flexibility of floats. Developers I speak to often associate z-index with Dreamweaver’s layers feature. But in combination with alpha transparency support for PNG images in IE7 and full implementation of position property values, the stacking of elements with z-index is going to be big. I’m going to cover the basics of z-index and how it can be used to create designs which ‘break out of the box’. No positioning? No Z! Remember geometry? The x axis represents the horizontal, the y axis represents the vertical. The z axis, which is where we get the z-index, represents /depth/. Elements which are stacked using z-index are stacked from front to back and z-index is only applied to elements which have their position property set to relative or absolute. No positioning, no z-index. Z-index values can be either negative or positive and it is the element with the highest z-index value appears closest to the viewer, regardless of its order in the source. Furthermore, if more than one element are given the same z-index, the element which comes last in source order comes out top of the pile. Let’s take three <div>s. <div id="one"></div> <div id="two"></div> <div id="three"></div> #one { position: relative; z-index: 3; } #two { position: relative; z-index: 1; } #three { position: relative; z-index: 2; } As you can see, the <div> with the z-index of 3 will appear closest, even though it comes before its siblings in the source order. As these three <div>s have no defined positioning context in the form of a positioned parent such as a <div>, their stacking order is defined from the root element <html>. Simple stuff, but these building blocks are the basis on whic… | 2005 | Andy Clarke | andyclarke | 2005-12-16T00:00:00+00:00 | https://24ways.org/2005/zs-not-dead-baby-zs-not-dead/ | design |
Advanced export
JSON shape: default, array, newline-delimited
CREATE TABLE [articles] ( [title] TEXT, [contents] TEXT, [year] TEXT, [author] TEXT, [author_slug] TEXT, [published] TEXT, [url] TEXT, [topic] TEXT );