-
Bootstrap 2.1「Affixプラグイン」がわかりにくかったので少し紐解い... hijiriworld.com
というように、なかなかうまくいかない。 結局、マークアップだけではなく、CSSとaffixメソッドで制御しなければならないっぽい。 CSSとaffixメソッドで実装 まずは成功っぽい例から → 動作サンプル3 <div class="my_affix"> ... </div> $('.my_a... 続きを読む
-
WordPress ページングはやめてAjaxローディングにする | hijiriworld... hijiriworld.com
ページングはやめて、おしゃれにAjaxローディングにしてみましょう。 最初は5件の記事が表示されています。 「もっと見る」ボタンをクリックするとAjaxにより次の5件が表示されます。 以後、記事がなくなるまで同じ動作です。 テンプレート <section id="content"> <?php... 続きを読む
-
CSSの再利用性を高める LESS dynamic stylesheet language | hijiriw... hijiriworld.com
LESS は、CSS拡張メタ言語で、CSSの言語自体を拡張するものです。 どうしても煩雑化しやすい CSS の再利用性を高めることができます。 変数 広く使われる値をグローバル変数化して、再利用することができます。 > CSS #header { color: red; } h2 { colo... 続きを読む
-
レスポンシブWebデザインの為のフレームワークいろいろ | hijiriworl... hijiriworld.com
1. Initializr 2. 320 and up 3. inuit.css 4. Skeleton 5. Foundation Initializr head要素 <!doctype html> <!--[if lt IE 7]><html class="no-js lt-ie9 lt-... 続きを読む
-
WordPress 当サイトもサクっとレスポンシブデザインにしてみたので参... hijiriworld.com
当サイトもサクっとレスポンシブデザインにしてみたので、そのプロセスをサクサクっと解説します。 レスポンシブデザインコーディングの基本 モバイルファーストで考える レスポンシブデザインの基本は、モバイルファーストで考えることです。 いままでは PCベースで考えてからモバイルに対応する、というもの... 続きを読む
-
レスポンシブデザインに対応したCSSフレームワーク「Bootstrap」 | h... hijiriworld.com
- コンピュータ・IT
- css twitter bootstrap レスポンシブデザイン css3 responsive
- 12 users
- 2012/06/26
レスポンシブウェブデザインに対応したCSSフレームワーク「Bootstrap」の肝 Posted on: 2012/06/22 | Tags: CSS3, JavaScript, jQuery Bootstrapの概要 Bootstrap とは、Twitter 社が提供する CSS フレームワ... 続きを読む
-
WordPress メニュー機能を操る ~画像メニューにする方法など | hijir... hijiriworld.com
1. まずはメニュー機能の基本的な使い方 2. アクティブ時とポイント時のスタイルを変える 3. 画像メニューにする場合 4. あとがき – wp_nav_menu()ではメニューをPHPの値として取得できるらしいが… 1. まずはメニュー機能の基本的な使い方 メニュー機能をオンにする > テ... 続きを読む
-
そのリキッドレイアウトでいいの?正しいリッキドレイアウトCSSはこ... hijiriworld.com
リキッドレイアウトとは、ウィンドウサイズに合わせてコンテンツ領域が可変になるレイアウトのことです。 PCオンリー時代から、基準となるウィンドウサイズについては様々な議論がありましたが、いまやスマホやタブレットなど、様々はウィンドウサイズに対応することが求められているので、リキッドレイアウトにつ... 続きを読む
-
jQuery UI Sortable は並び順を保存しなければ意味がない | hijiriwo... hijiriworld.com
jQuery UI はとても便利なライブラリなので使わない手はありません。 ドラッグアンドドロップで要素の並び替えができる Sortable サンプル1 ↓ Item 1 Item 2 Item 3 Item 4 Item 5 使い方 必要なJavaScriptファイル ・jQuery ・jQ... 続きを読む
-
WordPress 会員制サイトプラグイン WP-Members の日本語ローカライズ... hijiriworld.com
以前紹介した、WordPressの会員制サイトを構築するプラグイン「WP-Members」の日本語ローカライズファイルを作りました。 2012/03/23時点での最新版の翻訳リソースを元に作成してあります。 以下リンクからダウンロードして使ってください。 (2012/04/07 誤字を修正しま... 続きを読む
-
MVCモデルの概念を漫画で解説してみる | hijiriworld Web hijiriworld.com
ユーザーインタフェースをもつアプリケーションソフトウェアの多くは、「MVC」モデルに基づいて設計されています。 MVCでは、プログラムを、Model(モデル)、View(ビュー)、Controller(コントローラ)という3つの要素に分割し、お互いに呼び出し合って処理が実行されていきます。 こ... 続きを読む
-
CakePHP setFlashで出力されるメッセージのスタイルを変える方法 | h... hijiriworld.com
ディフォルトの使い方 > コントローラ $this->Session->setFlash('メッセージ'); > ビュー <?php echo $session->flash(); ?> > 出力されるHTML <div id="flashMessage" class="message">メッ... 続きを読む
-
CakePHP 検索プラグイン「Search Plugin」の検索条件サンプルいろい... hijiriworld.com
言わずと知れたCakePHPの検索プラグイン「Search Plugin」 高度な検索機能はもちろんのこと、検索結果にもページネーションを引き継いでくれる便利なプラグインです。 「これは入れとくべし!!」なプラインのひとつですね。 CakeDC / search ということで、検索条件サンプル... 続きを読む
-
CakePHPのAuthコンポーネントで、誰でもユーザ登録ができるようにす... hijiriworld.com
CakePHPのAuthコンポーネントは簡単に認証ステムを作れるので便利なのですが、誰でもユーザ登録できるようにしようと思うと若干工夫が必要でした。 誰でもユーザ登録できるようにする為には、 1. ユーザ名の重複はNG、設定できるパスワードにもルールを決める →モデルのバリデーションで設定する... 続きを読む
-
WordPress アクションフックとフィルターフック概論 | hijiriworld W... hijiriworld.com
プラグインAPI WordPressの機能をカスタマイズしたことがある人なら、カスタムコード内に add_filter や add_action という関数を見かけたことがあるはずです。 これはWordPressの「プラグインAPI」という仕組みを利用したものです。 え?サンプルコードをコピペ... 続きを読む
-
WordPress ループの仕組み query_posts() と get_posts() の違い | h... hijiriworld.com
WordPressループの基本 <?php if (have_posts()) : ?> <?php while (have_posts()) : the_post(); ?> <!-- 表示内容を記述 --> <?php endwhile; ?> <?php endif; ?> WordPr... 続きを読む
-
WordPress 階層構造のページリストをドロップダウンメニューにする |... hijiriworld.com
jQueryを使って、階層構造の固定ページをドロップダウンメニューにする方法。 階層構造の固定ページを作成する WP管理画面 > 固定ページ > 新規追加 以下のような、2階層構造のページを作成します。 ページ1 - ページ1-1 - ページ1-2 - ページ1-3 ページ2 ページ3 子ペー... 続きを読む
-
OOCSS(オブジェクト指向CSS)のススメ | hijiriworld Web hijiriworld.com
米ヤフーのNicole Sullivan氏が提唱する「OOCSS(オブジェクト指向CSS)」について紹介します。 Object-Oriented CSS 「IDをきっかけに子孫セレクタによってスタイルを定義するのではなく、すべてのスタイルをクラスで定義し、複数組み合わせる。」という考え方です。... 続きを読む
-
WordPress 会員制サイトの作り方 WP-Members | hijiriworld Web hijiriworld.com
会員制サイトの要件 プラグイン WP-Members の仕組み WordPress の設定 WP-Members の設定 投稿記事に制限をかける 固定ページに制限をかける ログインフォームの設置 メンバーズページの設置 新規登録の流れ 会員の管理 ローカライズとデザインのカスタマイズ 他の要件... 続きを読む
-
WordPress ログイン画面をカスタマイズする | hijiriworld Web Creat... hijiriworld.com
カスタマイズの方針 ・ログイン画面のテンプレートとディフォルトのCSSはいじらない ・関数とCSSでカスタマイズする ・テーマフォルダ内で完結させる 1. 独自のスタイルシートを用意する テーマフォルダ内に「login.css」というスタイルシートを用意します。 それを、ログイン画面で読み込む... 続きを読む
はてなで話題の商品
とびだせ どうぶつの森
|
|
ジグβは神ですか (講談社ノベ... | |
魔法少女まどか☆マギカ ~The...
|
|
魔法少女育成計画 restart (... | |
Kindle Paperwhite
|
|
ニンテンドー3DS LL とびだせ...
|
|
(2)℃-ute神聖なるベストアル...
|
|
さんかれあ(7) (講談社コミッ...
|
|
7SEEDS 23 (フラワーコミックス)
|
|
幕末ヱイリアン 1 (ドラゴン...
|