- 【HTML5】command 要素。 HTML5 から新たに追加された <command> タグは、操作メニューの各コマンドを指定する際に使用します。 <menu>~</menu> で全体が操作メニューであることを定義して、その子要素としてを… 【HTML5】command 要素。続きを読む →
- 【HTML5】details 要素 <details>タグは、ユーザーが追加で得ることのできる備考や操作手段などの詳細情報であることを示す際に使用します。 もし、<details>~</details>の子要素として <summary… 【HTML5】details 要素続きを読む →
- デザイン学校では決して教えてくれない10のこと 名言集シリーズ4日目。 今日はマイケル・マクドナー氏の[デザイン学校では決して教えてくれない10のこと]をお送りします。 才能が成功に占めるのは 1/3 でしかない。 どんなクリエイティブな仕事でも 95% はクソみたいな作業だ。 すべてが… デザイン学校では決して教えてくれない10のこと続きを読む →
- マイクロソフトで働くための10のヒント。 プログラマーのための名言集。 3日目の今日は、オマル・シャヒーン氏の[マイクロソフトで働くための10のヒント]を紹介します。 プロセスは思考の代用にはならない。 オフィスにばかりいないこと。 自分の製品を使うこと。(あなたの顧客が使うように… マイクロソフトで働くための10のヒント。続きを読む →
- ソフトウェア・プロジェクト失敗の10の兆候。 昨日に引き続き、プログラマーのための名言集をお届けします。 本日はデア・オバサンジョ氏の[ソフトウェア・プロジェクト失敗の10の兆候]です。 最初のバージョンであまりに多くのことをやろうとする。 確立されていないテクノロジーに大きく依存して… ソフトウェア・プロジェクト失敗の10の兆候。続きを読む →
- エゴレス・プログラミングの十戒。 今日は、ジェラルド・ワインバーグ氏による[エゴレス・プログラミングの十戒]を紹介します。 自分が誤りを犯すということを理解し、受け入れること。 自分と自分のコードは別物である。 どんなに「空手」を学ぼうと、いつでもあなたよりもっと詳しい人間… エゴレス・プログラミングの十戒。続きを読む →
- 【WordPress】bodyタグに異なるclassを付与してくれる[body_class]の便利な使い方。 今日紹介する[body_class();]は、WordPress 2.8 以降から使えるようになったテンプレートタグで、各ページの種類によって自動で class を割り当ててくれるとっても便利な機能です。 オリジナルで WordPress … 【WordPress】bodyタグに異なるclassを付与してくれる[body_class]の便利な使い方。続きを読む →
- 【html 5】video タグを用いて背景全面に動画を再生する方法 最近のウェブデザインのトレンドで背景全面に大胆に動画を配置するケースがよく見られるようになってきました。 つい先日もjQueryを使ってYouTubeの動画を背景として使うプラグイン[jQuery Tubular]を紹介しました。今日はjQ… 【html 5】video タグを用いて背景全面に動画を再生する方法続きを読む →
- Google が提供するPDF[検索エンジン最適化スターターガイド]を手に入れよう! 今日紹介するのは、Google が公式で無料配布している『検索エンジン最適化スターターガイド』です。 文字通り、SEO対策における教科書のような資料。サイト制作者ならば一度は目を通しておくべき必携のPDFです。 検索エンジン最適化スターター… Google が提供するPDF[検索エンジン最適化スターターガイド]を手に入れよう!続きを読む →
- 【HTML5】ins 要素 <ins>タグは、追加された部分であることを示す際に使用します。 cite属性には変更について説明する文書がある場合にそのURLを指定します。 cite属性に指定するURLの文書が、例えば、会議の議事録のような長い文書になってい… 【HTML5】ins 要素続きを読む →
- 【CSS3】マウスオーバーで半透明の波紋が広がるエフェクト。 百聞は一見に如かず。 まず最初にデモをご覧ください。 【CSS3】マウスオーバーで半透明の波紋が広がるエフェクト。 CSSで円を作るにはbordar-radiusを使います。 HTML の記述 <a class=”button” hr… 【CSS3】マウスオーバーで半透明の波紋が広がるエフェクト。続きを読む →
- 【WordPress】最高に便利な投稿記事のサムネイル表示方法。 WordPress には、サムネイルを表示させるための「アイキャッチ機能」がありますが、今回はそのアイキャッチ機能もプラグインも使わずに、記事一覧のページなどにサムネイル画像を表示させる方法を紹介します。 そもそも WordPress のア… 【WordPress】最高に便利な投稿記事のサムネイル表示方法。続きを読む →
- 最新の情報を元に作られた[iPhone 6]の3Dレンダリング画像 噂によると、近日中に発表される[iPhone 6]は曲面ガラスを採用する可能性が高いようですが、その情報を元にMartin Hajek氏が制作した3Dレンダリング画像がNowhereelse.frにて紹介されています。 ご覧のとおり、[iP… 最新の情報を元に作られた[iPhone 6]の3Dレンダリング画像続きを読む →
- 【JavaScript】ウェブサイトに「印刷する」ボタンを設置する方法。 ブラウザでのウェブサイト観覧時も含め、通常、印刷する際は[⌘ + P](Command + P)でプリントアウトすることができますが、これと同じ挙動を JavaScript で実装することができます。 記述するコードは非常に簡単で、基本的に… 【JavaScript】ウェブサイトに「印刷する」ボタンを設置する方法。続きを読む →
- 高画質でカラフルなポリゴンスタイルのテクスチャ×21枚セットが無料です。 独特な雰囲気を醸し出す、幾何学ポリゴンスタイルのテクスチャ素材が21枚セットが公開されていたので紹介します。 元ネタは海外ブログの「20 Free High-Res Geometric Polygon Backgrounds」になります。 … 高画質でカラフルなポリゴンスタイルのテクスチャ×21枚セットが無料です。続きを読む →
- 【iOS】Safari でウィンドウのスクロールを禁止する方法。 ウィンドウサイズを固定して、スクロールさせたくないサイトを制作するとき、<body>タグに以下のコードを挿入します。 <body ontouchmove=”event.preventDefault()”> たった1行… 【iOS】Safari でウィンドウのスクロールを禁止する方法。続きを読む →