Dribbbleの投稿をjQueryで自分のサイトに表示させる
ちょっと調べ物をしたので備忘録です。 デザイナー専門のコミュニティサイト、 Dribbbleの投稿を自分のサイトに表示 させる方法。APIとjQueryを使って表示 させて見ます。日本ではDribbbleの利 用者は少なそうですけ...
プログラミング
WordPressでユーザー名でもメールアドレスでもログイン出来るようにするスニペットコード
以前、同じ機能のプラグインをご紹介 したんですけど、もっと簡単なコード で実装できるみたいなので改めて備忘 録。ログイン名を忘れてしまう方も 少なくないのでメールアドレスでも ログイン出来ると親切ですね。
WordPressのウィジェット単位で条件分岐出来る様にするプラグイン・Widget Logic
昔からあるWPのプラグインみたい ですが、先日知ったばかりで、と ても助かったので感謝も込めて ご紹介。WordPressのウィジェット 単位で簡単に条件分岐する事が 出来ます。
ソースも公開されているオンラインのJavaScript構文チェックツール・jsLint.it
Githubでソースも公開されている JavaScript構文チェックツール・ jsLint.itのご紹介。結構軽量で 使い勝手が良さそうだったので自 分のサーバーに入れて使いたいと 思います。
正規表現をjsfiddleのようにブラウザで実行、テスト出来るツール・reFiddle
JavaScriptの開発をブラウザ上で 行えるjsfiddleの正規表現版です。 reFiddleはオンラインで正規表現 テストを行えるWebツール。勉強に もいいかもしれませんね。僕も 全然出来ないので学びたい。
WordPress3.4でjQuery UIをiPhoneやiPadなどのタッチデバイスに対応させる
先日リリースされたWordPressの 新バージョン、WordPress3.4から コアファイルにjQuery UIをタッチ デバイスで動かすライブラリが 追加されたみたいです。jQueryUI あんま使わないですけど・・
ネストされたリストにも対応のドラッグ&ドロップによる要素の入れ替えを可能にするjQueryプラグイン・Nestable
入れ子のリストにも対応した、 ドラッグ&ドロップによるソート 可能なjQueryプラグインの ご紹介。jQuery UIを使うほど でも無いような時はこういう のあると嬉しいですね。
スマフォ・タブレット向けに作られたオープンソースのIDE付きHTML5製UIフレームワーク・Mobello
ネイティブアプリライクなスマフォ やタブレット向けのHTML5製のUI フレームワーク・Mobelloのご紹介。 高速でリッチなインターフェースを Web上で体感出来る、という謳い文句 で公開されています。
Webベースのダイナミックでクールなプレゼンテーションを実装する為のJavaScriptフレームワーク・Mosho
Web上でプレゼンする為のJavaScript フレームワーク、Moshoのご紹介です。 impress.jsライクなダイナミックな 動きのプレゼンテーションをHTMLで 実装する事が可能です。シンプルで 良かったのでお勧め。
画面サイズに応じて画像を差し替える軽量jQueryプラグイン・jQuery Picture
スマフォやタブレットなどで閲覧した 際に表示する画像を差し替える軽量な jQueryのプラグイン・jQuery Picture のご紹介。レスポンシブWebデザイン でよく問題視される画像のサイズの件 に対応するライブラリです。 ...
シンプルで見やすいガントチャートを描けるjQueryプラグイン・jQuery.Gantt
シンプルで見やすいガントチャート を描画できるjQueryのプラグイン。 以前見かけてから放置していたので 少し触って見ました。使う機会は 個人的には多くありませんけど、 覚えて置いて損はしないかと。
拡大時にアコーディオンのように画像が広がるカルーセルを実装するjQueryプラグイン・Accarousel
クリックで画像を拡大する際に アコーディオンのように広がる カルーセルを実装するjQueryの プラグイン・Accarousel。機能 はシンプルですが、動きが好み だったので備忘録。
WordPressのギャラリー機能で追加した画像一覧からアイキャッチを除外して、画像に任意のリンク先を指定する
WordPressの記事投稿で、アップロード した画像をショートコードで簡単に画像 ギャラリーを作成する機能がデフォルト で備わっていますが、基本的にあまり 使いやすいものではありません。なので 少し便利にしてみます。
短いjQueryコードでレスポンシブWebデザインに対応したシンプルなスライドショーを作ってみる
この手のは沢山出回っているので今更 っていう感じの話題ですけど、個人的 にはどのライブラリも利用しやすい 感じではなかったので簡単なコード で出来るものを作ってみます。
jQueryでリンク先のファビコンをリンク脇にアイコンとして表示する方法
少し前にCSS-TricksにあったTipsを 見たんですが、利用している外部の サイトがあまり信頼性があると思え ないので代替案をいくつか書いてみ ようと思います。
WordPressのwp-config.phpで出来る事いろいろ
自分用メモ。wp-config.phpの設定 で出来る事のリストです。よくある カスタマイズは、テーマファイル内 にコードを書きますが、wp-config で出来る事を知っておくのもとても 大事ですね。
ベースライングリッド用に表示させる罫線を手軽に利用出来る・Basehold.it
うまく説明できないのでタイトルが ちょっとおかしいかもしれませんが、 HTMLマークアップの際に、行の高さ を調整するのにベースラインのグリ ッドをオーバーレイとして追加できる ようにする、というサービス。
WordPressのウィジェットを自作するためのTips
WordPressに標準装備されているウィジェットで、自作のウィジェットを作成してみよう、という内容です。便利な機能で、クライアントワークでは割と必須ですけどあまり情報がない印象だったので復習をかねて書いてみました。
WordPressのカスタムフィールドでショートコードを使う
日曜日なので軽い話題。WordPress のカスタムフィールド内でショート コードを利用する方法です。あまり 使う事も無いかもしれませんが、 ショートコードを多用する方には 利用価値がありそうです。
シンプルなインターフェースのカラーピッカーを実装するjQueryプラグイン・jquery-colorpicker
シンプルなカラーピッカーを実装 できるライブラリのご紹介です。 jquery-colorpicker。高性能な カラーピッカーが不要なシーンで いかがでしょう。
Twitter BootstrapをjQuery Mobileで使ったデザインテーマ集・jQuery-Mobile-Bootstrap-Theme
なかなか良かったので備忘録です。 Twitter Bootstrapのデザインを、 jQuery Mobileのテーマに起用した サンプルソースが公開されていま した。フレームワーク的にも使える かもしれない。
WordPressのカスタムフィールドに住所や地名を登録するだけでGoogleマップが表示されるようにカスタマイズする
少し前に小規模のローカル地域での 店舗検索サイトのお手伝いをさせて 頂いたんですが、その時に使った Tipsです。WordPressのカスタム フィールドに住所を入れるだけで、 地図が表示されるようにする。