サクサク読めて、
アプリ限定の機能も多数！
アプリで開く
フロントエンド連載の5記事目です。HTML5が2021年の1月に廃止されました。 Webエンジニアとしてバリバリ活躍されてる方やエグゼクティブテックリードのような肩書きを持つ方にとっては「何をいまさら」という話題かと思います。 しかしながら、今年も新人さん入ってきてくださったので、プログラミングを学習中にHTML5という文字列に悩まされないように、そもそもHTML5とは何かや、廃止された経緯をまとめてみます。HTML5とはWebサイトを作るときに必ず書くことになるHTML。Webサイトのコンテンツ、つまり中身や構造を作るために使うマークアップ言語です。 そして、その最近版として10年ほど前に登場したHTML5。当時は Webニュースなどで盛んに特集が組まれていましたが、このHTML5がついこないだ、2021年1月28日に廃止されました。 広義のHTML5 / 狭義のHTML5HTML5
AboutHTML PreprocessorsHTML preprocessors can make writingHTML more powerful or convenient. For instance,Markdown is designed to be easier to write and read fortext documents and you could write a loop in Pug. Learn more · Versions Adding Classes In CodePen, whatever you write in theHTML editor is whatgoes within the <body> tags in a basicHTML5template. So you don't have access to higher-
Winでは基本的にフォントレンダリングをCSSで制御することは出来ません。また、スマートフォンのブラウザもほとんど制御できず、基本的にグレースケールで表示されることが多いようでした。MacではSafariのみがグレースケールですね、これが原因で「Safariで文字が細く見えてしまう」現象が起こっています。 デバイスのdpiによる見え方 このまま各ブラウザでアンチエイリアスを揃える設定しても良いのですが、1x, 2xの解像度による見え方を見ていきましょう。(今回はThunderbolt Display = 109ppi, MBP Retina Display = 220ppiで検証・比較。実際に表示した画面をスマホのカメラで加工が無いようにして撮りました。) 109ppi(Thunderbolt Display) 220ppi(MBP Retina Display) 以下のことがわかります
記事をすべてGithub Pagesに移行しました。 新しいURLはこちら: https://genkami.github.io/2015/11/04/twitter-shshi.htmlTwitterのふぁぼマークがハートになってしまったので、昔ながらの寿司アイコンに戻す方法を書いておきます。(GoogleChromeのみ) 1. Stylebotをインストール StylebotというChromeの拡張機能をインストールします。 https://chrome.google.com/webstore/detail/stylebot/oiaejidbmkiecgbjeifoejpgmdaleoha 上のリンクをクリックし、「CHROMEに追加」ボタンを押します。 「Stylebot」を追加しますか? と聞かれるので、「拡張機能を追加」をクリックします。 インストール自体は数秒で完了すると
EPUB やCSS と日本語レイアウトHTML5 と電子書籍 アンテナハウス 村上 真雄 @MurakamiShinyu 2010-07-14 「第８回HTML5とか勉強会」での講演資料 [HTML5プレゼンツールNerine版もあります] 村上 真雄 (@MurakamiShinyu) 自己紹介Twitterで公開しているプロフィール： XML/HTML+XSL/CSS 自動組版ソフト Antenna HouseFormatter 開発者 アンテナハウス取締役 W3C会員としてXSLとCSS3仕様に関わるHTML5 IG JP共同議長 JEPA EPUB研究会員 世界標準仕様（特にHTML+CSSとその応用のEPUB）で、まともな日本語組版を可能にしたい Antenna HouseFormatter 1999年、当時W3Cドラフトだった XSL (Extensible Sty
なんです。表示されるのはいつも同じアイテムで十分。（使うのがニュースと単語翻訳くらいなものなので……） なのに一つしかないタブ（ホーム）の部分で幅を取られるので、スタイルシートで消してしまっています。 以下自分メモ #col1 { display:none !important; } #c_2 .modbox { margin-right:0px !important; } .rnd_footer .rnd3 { margin-left:0px !important; } .rnd_footer .rnd2 { margin-left:1px !important; } .rnd_footer .rnd1 { margin-left:3px !important; }iGoogleの設定で消せたりするのかなあ……見当たらないんだけど。
思いは言葉に。はてなブログは、あなたの思いや考えを残したり、 さまざまな人が綴った多様な価値観に触れたりできる場所です。
以前、サイトの横幅を640ピクセルにする理由――統計と現状に基づく結論［絵文録ことのは］2006/11/25で、「実際にサイトを閲覧している人のブラウザーの横幅と、ブラウザーによる印刷上の制約から、特に画像は左端から640ピクセルくらいに収まるようにした方がよさそうだ」という結論に落ち着いた。これには、一行字数が多すぎると読みづらい、という、紙媒体の扱いも多いわたしの経験的な見方もある。 もちろん、これにはリキッドデザイン主義者の方から「ページ幅を指定するようなデザインであること自体が悪」という反応があったり、「印刷用CSSを使おう」といった反応があったりしたのだが、「印刷時のことを考えれば640pxという制約がある」という結論は特に揺るがなかった。 その後、今まで約2年経った。閲覧者の環境も変わり、当時主流だったIE6にはなかった「用紙サイズに合わせて印刷」機能を備えたIE7ユーザーも増
いつの間にか2009年になってしまった。 IE6に気を使わなくてもいい理由とか「そういう系」 の話を聞くと、なんで非営利個人サイトが自分の嫌いなウェブブラウザなんかに一々気を遣わなきゃならないんだとか思う。もちろん気を遣うのには色々理由があるだろう。だが「気を遣わなくてもいい理由」というのもあっていいんじゃないか。そう思ってだらだらと悪文を書いてみた。本当に悪文だからまとまりはないよ。 相手にしていられないほど膨大な種類の「ウェブブラウザ」 この文脈においてはウェブブラウザではなく、所謂レイアウトエンジンやHTMLパーサの種類を把握すべきだろう。たとえばSleipnirもfubも、同じMSHTML.dllを利用しているなら一つとしてカウントできる。 ウェブページのレイアウトエンジン レイアウトエンジン等の名称主なバージョン（2009年1月現在）応用しているプロダクト他
Tweet Check Category：[ つぶやき, 行ってみた ] Tag：[CSS Nite |Web制作 ] 13日の金曜日に行われたCSS Nite Shuffleは、強烈な印象の残ったイベントでした。特に住さんと高木さんのトークセッションは、いろいろな思いを持って聞きました。どれだけ整理して書けるか分かりませんが、がんばって書いてみます。 お話を聞きながら、私はその場で「違う…」と思わずつぶやいていました。 いや、もう、「人種が違う」に近い感覚を持ちました。この人たちは、私と同じ世界に生きていない。「デザイナー」ではなく「アーティスト」だと思いました。 住さんは、セッションの最初にこうおっしゃいました。 「プロ野球選手は、野球が好きだからプロになるんじゃなく、プレイするのが好きだからプロになるんだと思うのです。みなさんも多分、なにかしら作ることが好きだからWeb屋をやって
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です -はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。はてなグループに投稿された日記データのエクスポートについて -はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記はてなグループ日記のエクスポートデータは2020年2月28
タグクラウドの必要性についての是非はここでは置いておいて、このアイテムのデザインって色々考えさせられますね。 Vicuna CMSでも真面目に対応しようと重いケツを上げましたので、とりあえずサンプルとなるCSSスタイルを色々と書いてみました。 表示例とCSSファイルを置いておきましたので、気に入った表示があったらどうぞ使って下さい。 2007.10/21 追記・編集 Tag Cloud 10,11,12で.level5のフォントサイズが.level4と同じになってたのを修正 応用編としてTag Cloud 13を追加 単純に該当する記事が多いタグが他より目立てばいいだけなので、大抵のスタイルは大小の区別で表示しているけど、それだけじゃちょっと味気ない気もするので サイズ 色 明暗 彩度 色彩 形 というところでタグの強弱をより強調してみました。HTMLは以下のような要素とクラス名で作って
紛争勃発 服装や身なりを指して、エンジニアのことをバカにすんな！ お前がかっこいいと思ってる人間よりも、もっとかっこいい人間が僕の周りにはいっぱいいるんだよ！ http://d.hatena.ne.jp/amachang/20070718/1184751687 id:amachang氏はリアルで損するかもしれないが、ネットでは支持を高めたと思う。その流れに最速の人が最速で便乗し、より露骨で強い批判を述べると、小飼弾氏がカウンターを当てて現実的な落としどころを示す、というのもどこかで見た光景だ*1。はてなを震源地としてたちまち話題が広まり、最初はCSSのイベントとJavascriptのイベントの金銭感覚の問題だったのが、デザイナー・エンジニア更にオサレかそうでないか、といった対立が浮き彫りになった。とりあえず「CSSNiteオシャレ事変*2」と呼ぶが、これらに関する記事は後半にまとめてある
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 などをご覧ください。 こんなぐあい 1cssniteの飲み会で鷹野がエンジニア差別発言 河野さんが金の匂いが強すぎる発言 空前の収支決算報告ブーム amachangがmixi日記にCSS Nite嫌い発言 こんなぐあい 2 鷹野の全然空気読めてないコメント amachangがぶち切れて、表日記に書く malaが便乗 刺身が乱
はじめに このエントリはマークアップエンジニアに対する批判ではありません。不快な想いをした方がいましたら、申し訳ありません。 きっかけ ライブドア & サイボウズラボの数人でお昼ご飯を食べにいって、いろいろ話しながら考えたことを昼食後にTwitter に書き込みました。 濃い昼飯だた、(X)HTML+CSS しか出来ない人は真剣に第二の何かを探したほうがいいと思た。(X)HTML+CSS ではもうこれ以上すごいと呼ばれる人なんて増えないと思う。 http://twitter.com/amachang/statuses/191256222 「CSS 道」は道が短すぎるんだ。マーケティングの為に長く見せてるけど、実際覚えることは少ない。「デザイン」か「JavaScript」を職業に出来るくらいにしとかないとヤバいと思う。 http://twitter.com/amachang/statuse
ZeraWeb development labは2007年3日(米国時間)、新しいデータフォーマットとして「ReallySimple Data(RSD)」を提案した。同フォーマットは現在注目されているデータフォーマットの優れた特徴をまとめたようなフォーマット。CSSからクォートなしのシンプルな表記を、YAMLから高い柔軟性を、XMLからメタデータとの親和性の高さを、JSONから文法の学習の容易性を持ってきていると主張されている。 ZeraWebのサイトにおいて提案されているサンプルを次に引用する。CSSとJSONのフォーマットを組み合わせたようなフォーマットになっているようだ。 Example 1: A person object.(ZeraWebからの引用) person { name { last: Yoder, first: Dan } title: Web Application
DiaryTechnologyCSSでDivを天地左右中央に配置する方法『locate div at the center vertically and horizontally』 ちょっと実装したくなったので、CSSでDivを天地左右中央に配置してみました。 Webcreatorsに載っていた方法ですw。 » Webcreators (ウェブクリエイターズ) 2007年 03月号 ■CSSは↓。 <style type="text/css"> body { background:#ccc; margin:0; padding:0; } #wrap { position:absolute; width:500px; height:100px; left:50%;top:50%; margin-left:-250px; margin-top:-50px; background:#ff
10 different styles of Accordion’s (Using Ajax,JavaScript, DHTML…)at Developer Snippets Hi developers here I am back again with some useful stuff. I had a thought of how to represent lot of stuff in a constant space area in a webpage 伸縮するアコーディオン風UI実装ライブラリ集。 YourHead Accordion Ext Accordion MooTools Menu Accordion Example with Mootools Accordion Example Accordion Demo 伸び縮みするので少ないスペースで実装することが出来、なめら
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
