タグ

cssに関するj0hnのブックマーク (171)

  • 「www.jarchive.org」

    INTERNETへようこそ ここはばるぼらさんのサイトです。最近はnoteで更新しています。 2020年7月17日より順次発売、『ニューエイジ・ミュージック・ディスクガイド』に寄稿しています。 2019年12月6日より順次発売、『新蒸気波要点ガイド ヴェイパーウェイヴ・アーカイブス2009-2019』に寄稿しています。 2018年6月27日発売、『ユリイカ2018年7月号 特集=バーチャルYouTuber』の座談会に出席しています。 2018年6月26日より順次発売、『インスタグラムと現代視覚文化論』に寄稿しています。 2017年11月1日より順次発売、『日のZINEについて知ってることすべて』(誠文堂新光社)が出ました。野中モモさんとの共著です。 2017年6月28日より順次発売、『Cornelius×Idea – Mellow Waves: コーネリアスの音楽とデザイン』を編集しまし

    j0hn
    j0hn 2009/06/08
    「※このサイトはお使いのブラウザの「印刷プレビュー」でご覧下さい」
  • CSS2 syntax and basic data types

    4.1 Syntax This section describes a grammar (and forward-compatible parsing rules) common to any version of CSS (including CSS2). Future versions of CSS will adhere to this core syntax, although they may add additional syntactic constraints. These descriptions are normative. They are also complemented by the normative grammar rules presented in Appendix D. 4.1.1 Tokenization All levels of CSS -- l

    j0hn
    j0hn 2009/04/28
    へー知らんかった 「「リファレンス・ピクセル」は90dpiの密度で、ユーザーの腕の長さぶん(28インチ)離れたところから見たときの 1ピクセルの角度(0.0227度)で、この場合0.28mm(1/90インチ)」 紙は近くから見るから小さくなる
  • JavaScript/CSS Font Detector › lalit.org

    JavaScript code to detect available availability of a particular font in a browser using JavaScript and CSS. Update: I have updated the algo of the script and it is almost 100% accurate. This JavaScript class can be used to guess if a particular font is present in a machine. This may be help of desktop-like web application developers when they want to provide different skins or fonts preferences t

    j0hn
    j0hn 2009/01/07
    あとで
  • CSS Homer, animated

    Here’s Román Cortés’ Homer, animated to show the structure. I haven’t done anything to Román’s amazing work other than to annotate the divs with ids and add a bit of jQuery to show them in sequence so that you can see the characters being added one at a time.

    CSS Homer, animated
    j0hn
    j0hn 2008/05/02
    CSSでホーマーの顔を描く。スロー再生版
  • はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知

    はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28

    はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
    j0hn
    j0hn 2008/01/20
    いいなあこれ。ググると商利用20ドル、とかいうHTCがでてきたりするけど、こちらのは自由に使わせてもらえたりするのかな
  • スタイルシートのコメント

    <html> <head> <title>コメント</title> <style type="text/css"><!-- h1 { font-size:14pt; color:red; /* background-color:#e0e0ff; */ width:320px; } .mainBody { /* background-color:#eef; */ border:1px solid gray; width:320px; } --></style> </head> <body> <h1>スタイルシートのコメント</h1> <div class="mainBody"> スタイルシートを使ってページの見た目(装飾)を設定します。 </div> </body> </html>

    j0hn
    j0hn 2008/01/18
    一行のときは // ってほんと?? 初耳。
  • SitePoint Blogs » In All Fairness … Internet Explorer Still Stinks

    j0hn
    j0hn 2007/11/23
  • Liner Note - 無償で商用利用できて品質の高い日本語フォント一覧

    j0hn
    j0hn 2007/09/18
    右下のスライダーが凝ってるなあ
  • 今でも簡単にできるリキッドレイアウトを模索する - Hatena::agenda

    Hatena::agenda - 物のリキッドレイアウトの具体化。 リキッドレイアウトは動的なスタイルシートによって実現する。CSS2は閲覧環境に応じてある程度柔軟な変化を提供するが、まだ充分ではない。今現在でもJavascriptの助けを借りれば、物のリキッドレイアウトに近づけることはできる。 リキッドレイアウトを助ける主なstuffは、今のところ次の四つ。 1. CSS2のfloatプロパティ来の使い方 2. CSS2のfloatプロパティでのページレイアウト 3. CSS2のtableでのページレイアウト 3. CSS3のマルチカラムの先行実装 1. CSS2のfloatプロパティ来の使い方 floatプロパティは「サイドバー」を表現するために作られたのでは、ない。テキストが回りこむ浮動オブジェクトを描くのがfloatプロパティの来の姿である。しかし例えばあるテーブルにfl

    今でも簡単にできるリキッドレイアウトを模索する - Hatena::agenda
  • Top Beachbody Coach – Canada's Top Beachbody Coach

    Have you ever wondered what it takes to get in the best shape of your life? Did you know that you could simply workout from home, instead of going to the gym? This blog shares all the best health and fitness advice that you won’t be able to find anywhere else. The Best Way To Workout From Home Looking for tips to be able to workout from home? Make sure you check out our incredible article. The key

    Top Beachbody Coach – Canada's Top Beachbody Coach
  • Create a Lightbox effect only with CSS – no javascript needed | Emanuele Feronato

    Get the most popular Phaser 3 book Through 202 pages, 32 source code examples and an Android Studio project you will learn how to build cross platform HTML5 games and create a complete game along the way. Get the book You may call it Lightbox, or Greybox, or Thickbox, but it’s always the same effect. When you are on a page, and click on a photo or trig some event, a Lightbox is an effect that fade

    Create a Lightbox effect only with CSS – no javascript needed | Emanuele Feronato
    j0hn
    j0hn 2007/08/27
  • 文化審議会が提言─IT業界人の肩書き「土方」に統一へ - bogusnews

    文化審議会国語分科会(会長:阿刀田高氏)は10日、混迷をきわめ争いの種になっているIT業界関係者の呼び名・肩書きを、今後 「土方」 で統一するように─との提言をまとめた。今後は出版社や日本語入力ソフトベンダなどの協力を得て、用語統一のための施策を推進していく。 IT業界人については「カッコつけたい」「自分はほかの連中とは違う」「カネ儲けしたい」などの理由から、「マークアップエンジニア」「ライフハッカー」「フィードエヴェンジェリスト」など勝手な肩書きを自称する者が続出。業界内で混乱やくだらない言い争いなどを引き起こす原因となっていた。阿刀田会長は、 「肩書きを統一することで、業界人に “自分たちはみな社会不適合者。ホームページと言えばYahoo!しか知らない一般人から見たら、ただのキモい集団” だという事実や、お互いの争いがしょせんカースト間の抗争でしかないことの自覚を促す効果がある」 と、

    文化審議会が提言─IT業界人の肩書き「土方」に統一へ - bogusnews
  • SoozyConference2 - mala

    mala トップページページ一覧メンバー編集 SoozyConference2 最終更新: mala__ 2007年08月10日(金) 10:45:39履歴 Tweet SoozyConference #2 刺身の上にタンポポを載せる仕事とマークアップエンジニアの区別が付きません 最速廃人研究会 主任研究員 ma.la これまでのあらすじ http://del.icio.us/miyagawa/戦争 http://b.hatena.ne.jp/t/cssnite などをご覧ください。 こんなぐあい 1 cssniteの飲み会で鷹野がエンジニア差別発言 河野さんが金の匂いが強すぎる発言 空前の収支決算報告ブーム amachangがmixi日記にCSS Nite嫌い発言 こんなぐあい 2 鷹野の全然空気読めてないコメント amachangがぶち切れて、表日記に書く malaが便乗 刺身が乱入

    SoozyConference2 - mala
  • マークアップエンジニアはどこへ向かうべきか(を考えてたらカッとなって LL の資料公開) - IT戦記

    はじめに このエントリはマークアップエンジニアに対する批判ではありません。不快な想いをした方がいましたら、申し訳ありません。 きっかけ ライブドア & サイボウズラボの数人でお昼ご飯をべにいって、いろいろ話しながら考えたことを昼後に Twitter に書き込みました。 濃い昼飯だた、(X)HTML+CSS しか出来ない人は真剣に第二の何かを探したほうがいいと思た。(X)HTML+CSS ではもうこれ以上すごいと呼ばれる人なんて増えないと思う。 http://twitter.com/amachang/statuses/191256222 「CSS 道」は道が短すぎるんだ。マーケティングの為に長く見せてるけど、実際覚えることは少ない。「デザイン」か「JavaScript」を職業に出来るくらいにしとかないとヤバいと思う。 http://twitter.com/amachang/statuse

    j0hn
    j0hn 2007/08/07
  • 世界開放流

    j0hn
    j0hn 2007/07/19
  • http://twitter.com/anontwit/statuses/153523432

    j0hn
    j0hn 2007/07/19
    「金の臭い」じゃなくて腐った性根の「腐臭」がにおってたってことか
  • 最速廃人研究会

    当はもっと色々書きたい事あるけど、忙しいから手短に書くよ。 CSS Niteやら界隈のイベントを主催してる人も、それに群がってる人達も、全然すごくない人達ばかりだよね。こういうことを書くと「畑違いだから、あなたには凄さがわからないんですよ」とか言われるだろうけど。でもね、100歩も200歩も譲っても、やっぱはっきり言っておかないとダメだと思うから書くよ。お前ら全然凄くないよ。いい加減自覚しろよ。そんで自重しろよ。イベントだ勉強会だ交流だの、レベルの低い連中で集まっても何の意味もねーよ。なまじ仕事になって給料とかもらえてしまうから、ダメなことに気付かないんだよ。仕事やめてひきこもれよ。2年ぐらい。 Web標準がどうのこうのいってやってることはCSSハックがどうしたこうした、糞くだらないよね。お前らそれで「Webの発展に貢献してきた」とか思ってるわけじゃんか。全然貢献してないからね。むしろハ

    最速廃人研究会
    j0hn
    j0hn 2007/07/18
  • [mixi] CSS Nite | [Web標準の日々]への苦言

    はじめてトピックを立てさせていただくのですが、それがこういう題(内容)で申し訳ありません。 CSS Nite を精力的に開催されてきた管理人のいっち(鷹野)さんをはじめとするスタッフの方々には、心から敬意を表しているということは、まずはじめに申し上げておきます。これからもがんばってください。 余談ですが、先日の Adobe CS 3 の Web Edition TOUR での鷹野さんのプレゼン、大変楽しく拝聴させていただきました。 さて、僕も[Web標準の日々]への参加を考えている者ですが、諸般の事情で、この段階でまだチケット購入にいたっておりません。「財政的な理由で・・・」というエントリ(トピック)もありましたが、それもありますし、予定がギリギリにならないとたたないということもあります。 そうこうしているうちに先ほど、「日で6割程度のセッションが満席となってしまいました」との発表を拝見

    [mixi] CSS Nite | [Web標準の日々]への苦言
    j0hn
    j0hn 2007/07/17
  • text-overflow - CSS Dencitie

    ボックスの幅が制限されていて、且つ'white-space'に[nowrap]や[pre]が指定されていて、テキストが横方向にはみ出し、且つ'overflow'に[visible]以外の値が指定されている場合、長過ぎるテキストは右にはみ出します。 このプロパティは、そのはみ出したテキストに対して、可視部分の最後に省略符号(「...」の事)を入れるかどうかを指定します。置換要素には無効です。 キーワード解説 ellipsis はみ出した行の可視部分の最後に、省略符号「...」を付け足します。 clip 普通にテキストを切り取り、省略符号はつけません。 以下にひとつ例を挙げておきます。'text-overflow'と'overflow'を換えてみて、大体の感じを掴んでください。 <div style=" width:120px;height:50px;border:1px solid blue

    j0hn
    j0hn 2007/05/27
  • ウノウラボ Unoh Labs: エラスティック・レイアウトのご紹介

    yamaokaです。 エラスティック・レイアウトというwebサイトのレイアウト手法をご存知でしょうか?  「エラスティック(elastic)」とは、ゴムのように弾力性がある状態のことです。 言い換えると「伸び縮みするレイアウト」になるでしょうか。 webサイトの代表的なレイアウト手法として、次の2つが挙げられるかと思います。 固定幅レイアウト リキッド・レイアウト 固定幅レイアウト 固定幅レイアウトでは、 コンテンツを格納するボックスの幅を以下のように絶対値で指定します。 div#container { width: 800px; } 固定幅レイアウトの場合、ウィンドウや文字のサイズが変更されてもレイアウトの枠は変わりません。 したがって、ウィンドウを大きくすると表示されるエリアが小さくなってしまったり、 文字のサイズを変更すると外枠が変わらないので読みづらくなってしまったりします。 リキ

    j0hn
    j0hn 2007/04/04