links for 2011-01-29
-
<a class="tooltip" title="This is first tooltip" href="#">Link</a>
-
check out all the fancy schmancy hovers!
Put your content into DIVs not in TABLEs
Put your content into DIVs not in TABLEs
posted by Exey Panteleev
The <div/> tag defines a logical block of content within a HTML document, it often contains other block-elements which are formatted with CSS. The description, as entered by the person who uploaded it.
79275080@N00 The ID of the content owner – you can use this to link to their buddy icon. like so Exey Panteleev
jalbertbowdenii Your Flickr screen name.
Bold
Bold
posted by Exey Panteleev
<b> is HTML tag that defines bold text The description, as entered by the person who uploaded it.
79275080@N00 The ID of the content owner – you can use this to link to their buddy icon. like so Exey Panteleev
jalbertbowdenii Your Flickr screen name.
list-style-type
list-style-type
posted by Exey Panteleev
CSS 1 property
Specifies the style of the bullet. The description, as entered by the person who uploaded it.
79275080@N00 The ID of the content owner – you can use this to link to their buddy icon. like so Exey Panteleev
jalbertbowdenii Your Flickr screen name.
links for 2011-01-28
-
body * {
-webkit-transition: none !important
-moz-transition: none !important
}
-
CHECK SLIDESHOW
-
peep map overlay on google maps
-
check out portfolio views (web, print, all, etc.)
-
trackable qrcode generator with analytics
-
sick :hover fx
-
Simplicity is not the goal. It is the by-product of a good idea and modest expectations. — Paul Rand
links for 2011-01-27
links for 2011-01-24
links for 2011-01-23
-
“Type is the foundation of print and web design. Ever
links for 2011-01-22
-
“Type is the foundation of print and web design. Ever
-
Stacking and float
For floating blocks the stacking order is a bit different. Floating blocks are placed between non-positioned blocks and positioned blocks:
1. Background and borders of the root element
2. Descendant blocks in the normal flow, in order of appearance (in HTML)
3. Floating blocks
4. Descendant positioned elements, in order of appearance (in HTML)Actually, as you can see in the following example, the background and border of the non-positioned block (DIV #4) is completely unaffected by floating blocks, while the content is affected. This happens according to CSS standard float behaviour.
This behaviour can be explained with an improved version of the previous ordered list:
1. Background and borders of the root element
2. Descendant blocks in the normal flow, in order of appearance (in HTML)
3. Floating blocks
4. Inline descendants in the normal flow
5. Descendant positioned elements, in order of appearance (in HTML) -
Inner Shading
-
Inner shadows
links for 2011-01-21
-
find·a·bil·i·ty n
1. The quality of being locatable or navigable.
2. The degree to which a particular object is easy to discover or locate.
3. The degree to which a system or environment supports navigation and retrieval. -
Some screen properties already have “inherit” as a default value, forcing themselves on children in the document tree. Here’s the list:
* border-collapse
* border-spacing
* caption-side
* color
* cursor
* direction
* empty-cells
* font
* font-family
* font-stretch
* font-size
* font-size-adjust
* font-style
* font-variant
* font-weight
* letter-spacing
* line-height
* list-style
* list-style-image
* list-style-type
* quotes
* text-align
* text-indent
* text-transform
* white-space
* word-spacingNote: When using the universal selector * in CSS, be careful not to include any of the properties above that naturally inherit. Doing so will ruin the inheritance flow in the document later on.
-
javascript:(function(){var a=window.open('about:blank').document;a.write('<!DOCTYPE html><html><head><title>Source of '+location.href+'</title><meta name="viewport" content="width=device-width" /></head><body></body></html>');a.close();var b=a.body.appendChild(a.createElement('pre'));b.style.overflow='auto';b.style.whiteSpace='pre-wrap';b.appendChild(a.createTextNode(document.documentElement.innerHTML))})();