お知らせモジュールのマークアップ
2014年1月22日 著 本日開催のマークアップ部＠勤務先、お題の2つ目はお知らせモジュール。呼び名はさておき、よくサイトのトップページとかカテゴリーのトップページで目にするようなモジュールで、見た目はこんな感じ： マークアップを考えてみたところ、個人的にはあまり困らないというか、迷うことは無かったですね。主なポイントはこちら： 全体はリスト（ul.news）としてマークアップ。ol要素でも良いけれども、序列に関する情報（日付）がリスト項目に含まれているがゆえに、項目の並びを入れ替えても破綻しない、というのがolではなくulの理由。 dl要素を使い、日付の部分をdt要素、それ以外をdd要素にするという案も捨て難い（謎）けれど、あまり好きじゃないのですよ。個人的な好みもあるけど、スタイリングのしやすさというか、ul.news>liについている下線をつけやすいし（謎 ul.news>liのなか
The Pattern Library
this on going project compiles patterns shared by the most talented designers out there for you to use freely in your designs.
日々の作業が超快適に！Macが超便利になる小技や設定47個まとめ | ゴリミー
Macを使っているだけで作業効率がグンと上がる！ただ、設定次第ではさらに便利になる可能性を秘めている！ これまで発見する度に都度紹介してきたMacを便利にする小技や便利Tips全47個をまとめてみた！中には知っているだけで日々の作業スピードが向上するものもあれば、最近困っていたことの解決方法になるものもあると思うので、参考にしてみるべし！ ユーティリティ系の小技や便利設定 Macでファイルの拡張子を常時表示する方法 OS X 10.8 Mountain Lionでスクロールバーを常に表示する方法 MacのデスクトップにMacintosh HDや外付けハードディスクのアイコンを表示する方法 MacのFinderで複数選択したファイルを含んだフォルダを一発で作る方法 「OS X Mountain Lion」のホットコーナーの誤動作を防止する方法 OS X Lionでトラックパッドやマウスのスク
HTML5で実現できる！環境光に合わせたレスポンシブなUI
HTML5で実現できる！環境光に合わせたレスポンシブなUI Tomomi Imura（Slack） フロントエンド開発やデザインに携っている皆さんにとって、ここ数年間「レスポンシブ・ウェブ」についての話題は避けて通れないものとなっているでしょう。モバイルやタブレット上でも、ユーザー・エクスペリエンスを失うことのないウェブを表現するには、CSS3 Media-queriesが欠かせないものとなってきました。 それでは実際、レスポンシブ・ウェブとは何についての対応（レスポンシブ）なのでしょうか。 現在のところ、私たちがいうレスポンシブ・ウェブデザインとは、どんなスクリーンの幅や表示領域、デバイスの画面解像度や画面の縦横の向きにも対応したウェブデザイン、というのが事実上の定義となっているようです。 そこで今回、私はその定義を超えたレスポンシブ・ウェブのユースケースについて考えてみました。 太陽光
【Illustrator】簡単！歯車・ギアの描き方 編集も容易！（アピアランス）
今回はIllustratorで歯車を描きます。アピアランスなので、編集も簡単。数値を変えるだけで、バリエーション豊かな歯車を作ることができますよ。タイヤなんかにも応用できるので、ぜひお試しください！ 完成予定図 使用ソフト：AdobeIllustratorCC（CS5で検証済み） Step1 楕円を描いてギザギザさせる まずは楕円形ツールで元になる円を描きます。 楕円形ツール/Ellipse (L) 高さ(H)：100px 幅(W)：100px この先はアピアランスを使っていくので、アピアランスパネルを表示（Ctrl+F6 ・Shift+F6）させておきましょう。 アピアランスパネルが無事開いたところで、次は楕円の縁をギザギザさせていきます。アピアランスパネル下メニュー「fx(新規効果を追加)」をしてジグザグを適用。 新規効果を追加＞パスの変形＞ジグザグ Add Effect > Dist
パンくずナビのマークアップ
2014年1月22日 著 本日、勤務先でマークアップ部があるのですけど、そのお題の一つにいわゆる「パンくずナビゲーション」があります。こういうやつね： パンくずナビのマークアップについての持論は、改めてマークアップを書くまでもなく、だいぶ前に第1回「アクセシビリティBAR（仮称）」初夏のパンくず祭のなかで書いた通りのまま。以来、何か考え方が変わったということもなく、実務においても同じマークアップパターンを踏襲することが多いです。ほか、パンくずナビについて思うところは パンくずナビとマイクロデータ パンくずナビゲーションにまつわる議論、再び にも書いてますね。これまで触れていないところで気になっているのは、WebAIMが先日回答を閉め切ったアンケート、Screen Reader User Survey #5（WebAIMによる5回目のスクリーン・リーダーに関する調査 | アクセシビリティBl
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
HugeDomains.com