サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
体力トレーニング
tantek.com
Disappointed in @W3C for Recommending Longdesc 21:47 on 2015-02-26 (ttk.me b/4_s1) using BBEdit W3C has advanced the longdesc attribute to a Recommendation, overruling objections from browser makers. Not a single browser vendor supported advancing this specification to recommendation. Apple formally objected when it was a Candidate Recommendation and provided lengthy research and documentation (be
Why you should say HTML classes, CSS class selectors, or CSS pseudo-classes, but not CSS classes 15:19 on 2012-12-18 (ttk.me b/4MY1) using BBEdit Search the web for "CSS classes" and you'll find numerous well intentioned references which are imprecise at best, and misleading or incorrect at worst. There are no such things as "CSS classes". Here's why you should refer to HTML classes, CSS class sel
Open Standards Stories & Practices Tantek Çelik, Mozilla Web Standards Lead tantek.com • @t 1. CSS 2.1 1998 CSS 2 Proposed Recommendation joined W3C CSS working group learned to love the open web open free specs e.g. IETF & W3C contrast: ISO pay to view open free test suites e.g. W3C contrast: CalConnect pay to test valid test suites e.g. CSS WG contrast: invalid most 2004 W3C tests open verifiabl
How many ways can you slice a URL and name the pieces?07:54 on 2011-08-26 (ttk.me b/4DY1) using BBEdit While researching a way to describe different parts of a URL for a runtime interface, I was shocked to discover that over the years, different specifications, implementations, and communities had developed an incredible variety of ways to slice and name the pieces of a URL. I remember seeing XKCD
Web Actions: Identifying A New Building Block For The Web02:16 on 2011-08-08 (ttk.me b/4DE1) using BBEdit Every once in a while, design and development practices emerge on the web that enable a leap forward in our understanding of its potential. Developers' asynchronous use of JavaScript (JS) led to AJAX and breakthrough interactive web applications. Designers' semantic use of class names led to m
CSS 2.1 and CSS3 Color become W3C Recommendations – A Few Open Web Standards Practices Learned08:32 on 2011-06-09 (ttk.me b/4CE1) using BBEdit Developing good open web standards is more often than not an arduous, tedious, extremely detail oriented, and quite unglamorous task - it's work that typically induces blank stares when provided as an answer to questions like: "What do you do?" or "What do
Why HTML5? Why HTML5? “We're betting big on HTML 5.” — Vic Gundotra, Google “The world is moving to HTML5.” — Steve Jobs, Apple “The future of the web is HTML5.” — Dean Hachamovitch, Microsoft HTML5Rocks.com apple.com/html5 ie.microsoft.com/testdrive/ For Example molecules edge detection video2ascii games What is HTML5? Practical Upgrade to HTML4/XHTML New Forms Capabilities Native Multimedia Core
XHTML Is Dead, Long Live XML-Valid HTML515:40 on 2010-10-29 (ttk.me b/48X1) using BBEdit Four years and two days ago, Tim Berners-Lee wrote Reinventing HTML where he infamously admitted: "It is necessary to evolve HTML incrementally. The attempt to get the world to switch to XML, including quotes around attribute values and slashes in empty tags and namespaces all at once didn't work." and then we
Steve Jobs Business Card Circa 1979 - Photo And hCard09:12 on 2010-10-12 (ttk.me b/48E1) using BBEdit Photo by Pascal Finette: Embedded here as an HTML <object>, with all of the text of the image nested inside marked up with hCard. You can even Add Steve Jobs 1979 to your Address Book. Via Mike Shaver's retweet of Pascal's tweet.
HTML5, microformats, S5 and You Open Web Camp II 2010-07-17 Stanford, California #html5 #owcii Why HTML5? Why HTML5? “We're betting big on HTML 5.” — Vic Gundotra, Google “The world is moving to HTML5.” — Steve Jobs, Apple “The future of the web is HTML5.” — Dean Hachamovitch, Microsoft HTML5Rocks.com apple.com/html5 ie.microsoft.com/testdrive/ For Example molecules edge detection games What is HT
new CSS filters for BlackBerry browser: @import "bbpass.css" <!--;--> @media screen\, , handheld {/* BB rules */} 14:35 on 2010-01-04 (ttk.me t43Z1) using BBEdit
"XHTML" Today's Web HTML 4 and "compatible" XHTML 1.0 Valid For Meaning not Show Strict not Transitional Layout Tables Avoid <b> <br/> <i> <sub> <sup> <h1> != big and bold <em> != make this italic <blockquote> != indent this For more, see: Throwing Tables Out the Window Why tables for layout is stupid Integrated Web Design: The Meaning of Semantics Precisely Meaningful Goldilocks <div> & <span> la
by Tantek Çelik, 2001.01.27 regular polygon A regular polygon is a polygon where all the sides are the same, and all the interior angles are the same. Triangle A three-sided polygon is called a triangle. A regular three-sided polygon is called an equilateral triangle. Square A four-sided polygon is called a quadrilateral. A regular four-sided polygon is called a square. Pentagon
Creative Commons Public Domain Dedication Social Network Portability: Problem Statement Why does every new "social" site make you: re-enter all your personal profile info? re-add all your friends? re-turn off notifications? re-specify privacy preferences? re-block negative people? re-... etc. social network fatigue problem - Brian Oberkirch What continues to be the problem? How many sites do you h
Microformats at Stanford 2007 March 23 — Stanford University Tantek Çelik Chief Technologist microformats - how did we get here? separation of markup & style semantic (X)HTML proficiency class names for meaning/IA recognizing solved problems reusing vocabularies saves time reusing also shares meaning community established for learning, sharing, collaborating microformats - common content first pri
Microformats Practices 13 September 2006 Future of Web Apps, San Francisco Tantek Çelik Chief Technologist Future of Web Apps home page Future of Web Apps page with hCard markup hCard to vCard converter Link to convert hCards to vCards Seamless import into a typical Address Book hCard markup example http://carsonsystems.com/blog/ Ryan Carson Director http://carsonsystems.com/ Carson Systems hCard
When An Event Apart NYC Day One draws to a close, please join us for complementary cocktails sponsored by Happy Cog TM Studios http://www.happycog.com/ http://www.gingerman-ny.com/Volcano/Volcano_1.html Bring your lanyard (the little Event Apart name tag that hangs around your neck) and receive two tokens for two free drinks. Fans salute the famous tequila selection at this Murray Hill local treas
@media speakers @media speakers page with hCard markup hCard to vCard converter Link to convert hCards to vCards Seamless import into a typical Address Book hCard markup example http://meyerweb.com/ Eric Meyer Principal Consultant http://complexspiral.com/ Complex Spiral Consulting hCard markup example <div > <a href="http://meyerweb.com/"> <span >Eric</span> <span >Meyer</span> </a> <span >Princi
Today's Syndication Content Types Blog posts: RSS, Atom Tags, Categories: rel-tag Emerging Syndication Content Types Contact Info: hCard Events: hCalendar Reviews: hReview Lists & Outlines: XOXO ... see many more at microformats.org User Benefits of New Syndication Types RSS: peer to peer Blogging and Reading hCard: peer to peer Contact Sharing hCalendar: peer to peer Event Subscribing As with RSS
"XHTML" Today's Web HTML 4 and "compatible" XHTML 1.0 Valid "Meaningful" Strict not Transitional Layout Tables Avoid <b> <br/> <i> <sub> <sup> <h1> != big and bold <em> != make this italic <blockquote> != indent this For more, see: Throwing Tables Out the Window — Bowman Why tables for layout is stupid — Merikallio & Pratt informIT: The Meaning of Semantics — Holzschlag Precisely Meaningful Goldil
This paragraph should have green text in all browsers that support even a little CSS. However this paragraph will have a red background in IE5.x/Windows from the @imported style sheet "midpassbefore.css" at the start of the inline style sheet, and a thick yellow border from the @imported style sheet "midpassafter.css" at the end of the inline style sheet. Definition mid pass filter AKA band pass f
History Principles Foundation History: 2000+ More CSS, less HTML Web designers transition to CSS eliminated <font> and <table> replaced with CSS font-family, float etc. documents got smaller explosion of <div>s and <span>s some use of lists <ul>, <ol>, <dl> (X)HTML use becomes stricter History: 2002 semantic (X)HTML headings and paragraphs no more <b>ed and <br>eakfast old: new:
real world semantics what is it? current examples possibilities real world semantics: what is it? aka lower-case semantic web emerging semantic (x)html adoption by "real people" beyond academics and theoretical discussions "lower-case semantic web" is: Not "Uppercase Semantic Web" RDF, OWL, "The Semantic Web" etc. plenty of sessions on them out of scope for tonight's discussion but can work togeth
Boxtest Here is a sample div with class "boxtest". It has 20px border, 30px padding, and 300px width. div.boxtest { border:20px solid; padding:30px; background: #ffc; width:300px; } The total width including borders and padding should be 400px. 20+30+300+30+20 = 400 User agents which misinterpret the CSS1 box model by placing border and padding inside the specified width would result in a total wi
このページを最初にブックマークしてみませんか?
『Tantek Çelik』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く