タグ

2013年8月20日のブックマーク (8件)

  • Twitcher - a Javascript way to use Twitter's API

    At Steer, we teach an awesome front-end development course where we teach things like HTML, CSS and Javascript. One thing our students ask about a lot is using Twitter on their sites but recently Twitter changed their API to only accepting authenticated requests. For beginners, it's really hard to implement so we've made a simple way. Methods Get a user's information http://twitcher.steer.me/user/

  • uupaa's pure JavaScript module pattern - latest log

    2013-08-19 uupaa's pure JavaScript module pattern pure JavaScript で記述し、Browser, WebWorker, Node.js で使えるモジュール定義パターンのご紹介。 uupaa 2013-08-19 18:05 前の記事

  • FINDJOB!終了のお知らせ | FINDJOB!

    FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ

    FINDJOB!終了のお知らせ | FINDJOB!
  • [JS]サイズが不明な画像を指定したエリアにフィットさせたり、配置を調整できるスクリプト -Image Scale

    画像の長い辺に合わせて、フィット Image Scaleの使い方 Step 1: 外部ファイル head内にjquery.jsと当スクリプトを外部ファイルとして記述します。 <head> ... <script src="jquery.js" type="text/javascript"></script> <script src="image-scale.js" type="text/javascript"></script> </head> Step 2: HTML 大きさを調整したい画像に「class=scale」を加えます。 <div class="image-container"> <img class="scale" src="img/example.jpg"> </div> さらに、画像の位置などを設定する場合はdata属性を加えます。 <div class="image-c

  • レスポンシブメニューを実現してくれるjQuery集「15 Responsive Navigation jQuery Plugins」

    TOP  >  javascript , WebDesign  >  レスポンシブメニューを実現してくれるjQuery集「15 Responsive Navigation jQuery Plugins」 スマートフォンのシェアが高まるに連れてPCでもスマートフォンでも両方共通のコンテンツで、各端末ごとに最適化されたデザイン+機能。多くのWEBデザイナーが頭を迷わせるところですが、今回紹介するのはその中でもユーザーが操作するナビゲーションをレスポンシブにしてくれるjQueryを集めたエントリー「15 Responsive Navigation jQuery Plugins」です。 Sidr 最近のスマートフォンアプリのナビのようにサイトのサイドからせり出てくるようなナビゲーションから、端末によって、それぞれの端末に最適化された形に変化するものまで多種多様なレスポンシブメニューがまとめられてい

    レスポンシブメニューを実現してくれるjQuery集「15 Responsive Navigation jQuery Plugins」
  • WordPressのカテゴリーにカスタムフィールドを追加する

    WordPressのカテゴリーにカスタムフィールドを追加する カテゴリーごとに独自の画像やテキストを表示させたい場合、テンプレートで条件分岐を使用すれば簡単ですが、それだとカテゴリーが増える度にテンプレートを編集しなくてはいけないので不便ですね。 ここではカテゴリー編集画面にカスタムフィールドを追加して、管理画面で画像や新たなテキストを追加できるようにしてみます。 投稿日2011年08月18日 更新日2012年08月07日 カテゴリー編集に項目を追加 さっそくですがカテゴリー編集画面に項目を追加してみましょう。 現在使用している「functions.php」に以下を追加します。 functions.php add_action ( 'edit_category_form_fields', 'extra_category_fields'); function extra_category_f

    WordPressのカテゴリーにカスタムフィールドを追加する
    o_hiroyuki
    o_hiroyuki 2013/08/20
    カスタムフィールド
  • カスタム投稿タイプとカスタムフィールドでカスタマイズ

    Tweet Tweetお客様にWordpressを納品する場合、物件登録や施工例などのように特定の投稿に特化した 専用の投稿画面 が必要になることがほとんどです。最近実装する機会がありましたので参考に。必要に応じて追加削除してください。 実現するために必要な要素は: カスタム投稿タイプで投稿画面を独立させる カスタムフィールドで入力支援 投稿画面をCSSで体裁もカスタマイズ RSS発信に追加 プラグイン化する?(おまけ) カスタム投稿タイプで投稿画面を独立させる カスタム投稿タイプを定義する関数は、register_post_type です。 以下の例は codex のサンプルをベースにラベル類を「物件」に置き換えた例です。 functions.phpに記述します。 add_action('init', 'my_estate_init'); function my_estate_init(

    カスタム投稿タイプとカスタムフィールドでカスタマイズ
    o_hiroyuki
    o_hiroyuki 2013/08/20
    カスタムフィールド
  • FINDJOB!終了のお知らせ | FINDJOB!

    FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ

    FINDJOB!終了のお知らせ | FINDJOB!