CSS3セレクタの中でも特に使い勝手がいいと個人的に思う「nth-child」と「nth-of-type」の使い方を紹介します。似ているようで若干違いますので正しく理解しましょう。 基本的な使い方 まず、「nth-child」と「nth-of-type」の基本的な使い方を説明します。 nth-childの説明 一般的に「E:nth-child(n)」という風に表されていて、親要素のn番目の子要素であるE要素ということになります。 具体的には以下のように使います。
HTMLやCSSではプロトコル表記(http:、https:)の省略が可能です。 ということで、プロトコル表記の省略に関することを色々調べてみましたので、本エントリーで紹介致します。 このエントリーは、「「Google HTML/CSS Style Guide」を適当に和訳してみた」の以下の部分に対しての便乗記事です。 埋め込みリソースからプロトコル表記(http:,https:)を省略する。 <!-- Not recommended --> <script src="http://www.google.com/js/gweb/analytics/autotrack.js"></script> <!-- Recommended --> <script src="//www.google.com/js/gweb/analytics/autotrack.js"></script> 1.プロトコ
Fireworks CS6には、jQuery Mobileのテーマを作成する機能が追加されました。CS5/CS5.1向けに同様の機能を提供する拡張機能「Fireworks CSS3 Mobile Pack」がAdobe Labsにて提供されていますが、CS6では日本語化されているなどの違いがあります。 アイコンの変更 早速、jQuery Mobileのテーマを作成してみましょう。メニューから[コマンド]→[jQuery Mobileテーマ]→[新規テーマを作成]を選択すると、jQuery Mobileテーマ作成用の画面が表示されます。jQuery Mobileのデフォルトテーマには5つのスウォッチ(カラーバリエーションなもの)が用意されており、Fireworksでも初期状態では5つのスウォッチがページとして定義されています。さらに、スウォッチで共通に利用するアイコンなどを設定するページ、テ
先日、「レスポンシブWebデザインのウェブサイトを半年運営してみて思ったこと」という投稿をした際に、その内容に関するTwitterでのやり取りの中で@shokutoさんから以下のコメントをいただきました: @rriver そうですね、なぜレスポンシブデザインという手法を採用したのか、がもう少し説明されていると良かったなと思いました。新しいから、だけではないと思いますし、設計思想的なものって評価として重要な要素ですので。 — sunami hokuto (@shokuto) May 2, 2012 たしかに、「なぜレスポンシブWebデザインを採用したのか」は、すごく重要な部分ですよね。 ということで、以下にまとめてみました。前回の投稿と同様に、これからレスポンシブWebデザインを導入したいと考えている方の参考になれば幸いです。 僕が携わった大学ウェブサイトのリニューアル・プロジェクトで、レス
話題の調味料「塩麹(しおこうじ)」を使って、料理をもっとおいしくしてみませんか? 下ごしらえに使ったり、いつものレシピに加えたりすることで、肉は柔らかく、野菜はまろやかな味わいになるそうです。塩麹を使ったアレンジレシピや、塩麹そのものを手作りする方法を紹介します。 ■ 安い肉も“絶品”の食感に 調理をするとパサパサしたり固くなったりしがちな安い肉でも、塩麹を使えば柔らかな食感に変身します。 ▽ 油屋ごはん: 豚の塩麹漬け焼き/国宝HS ▽ 鶏ハム@塩麹 by ミケさち 【クックパッド】 簡単おいしいみんなのレシピが320万品 ▽ 唐揚げに塩麹を使ったら……超ジューシーで激ウマッ! | マイナビニュース 1日塩麹に漬けた豚の肩ロースの両面をあぶり焼きするだけで、脂まで甘くておいしいという“絶品”の味が楽しめるそうです。塩麹だけで味付けをする鶏ハムは、キッチン用ポリ袋に鶏もも肉と塩麹を入れても
グラフィックデザイナーやウェブデザイナーの仕事をしていると、使い勝手のよいフォントというのは重宝するものですが、シンプルで美しいデザインのフォントというのはなかなか見つからないもの。というわけで、今すぐに商用でも無料で使えるスタイリッシュなフォント42種類は以下から。 A Collection Of 41 Fonts With Free For Commercial Use License http://designresourcebox.com/a-collection-of-41-fonts-with-free-for-commercial-use-license/ ◆01.Aaargh Aaarghとはうわ~!という意味。 ◆02.Aldo ◆03.Aller フランス語で「行く」という意味のフォント名。 ◆04.Alte Haas Grotesk ちょっとレトロな感じのフォント。
しばらく本業の本づくり(編集業)に専念してました。NOTEを書こうと思ったのは久しぶりです。きっかけは「モバツイ」の作者、えふしんさん(@fshin2000)のツイートでした。 (引用元:「えふしんさんのツイート」) えふしんさんが疑問を持たれたのは、「NAVAR(ネイバー)まとめ」が、“まとめ”をつくったまとめ作成者にアクセス数に応じてお金を支払うモデル、つまり金銭的なインセンティブを設定しているため、長期的にはどうなるのかという点なのだと思います。今のところ「NAVARまとめ」はものすごい勢いでアクセス数を獲得しています。 NAVARまとめ http://matome.naver.jp/ (DoubleClick Ad Planner推定値より) アクセス数が伸びている理由は「まとめ」を作成するユーザー(まとめ作成者)が増加傾向にあるからでしょう。ここ最近のことですが、はてなブックマ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く