タグ

2014年6月5日のブックマーク (7件)

  • 編集画面に独自のカスタムフィールドの入力項目を追加する | Web Design Leaves

    編集画面に独自の入力項目を追加 以下のような手順で、独自の入力項目を作成する。 メタボックスの作成 記事の編集画面は「メタボックス」と呼ばれる枠で囲んだ項目の組み合わせで構成されている。 独自の入力項目を作成する場合にも、まずは新しいメタボックスを作成する。 入力フィールドの作成 メタボックスの中に入力フィールドや注意書きなどを表示する。 入力フィールドは HTML のフォームを利用して表示する。 入力した情報の保存 最後にフィールドに入力した情報をデータベースに保存する処理を指定する。 この例ではカスタム投稿タイプを使った投稿に以下のようなカスタムフィールドを作成。 投稿タイプ:「works」 メタボックス:「作品情報」(ID : works_info) 入力フィールド:「素材」(ID : material) 入力フィールド:「写真クレジット」(ID : photo) メタボックスと入力

  • 5分で分かる名前空間とオートロード

    4. 名前空間を宣言する namespace宣言は必ずコードの先頭に記述すること。 (コメント、改行、スペースは宣言の前に書いてもよい) 名前空間は「」(バックスラッシュ)区切りで階層を構成できる。 <?php namespace HolyExample; //名前空間 ”HolyExample” を宣言 ちなみに、誤っていわゆるBOM付UTF-8でファイルを保存したところ、 こんなエラーで怒られてしまいました。 Fatal error: Namespace declaration statement has to be the very first statement in the script ※BOM付きUTF-8には気をつけて! 5. 名前空間でのクラス定義 名前空間で定義されるクラス/関数/定数は、先頭に名前空間を 付加したものとして解釈される。 namespace HolyEx

    5分で分かる名前空間とオートロード
  • レスポンシブWebデザインでも重要、Google Chromeでの「ペイント」の確認方法

    Google Chrome の Web Developer Tool を利用した「ペイント」の確認方法を紹介します。 まず「ペイント」は、ブラウザが表示領域に要素(画像やテキストなど)を配置することです。なので「ペイント」自体は普通のことで何ら悪いことではありませんし、どのグラフィカルなブラウザでも行われていることです。 しかし、スクロール時やスクロールしていない時に「ペイント」が何度も発生する「ペイントストーム」はパフォーマンス上の大きな問題です。 前回は、allWebクリエイター塾のウェブサイトを元に「ペイントストーム」がレンダリングの障害になることを理由に改善方法を説明しました。 Google Web Developer Tool での「ペイント」表示設定手順 ここからは実際にallWebクリエイター塾のサイトを題材にGoogle ChromeのDeveloper Toolで

    レスポンシブWebデザインでも重要、Google Chromeでの「ペイント」の確認方法
  • あまり知られていない、レスポンシブWebデザイン で使える!Google開発者のパフォーマンス改善の超裏ワザ(Part 1)

    レスポンシブWebデザインの弱点の1つにパフォーマンスがあります。allWebクリエイター塾のウェブサイトもレスポンシブWebデザインで作成されています。ページ下部に配置しているナビゲーションに「スクロールパフォーマンス」という問題がありました。 「スクロールパフォーマンス」とはスクロールした際の「垂直方向の画面の動きのスムーズさ」を意味します。スクロールパフォーマンスが悪いとユーザーはスクロールした際に画面がひっかかったような印象うけ、ユーザー・エクスペリエンスを損ないます。 今回、リサーチをして検証した結果「スクロールパフォーマンス」が改善できたのでご紹介します。 allWebクリエイター塾のナビゲーションの問題 allWebクリエイター塾のWebサイトは、ナビゲーションを画面の最下部に配置しています。これは、タブレットでユーザーがナビゲーションボタンを押しやすいという理由からです 赤

    あまり知られていない、レスポンシブWebデザイン で使える!Google開発者のパフォーマンス改善の超裏ワザ(Part 1)
  • 【メモ】テキストをcssで行数指定する - Qiita

    position: relative; word-wrap: break-word; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 7; ←行数 -webkit-box-orient: vertical; © arifuku_san Register as a new user and use Qiita more conveniently You get articles that match your needsYou can efficiently read back useful informationYou can use dark themeWhat you can do with signing up

    【メモ】テキストをcssで行数指定する - Qiita
  • レンタルサーバーナレッジ

    Twitter CPIのTwitterアカウントでは、サイト、サーバー管理者のための重要なセキュリティ情報や、サイト運営者のためのヒント、お得なキャンペーン情報をお知らせしています。 Follow @cpiadjp Tweets by cpiadjp 掲載内容について、当社は情報の掲載には細心の注意を払っておりますが、完全性などについて保証を行うものではありませんので予めご了承ください。 掲載されている情報をご利用いただいた際に、損害が発生・誘発した場合や、情報自体の真偽性・合法性・道徳性・著作権の許諾等について問題が発生した場合などについて、当社は一切の責任を負いません。掲載されている情報を利用したサイト製作については、ご自身の責任において行ってください。

    レンタルサーバーナレッジ
  • PHP 定義されている情報(クラス、関数、変数等)を取得する関数まとめ

    PHP には、定義されているクラスや関数、変数などの一覧を取得する関数があります。 ここでは定義情報を取得できる関数群をまとめてみました。ここでは実行例として、Laravel アプリケーションのビューテンプレート(hoge.blade.php)で実行した内容を記載しています。 定義された情報を取得する関数群 get_defined_constants() 定義されている定数を連想配列として取得します。キーが定数名で、要素がその値となっています。 http://www.php.net/manual/ja/function.get-defined-constants.php 出力してみると、1771 個の定数がありました。内容を見ると、フレームワークやアプリケーションで定義されたものの他に、PHP体や extension で多数の定数が定義されていることがわかります。 array (size

    mimosafa
    mimosafa 2014/06/05