Xah's Web Dev Blog Archive 2013-07

JavaScript Molecules Demo

SVG Tutorial: Basic Examples

css is awesome mug 2009
“CSS is Awesome” coffee mug.

HTML: How to Markup Subtitle

CSS Trick: Display Language Name in Code Snippet (on its own page)

Web UI Design: How JavaScript Breaks UI, and the Evolution of User Interface (on its own page)

CSS: Data URI Scheme, Base64 Encoding (added code for Shell, PHP, Python, Ruby, Perl, JavaScript)

CSS: Data URI Scheme, Base64 Encoding

HTML5 Custom Data Attribute (updated)

HTML Meta Language Tag Obsolete

CSS: Add Icon to Links

HTML: Image Map Basics (updated)

HTML Style 1997: Hacker News, Craigslist

CSS Triangle, CSS Shapes (updated. added a pacman shape)

Google Translate Funnies

Google translated this:

JavaScript: Fade a Element Using CSS Transition

to:

JavaScript的:褪色元素使用CSS過渡

In English, it means “Of JavaScript: the element of faded color used CSS too much”

Wahaha.

〔➤ JavaScript: Fade a Element Using CSS Transition

JavaScript: Convert Decimal/Hexadecimal

JavaScript: Converting Unicode Character to/from Codepoint (updated)

looks like now you cannot view links to Pinterest without having a account. walled garden multiply!

BlackBerry Tablet Browser Sucks: CSS link rel attribute support

amazing, in this day of age, the BlackBerry tablet doesn't support this CSS:

a[rel="next"]:before {content:"▶ ";font-size:2ex}
a[rel="up"]:before {content:"▲ ";font-size:2ex}
a[rel="previous"]:before {content:"◀ ";font-size:2ex}

the CSS above is supposed to match navigation links such as this:

<a rel="previous" href="a.html">a</a>
<a rel="up" href="b.html">b</a>
<a rel="next" href="c.html">c</a>

It should marke each nav link with a proper Unicode triangle, like this:

css nav link rel screenshot 2013-07-15
nav bar screenshot

but in BlackBerry, all links are marked with ◀.

test here: Blackberry Tablet Rel Next Link Css Test

〔➤ CSS Selector Syntax

The browser on BlackBerry's user agent string is:

Mozilla/5.0 (PlayBook; U; RIM Tablet OS 2.1.0; en-US) AppleWebKit/536.2+ (KHTML, like Gecko) Version/7.2.1.0 Safari/536.2+

Asynchronous JavaScript: Using JavaScript to Insert JavaScript (updated)

JavaScript: What's Default Charset, Encoding? How to Escape Unicode Character?

JavaScript Execution Order; HTML5 Asynchronous JavaScript (updated)

JavaScript: Shake Element UI

JavaScript: Fade a Element Using CSS Transition

hacker idiocy of the decade. This is the user agent string of Google Chrome browser.

Mozilla/5.0 (Windows NT 6.2; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/28.0.1500.71 Safari/537.36

CSS: What's Computed Style?

JavaScript: Property Names Are Strings

CSS: Round Corners: border-radius (updated)

just discovered that you don't need to have Shockwave installed to view Google Maps. (for street view, you still do.)

CSS: Transition Tutorial

CSS: OverFlow, Scrolling Box

HTML Meta Language Tag Obsolete

What's CSS Default Unit?

Unicode Search: Find Your Symbols. Now you can type a hexadecimal and it'll show that Unicode plus 500 characters after it.

HTML: Allowed Characters in id Attribute

blog comments powered by Disqus