タグ

htmlに関するHolyGrailのブックマーク (55)

  • Google Slides: Sign-in

    Not your computer? Use a private browsing window to sign in. Learn more

  • css-lecture.com

  • ページ送りのサンプル4種+2

    ず、随分間が空いてしまった・・・何て言う現実。 気付けば冬間近ですね。 久々の更新が、特別目新しくもなんともないんですが、自分なりのページ送りサンプルを作ってみました。 ホントは最初のだけ有れば事足りてるんですけど、ボリューム感を出す為に4種類+2にしてみました。 サンプルサイトを見る サンプルをダウンロード 地味にサンプル作ってたら時間取られたので、解説は軽めですが続きにて。 今回作っておきたかったのは、センタリングさせたページ送りっす。 とても似たようなエントリーが有るので、下記も参考にしてみるといいかと。 ページ送りナビゲーションには display:inline-block が超便利 | バシャログ。 不特定の数の横に並ぶブロック要素をセンタリングさせる | CSS-EBLOG 各サンプル共通で以下のスタイルが当たってます。 #main ul, #main ul li { marg

    ページ送りのサンプル4種+2
  • Web標準とその周辺技術の学び方 記事一覧 | gihyo.jp

    運営元のロゴ Copyright © 2007-2024 All Rights Reserved by Gijutsu-Hyoron Co., Ltd. ページ内容の全部あるいは一部を無断で利用することを禁止します⁠。個別にライセンスが設定されている記事等はそのライセンスに従います。

    Web標準とその周辺技術の学び方 記事一覧 | gihyo.jp
  • kzms2 - html,css,javascript… » html4.01からhtml5への変更をしてみた

    動機とか 会社で何やらHTML5を触る感じになりそうだったので、ちょっと色々調べるついでにBlogに書いてみます。 基的にはHTML4.01からHTML5に変更するにはどう書けばいいのかってことに重点を置いてみます 変更前 html4.01のソース <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>kzms2 - html4.01</title> <link href="master_h4-090925.css" rel="stylesheet" ty

    HolyGrail
    HolyGrail 2009/09/28
    後輩支援ってことでid:vantguardeをIDコールw
  • HTMLとCSSしか書かなかったコーダーは今なにしてる? - Hato-Style

    2009年09月13日 (日) Web雑談 風邪ひいた。頭が痛くて熱が下がらない...しかし悶々として眠れない。いろいろと他にの人に迷惑かけちゃったり、マジごめんなさい。ちょっと寝付けなくなっちゃったので、横になりながら頭の中で思ってたことをiPhoneでメモ書き。 マークアップエンジニアはどこへ向かうべきか(を考えてたらカッとなって LL の資料公開) - IT戦記 HTMLは道具 3ping.org マークアップエンジニア云々に関して書いてみる | Blog hamashun.com プログラミング知らないHTMLコーダーがダメな理由 はてな匿名ダイアリー HTMLコーダーやWebデザイナーをバカにしているプログラマーは全員腹切って死ね - kwatchの日記 (X)HTML + CSS しか出来ない人はそれなりに危機感を感じたほうがいいと思った今日の昼ご飯でした。 マークアップエンジ

    HolyGrail
    HolyGrail 2009/09/14
    id:amachang なんとなくIDコールしてみる/HTML5とかの話もあるし一回なんかイベントやれたら楽しそうだなー。
  • わーるど・わいど・うヱっヴ : 序

    僕は以前、こんな妄想をしたことがあります。 ある時、宇宙人からメッセージが届いて、 「キミタチ ノ コト ヲ, シリタイ. ヨッテ,ゲンダイ ノ シンカ カテイ ト, シャカイ コウゾウ ヲ,ワレワレ ニ オシエヨ. ナオ,ショシキ ハ キミタチ ノ ダイタスウ ガ アツカエル コウゾウカ ゲンゴ デ, イイカンジ ニ タノムヨ. マ,スキニヤッテクレ.ピーガシャ」 世界中の科学者は慌てて会議し、宇宙人に返すメッセージの書式にHTMLを選択します。 ま、細かい事をすっ飛ばし、 あるとき、僕の Gmail の受信箱に「政府からのお願い」という題で次のようなメールが届きます。 「前略、世界各国からあらゆる分野の博士を揃えた。HTMLの記述部分を、もっとも時間のあまってそうな君に頼みたい。これは極秘任務となるが、だからこそ、孤立した世界から出られていない君が必要なのだ。」 そんなこん

    HolyGrail
    HolyGrail 2009/08/06
    うーたんキタコレ!
  • WebKitという世界標準。 - 日々、とんは語る。

    にわかに現れ、ネット界を震撼させているバズワード。 以前からあった機能を「特別」にするiPhoneマジックという記事で使われている言葉ですが、ウェブ製作者の人からしてみれば、思想的に逆行、むしろ反逆しているような言葉ですね。 何故かと言えば、それ即ち、今現在でいうところの「IEという世界標準」と置きかえれてしまうからではないでしょうか。 別にWebKit自体が駄目だというわけではなく、ブラウザはあくまでウェブ "ブラウザ" であって、ブラウザ自体が標準にはなりえないわけです。全てのブラウザで等しくブラウジングできるようにあるために、標準(仕様)があるわけで、ブラウザは標準(仕様)に基づいてレンダリングできれば、何でも良いわけです。 docomo の新プラウザが(WebKitじゃなくて)イケてないという意見がありますが、逆に WebKit を採用して幸せになるのは、一体誰なのでしょうか? i

    WebKitという世界標準。 - 日々、とんは語る。
    HolyGrail
    HolyGrail 2009/07/09
    よい記事
  • XHTML の今後に関する FAQ

    この文書は、XHTML の今後について寄せられた質問をまとめたものです。W3C が今後どのように XHTML と関わっていくのかを、コミュニティや W3C Member が理解を深められるように作成されました。 XHTML 2 Working Group はどうなりますか? 2007 年 3 月に、W3C は HTML Working Group と、XHTML 2 Working Group という、ふたつのグループを設立しました。この際、私達は XHTML 2 の市場価値などを見ながら、今後について検討すると表明していました。 私達は、何年にもわたる XHTML 2 Working Group の活動と貢献をとても評価しています。しかし、参加者と話した結果、W3C は、2009 年末で失効する XHTML2 WG の憲章を改正しないことを決定しました。 HTML Working Gro

  • https://blog.8-p.info/2009/06/html

  • 実践CSS3 & HTML5 with Microformats ワークショップ :: Web Directions East に行ってきたのでまとめ | Blog hamashun.com

    実践CSS3 & HTML5 with Microformats ワークショップ :: Web Directions East に行ってきたのでまとめ 実践CSS3 & HTML5 with Microformats ワークショップ :: Web Directions Eastに行ってきました。 会場は恵比寿のとある会議室で、少人数(参加者10人弱くらい)で行われました。 講師はJohn Allsoppさんで、通訳にヤスヒサさん。 色んなお手伝い(という紹介でいいんでしょうか)にOli Studholmeさんというチームでした。 ヤスヒサさんは久しぶりにお会いしましたが、髪が伸びていました(お前が言うな)。 参加者の中で知ってる人はネコゼさんだけでした。 あの人とかあの人とか来ると思ったのになあ。。 休憩時間に技術評論社でHTML5の記事を書いた村田さんと名刺交換をさせてもらったりもしまし

    HolyGrail
    HolyGrail 2009/05/26
    なんでマークアップ関連のイベントとかセミナーっていちいちお金の臭いに突っ込まないといけないような金額ばっかりなんだろう。ハンズオン形式であるのが最大のメリットなんだから掲載許可で情報制限とかなにそれ
  • いま起きているWeb標準の進化、HTML5、CSS3、JavaScript 2.0

    が大型連休に入る少し前の4月23日、W3CはHTML5の新しいドラフトを公開しました。いつも最新のWeb標準化動向を伝えてくれるWeb標準ブログのエントリ「Last Callに向け進むHTML5 | Web標準Blog | ミツエーリンクス」によると、今回のドラフトから仕様書に大きく手が加わり、Webサイトを作る人向け(制作者に関係する要件)と、Webブラウザを作る人向け(実装要件についての要件)ごとに見やすくなるようなスタイルシートが用意されたとのこと。 これまでも何度かこのブログでは、HTML5やJavaScript 2.0などのWeb標準の動向を書いてきましたが、今回は分かりやすいようにその動きをまとめてみました。 HTMLHTML4でいったん進化が終了し、それ以後はXHTMLで進化していくことになっていました。しかし実際にはXHTMLは期待されたほど普及せず、XHTMLによっ

    いま起きているWeb標準の進化、HTML5、CSS3、JavaScript 2.0
  • 株式会社paperboy&co. / ペパ研

    ブログテンプレートのPSDファイル JUGEMやロリポブログで公開したブログテンプレートのpsdファイル(Photoshop形式)を配布しています。 画像をクリックするとzipファイルがダウンロードされます。 利用規定は以下のクリエイティブ・コモンズ・ライセンスをご覧ください。

  • はてなブログ | 無料ブログを作成しよう

    トルコ水紀行 -前編 イスタンブール- みなさんこんばんは、地図子です!8月は久しぶりに毎月更新にしようと思います。今までずっと名古屋について書いてきましたが、ワープして・・・ トルコについて書きたいと思います。 2024年6月に念願のトルコに行ってきました。いつからトルコに行きたかったかわから…

    はてなブログ | 無料ブログを作成しよう
  • いま HTML5::Canvas って使えるの? (HTML::Canvas のサポート状況) - latest log

    Opera の getContext("opera-2dgame") について追記しました。 fillText(strokeText) + pattern, + linerGrad, radialGrag について追記しました。 uupaa-excanvas.js ver 0.3 リリース版に基づき表を更新しました。 uupaa-excanvas.js ver 0.31で、drawImage(canvas, ...) をサポートしました。 先ほど Windows XP 上で調べました。MacLinux だとちょっと違うかもしれません。 # レンダリングの実例はhttp://uupaa-js-spinoff.googlecode.com/svn/trunk/uupaa-excanvas.js/DEMO.htmで見れます。 凡例 5: 実装されており他のブラウザの描画結果と互換性がある(

    いま HTML5::Canvas って使えるの? (HTML::Canvas のサポート状況) - latest log
  • はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知

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

    はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
  • はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知

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

    はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
  • YappoLogs: クロスブラウザ対応やってみて思った事

    クロスブラウザ対応やってみて思った事 HTMLやらCSSやらJavaScriptやら色々弄った感想 - Firefox, Safari, Google Chrome なんかは割と手がかからない - Opera も上の3つ抑えてればだいたいok - なんかSafari4のJavaScriptの挙動が3と微妙にちがう - IEは死ね、IE7からだいぶ互換性的な物がよくなってるけどIEは死ね。 -- IE6のサポートを切り捨てる時代はまだか? - IE8は確かにJavaScriptが速くなってるがGoogle Chromeは劣るしSafariとか当速い、Firefox3.0は結構遅い - z-indexの事を考えてないで作ってると、いざとなったら当にびっくりする - pngの透過画像をあわせるのは案外しんどい -- DXImageTransform.Microsoft.AlphaImageL

  • プログラマが1ヶ月でWebデザイナーに転身する方法 - やねうらおブログ(移転しました)

    サイトを構築していると、プログラマはWebデザイナーと共同作業をしなければならない。 しかし高度なRIAを実現しようとすると思っているようにWebデザイナーに素材を作成してもらうだけでもとても骨の折れる作業だ。 そこで、一層、「すべてのプログラマはWebデザイナーになればいいんじゃね?」と思った。 今回は、私の実体験に基づき、「プログラマが1ヶ月でWebデザイナーに転身する方法」というのを考えてみた。 ■ HTML,CSSを覚えよう まず、HTMLCSS。いくら私でもW3C( http://www.w3.org/ )のすべてに目を通せとは言わない。 ブラウザ間で挙動が違うのでそれぞれのタグがどのブラウザで使えるのか一覧がまず欲しい。手軽なのは詳解HTML & CSS & JavaScript辞典。このハンドブックは見やすいのでお勧め。また、よく使うタグに関してはすべて覚えよう。覚えている

    プログラマが1ヶ月でWebデザイナーに転身する方法 - やねうらおブログ(移転しました)
    HolyGrail
    HolyGrail 2009/03/18
    プログラマがデザイナーになるのは1ヶ月では難しい気がする。デザインをHTMLに落とし込むためのHTML+CSSを勉強するぐらいならいけそう/デザインって難しい。/Webエンジニアならこの辺勉強しとけってのは激しく同意
  • CGデザイナー・Webデザイナー・グラフィックデザイナーのためのクリエイティブ・タブロイド withD(ウィズ・ディー

    2009.06.30 | トピックス クリエイティブ・タブロイド withD休刊のお知らせ 2009年6月30日をもって休刊させていただきました。 ご愛読いただき、ありがとうございました。 2009.06.29 | インスピレーション・ネタ探しの旅 行動につながる情報を見つけ出す インスピレーション・ネタ探しの旅 ♯26 ミキチョクシ(ペタビット/ナフタリン)