Tantek Çelik

tantek.com · Personal blog · on HN since 2007

Tantek Çelik, a web standards contributor and IndieWeb founder, writes about open web principles, CSS, and personal websites.

What HN saysCommenters quote his 'js;dr' idea that if it's not curlable it's not on the web, and cite his personal site and early CSS experiments.
58HN people shared it
27linked it in comments
39stories submitted
621story points
6 months agolast shared
2007people per year2026

Most-shared posts

  1. 1
    js;dr = JavaScript required; Didn’t Read.
    8 people · 266 points · first shared 2015 · 215 comments on HN
  2. 2
    How many ways can you slice a URL and name the pieces?
    6 people · 70 points · first shared 2011 · 12 comments on HN
  3. 3
    Making Userinterfaces FEEL responsive
    5 people · 34 points · first shared 2007 · 1 comments on HN
  4. 4
    What is the open web?
    5 people · 19 points · first shared 2010 · discussion on HN
  5. 5
    Homepage
    4 people · first shared 2011
  6. 6
    Polygons
    3 people · first shared 2010
  7. 7
    The First Federated Indieweb Comment Thread
    2 people · 45 points · first shared 2013 · 22 comments on HN
  8. 8
    A Few Open Web Standards Practices Learned from CSS 2.1
    2 people · 1 points · first shared 2011 · discussion on HN
  9. 9
    Boxmodelhack
    2 people · first shared 2021
  10. 10
  11. 11
    Why You Should Use Timezone Offsets Not Timezone Names
    1 people · 26 points · first shared 2015 · 49 comments on HN
  12. 12
    On Silos vs An Open Social Web
    1 people · 6 points · first shared 2013 · discussion on HN
  13. 13
  14. 14
    Disappointed in W3C for Recommending Longdesc
    1 people · 3 points · first shared 2015 · discussion on HN
  15. 15
    HTML5 Now (Seriously)
    1 people · 2 points · first shared 2010 · discussion on HN

What HN people wrote when they linked it

aklemm · 2011-09-11
This site is solid and quickly gives a good idea of the who the owner is and what he does. Love it. It would be great to combine this design concept and personal information with the indie web experiments (syndicating and aggregating your actions, microformatting the heck out of everything, etc) http://tantek.com/ advocates for on his personal page. Together, it's a good model for the future of the personal web presence.
oneeyedpigeon · 2021-06-03
I'd be interested to know more about what type of content Trump published on his own blog, that proved unsuccessful. As someone observing from the UK, my assumption is that it was probably more long-form content. I wonder if comments were even possible. It wouldn't surprise me if short chunks of content, such as tweets, were far more popular with Trump's base than longer articles. Edit: I see there are what I assume to be a couple of examples from his blog. They look very much like individual tweets. This turns it into quite an interesting case, one of a handful of examples I've seen where someone publishes the equivalent of their own twitter stream, on their own site. I used to have a great example, but I can't for the life of me now find it! In the case I've seen previously, the content was syndicated from the site to twitter — obviously, Trump doesn't have that option. Edit2: It's Tantek Çelik's blog I'm thinking of: https://tantek.com/
JAdamMoore · 2018-06-09
Tantek Çelik did some of this experimentation, amazingly, over a decade ago (2001). Right-click for his CSS: "A Study of Regular Polygons" http://tantek.com/CSS/Examples/polygons.html
mxuribe · 2017-01-30
Some of my favorites... * Tantek Çelik -> http://tantek.com and https://indieweb.org * Aaron Parecki -> https://aaronparecki.com and https://indieweb.org * Patrick (patio11) McKenzie -> http://www.kalzumeus.com * Moxie Marlinspike -> https://moxie.org * Scott Hanselman -> http://www.hanselman.com * Joel Spolsky -> https://www.joelonsoftware.com * Jeff Atwood -> https://blog.codinghorror.com * Gina Trapani -> http://ginatrapani.org * Matthew Hodgson -> http://matrix.org and https://riot.im * Armin Ronacher -> http://lucumr.pocoo.org * Jeffrey Zeldman -> http://www.zeldman.com * Eric Meyer -> http://meyerweb.com
rimantas · 2015-05-12
I like Tantek's definition the best: "if it’s not curlable, it’s not on the web". http://tantek.com/2015/069/t1/js-dr-javascript-required-dead
Jun8 · 2012-06-08
Here's an example I like a lot from Tantek Celik: http://tantek.com/log/2008/03.html#d06t1604, something along these lines would be great. I think just going around asking valley luminaries what they wear & pack while traveling and why would be a great place to start.
gavinlynch · 2012-04-04
Tantek Çelik did some of this experimentation, amazingly, over a decade ago (2001). Right-click for his CSS: "A Study of Regular Polygons" http://tantek.com/CSS/Examples/polygons.html
cwyers · 2015-11-12
The article doesn't define the "open web," and platforms like Facebook and Twitter would seem to mostly follow the dictates set out in Tantek's original definition.[1] So it's hard to guess at what the author means -- Facebook and Twitter aren't "the open web" by tautology, basically. It's really hard to engage with the author's arguments that way. What is trivial to understand is that the author's proposed remedy doesn't work: > The answer is simple, but it isn’t easy. We need to stop pretending that content is free. Publications need to ask readers to pay for their content directly, and readers need to be willing to give up money, as opposed to their privacy and attention. This means that publications will have to abandon the rapid-growth business models driven by display ads, which have driven them to rely on Facebook for millions of pageviews a month. The fundamental problem with this is that siloing content the way the author suggests (publications with strong identities and paywalls to get readers to give money in exchange for content) breaks hyperlinks. It breaks sharing. Paywalls work when there's a marginal benefit to knowing something that someone else doesn't -- say, it helps you pick stocks better than the next guys. Otherwise, all else being equal, the article I can share with my friends, link to in my blog post, that I can engage with and respond to and have other people able to read the same article I am -- that's far more valuable than the article that I…
Macha · 2014-11-24
CSS 2 predates the rule. The initial drafts of CSS 2.1 on the other hand, were published in 2002, yet it was 2011 by the time it became a full reccomendation despite having been in use for a long period by that stage. CSS3 colors (i.e. rgba() etc.) also became a full recommendation on the same day. > Two months earlier, in March of 1998, CSS 2 had become a W3C Proposed Recommendation (PR) which meant that it was considered "done" and was simply awaiting a procedural W3C member review and vote. For all practical purposes, nothing else was going to get fixed in CSS 2. There wasn't a Candidate Recommendation (CR) phase back then, as evidence by the fact that no-one (including my Tasman team as part of Microsoft Internet Explorer 5 for the Macintosh) was able to implement CSS 2 as specified. The problems in CSS 2 were far more severe than mere errata - we had to develop a full revision to fix it. http://tantek.com/2011/160/b1/css-2-1-css3-w3c-open-web-standards-prac…
namanyayg · 2024-09-06
https://tantek.com/cassis.js I don't know what to say, just that I wish I hadn't read this code
pjungwir · 2024-01-13
Re the stuff about @-moz-document at the end, does anyone remember exploiting IE bugs in parsing CSS to present different rules for IE vs firefox, especially to work around IE's broken box model? I remember actually using this[0] hack somewhere long ago: div.content { width:400px; voice-family: "\"}\""; voice-family:inherit; width:300px; } I can't believe the stuff we used to go through. [0] http://tantek.com/CSS/Examples/boxmodelhack.html
tinus_hn · 2021-07-15
It was way ahead of IE for Windows. http://tantek.com/log/2004/06.html
pdevr · 2021-01-17
This is uncanny - I was just now going through some historic code snippets for holy grail, and was thinking of Tantek and his box model hack[1]. I come here, and see this. Coincidence? Or, is the world of technology really that small? :) [1] http://tantek.com/CSS/Examples/boxmodelhack.html
jamietanna · 2020-04-27
Thanks for sharing my site! As you say, I'm quite big with IndieWeb, and for readers there are quite a few other folks you'll want to see - https://snarfed.org/ https://tantek.com/ https://aaronparecki.com/ and https://www.barryfrost.com/ to name just a few. If anyone is interested learning more about the IndieWeb, https://www.jvt.me/posts/2019/10/20/indieweb-talk/ is a transcript of a conference talk I gave on what the IndieWeb is
pmlnr · 2016-01-22
Yes, Trackbacks or Pingbacks could have been extended to include a similar pull-parse behaviour as webmentions are doing right now. In fact I was reminded that originally webmentions were on top of pingbacks: http://tantek.com/2013/113/b1/first-federated-indieweb-comment-thread As far as I understand that change is mostly for simplification, which always a good thing.
zurn · 2013-08-27
Yeah, isn't this what "the future" was going to look like back when xhtml was a thing? I guess there were some missing building blocks on the dom/scripting side, but what's the syntax story. edit: found a clue here, about abandonment of xhtml2 etc: http://tantek.com/2010/302/b1/xhtml-dead-long-live-xml-valid-html5
magicalist · 2013-01-05
The "Open Web" refers to the platform being open and accessible to anyone (which is why, for instance, royalty-free patent grants are essential for any enshrined web standard), but it does not refer to the content that is communicated by that platform It's a nuanced (and sometimes nebulous) concept, and I don't really understand what the GP post was getting at, but here's a better attempt than mine to get a handle on it by Tantek Çelik: http://tantek.com/2010/281/b1/what-is-the-open-web
Kevin_Marks · 2012-05-07
The orignal seems to be down now. Note that there are many ways to name the bits you parse a URL into: http://tantek.com/2011/238/b1/many-ways-slice-url-name-pieces
rodneyrehm · 2011-12-28
"search" is the term for "query string" used throughout javascript. I prefer "query" (as in "query string"). I use query(), but made search() available to those, who are used to window.location.search for some more groaning, have a look at http://tantek.com/2011/238/b1/many-ways-slice-url-name-pieces ;)
starwed · 2011-08-29
Heh, I read a blog post a few days ago about the differences between various URL parsing/slicing implementations. http://tantek.com/2011/238/b1/many-ways-slice-url-name-pieces (Quick reference image: http://farm7.static.flickr.com/6203/6082913622_c953b1fc96_o.png )
necolas · 2010-12-18
This is actually fairly old, from 2009. Same thing demonstrated in 2008 - http://www.howtocreate.co.uk/tutorials/css/slopes And more polygons by Tantek Çelik in 2001 - http://tantek.com/CSS/Examples/polygons.html The speech bubble effect in the demo can also be done without presentational markup by using pseudo-elements - http://nicolasgallagher.com/pure-css-speech-bubbles/
gourneau · 2009-01-26
As I user I do use these buttons, when I am not on my personal machines. If I am on one of my own machines, I use the wonderful Firefox plugin Shareaholic http://www.shareaholic.com/ to easily share links. As a developer would I use these buttons? Yes. Why use these buttons when it is possible for users to manually share links using X service? Because these buttons reduce the cognitive load of sharing that link. Making it more likely that lazy users will share it. From http://tantek.com/log/2007/02.html#d19t1813 "More specifically, all other things being equal, the cognitive load required to complete an action or task in a human computer interface is directly (probably linearly) proportional to the number of clicks and keystrokes required to complete that action or task. Cognitive load can be roughly defined as "how mentally easy/hard it feels to do something".
mindcrime · 2018-08-09
I'm not outraged, but I think it's a self-defeating move for Facebook. Which is fine, since Facebook - as a walled garden which is opposed to the Open Web - needs to go away anyway. Edit: I'm thinking more and more that I will probably be deleting my Facebook account sometime in the not too distant future. I'd really rather be doing all of my information sharing / browsing / interaction using a pure Open Web[1] oriented platform and that's exactly what Facebook is not. Not sure exactly what form this will take, but I want to move to a platform which is not a walled garden, and is based on open and decentralized standards like RSS/Atom, ActivityStrea.ms, ActivityPub, RDF, FOAF, SIOC, XMPP, NNTP, SMTP, and the like. A proper Web platform should allow anyone to participate on their own terms without some corporation being able to arbitrarily decide the terms of what you can do, while simultaneously profiting from the resale of our personal data. Maybe this will mean Mastodon, maybe I'll go back to a self-hosted Roller based blog, etc. I already self-host an ejabberd server for XMPP messaging, so that will probably be part of what I do going forward. [1]: http://tantek.com/2010/281/b1/what-is-the-open-web
gsnedders · 2018-01-14
> then many years later 'box-sizing: border-box' was introduced and widely praised and adopted by frameworks Well, IE implemented their version of the box model in '97 (coincidently, NN4 did the same); the box-sizing property was first proposed in 1999[1], and first appeared in a draft in 1999[2], and implemented in Gecko in 1999[3] and in IE5/Mac in 2000[4]. That's two years from IE/NN shipping the non-standard box model (the standard one was defined before IE4 and NN4 shipped) to having a property to toggle between them. To me, that isn't "many years". Really what makes it seem like many years is the fact that IE didn't implement box-sizing until IE8 which shipped in 2009. [1]: https://lists.w3.org/Archives/Member/w3c-css-wg/1999JanMar/0201.html (sorry, W3C MO space, but I think at this point nobody cares if I mention that publicly) [2]: https://www.w3.org/TR/1999/WD-css3-userint-19990916#box-sizing [3]: https://github.com/mozilla/gecko/commit/3ee32d59158a036bd6673c72ed29b1… [4]: http://tantek.com/notes/csssupport.html
e1ven · 2007-10-12
Here are a few links from my bookmark folder on the subject, in no particular order: How to use contrast to your advantage- http://www.gomediazine.com/design-tip/rule-three-contrast-contrast-con… Use colors that have varying intensities, not just differnet colors. Focus on how it looks in greyscale http://www.gomediazine.com/design-tip/becoming-a-master-designer-rule-… Visualizing Fitt's Law http://particletree.com/features/visualizing-fittss-law/ Software Has personality. http://blogs.adobe.com/lightroomjournal/2007/09/lightrooms_goals_1.htm… Copy sites you like, such as: http://orderedlist.com/articles/single-line-css#comments or http://www.joyent.com/ How to make your designs suck less: http://jimwhimpey.com/blog/2007/simple-ways-to-help-your-design-suck-l… Load faster, by doing a low-res version first. http://www.wait-till-i.com/index.php?p=464 How to do sound design http://www.boxesandarrows.com/view/why_is_that_thing_beeping_a_sound_d… More on Sound Design http://digitalmedia.oreilly.com/2007/03/22/how-to-make-user-interfaces… Use smart color pickers http://news.ycombinator.com/comments?id=6434 Whitespace Matters! http://alistapart.com/articles/whitespace You can make a UI feel responsive, by minimizing the number of clicks http://tantek.com/log/2007/02.html#d19t1813 Write Production UIs, never use…

Keyboard shortcuts

/Search
j kNext / previous blog
EnterOpen selected blog
vVisit the blog site
fFollow / unfollow
lSwitch grid / list view
dSwitch dark mode
g hHome
g pTop posts
g tTopics
g fFollowing
g lLiked
g yHistory
g qFAQ
EscBack / close