導入も手軽でiPhoneなどにも自動でレイアウトを最適化するシンプルなイメージスライダーを実装出来るjQueryプラグイン・Slides レスポンシブWebデザイン対応のイメージ スライダーです。かなり沢山出てきました ね。こちらはcssやHTMLもシンプルで済む のでコードをシンプルにしたい際は使い 勝手が良さそうです。こうして選択肢が 増えるのは凄くうれしいです...2011.09.16 | 10時50分06秒iPhone / iPadjQueryWebデザイン
タブやスクロール、ツールチップなど、Webサイトで良く見かける機能を1つのファイルで実装可能にする国産jQueryプラグイン・Laquu.JS たまたま見かけて便利そうだったので シェア。良く使われるドロップダウン メニューやページスクロール、タブや ツールチップなどを1つのjsファイルで 実装可能にする国産のjQueryプラグイン です。制作が楽になるのでLaquu、と...2011.09.15 | 10時41分06秒jQueryWebデザイン
ボックス要素を綺麗に整列出来るjQueryプラグイン・jQuery MasonryにInfinite Scroll(無限スクロール)機能を加えたサンプル 必要になってjQuery Masonryのサイトに出向い たらいつのまにかInfinite Scroll機能(スク ロールで次ページを読み込むやつ)が追加され ていたのでちょっと触ってみました。まだ使う 機会はありませんけど、なんと...2011.09.14 | 11時22分11秒jQueryWebデザイン
無料・商用利用OK・バックリンク不要・著作権表示も不要で使える写真や日本語フォントなどの素材サイト集 少しリソースが溜まってきたのでリンク集に して開放します。バックリンク不要で、商用 の利用可能、著作権表示も不要のWebデザイン 向け素材サイト。商用で使ってもいいけど リンクしてね、といったようなCCのBY的な ライセンスだとど...2011.09.13 | 10時55分46秒Webデザインメディア関連
jQuery Mobileを使った、タップで拡大するシンプルなイメージギャラリーを構築する際のサンプルコード 備忘録。JQMでイメージギャラリーを作成する 際に参考になりそうなサンプルがありましたの でご紹介です。問題視されていた脆弱性もと りあえず修正されましたし、実践も視野に入れ てスキルを磨きたいところですね。JQMももう 少し軽く...2011.09.10 | 11時47分31秒iPhone / iPadjQueryWebデザイン
レスポンシブWebデザインに対応できる軽量なグリッドレイアウト用CSSを生成するシンプルなジェネレーター・NegativeGrid シンプルでいいなーと思ったのでシェアがてら ご紹介。レスポンシブWebデザインに対応できる グリッドレイアウト構築用のCSSを吐き出して くれるジェネレーターです。必要最低限のコード だけ出してくれるのは嬉しいかも。頻繁に 使うも...2011.09.09 | 12時01分35秒cssやプログラミングWebサービスジェネレーター
有料でもおかしくないようなクオリティの高いWordPressテーマを無料で配布しているサイトいろいろ ご質問頂いたので記事にします。クオリティ の高いWordPressのテーマで無料のものは 無いか、または無料で手に入る方法は無い か、とのことでしたのでなかなかクオリティの 高いテーマを無料で配布してくれているサイト をいくつかご...2011.09.08 | 10時51分42秒WordPressテーマ
無料・商用OK・リンク不要の、やわらかい印象の日本語フォント・はんなり明朝 以前ご連絡を頂いたフォントポ日本語の 作者さんから新作のお問い合わせを頂 いたのでご紹介。やわらかい印象の明朝 系フォント、「はんなり明朝」です。こちら も商用で利用できるとのことです。なんとも 太っ腹ですね・・2011.09.05 | 14時44分05秒Webデザインメディア関連
お手軽WordPress Tips:記事や投稿内で、別の記事の抜粋やリンク、アイキャッチなどを1つのショートコードで取得出来るようにする ブログとして使っている場合はあんまり使う機会 がないかもですけど、他の用途でWPを使ってい ると、記事内に他の記事のアイキャッチや抜粋 などを貼りたいときが結構あったりします。そう いったものをショートコードで一括で挿入できる よ...2011.09.05 | 10時56分19秒WordPressお手軽カスタマイズカスタマイズ
HTML5のCanvasを使ったパターン背景を簡単に作成出来るWebサービス・Patternizer 珍しいなぁと思ったのでメモがてらご紹介です。 HTML5のCanvasを使用してパターン背景を 生成出来る、というWebサービス。線を描いて 数枚重ね、パターンのような背景を作成する ことが出来ます。まだ実用段階とは行きません け...2011.09.04 | 15時28分14秒cssやプログラミングWebサービスWebツール
JPEG画像を劣化させずにサイズダウンし保存、ワンクリックでサクッとFlickrやPicasaに投稿できるWebサービス・JPEGmini 画像の最適化サービスですが、ちょっと珍しい タイプだったのでメモ的にご紹介。フォーマット はJPEGだけなので用途はかなり限られます が、画質を劣化させることなく、サイズを大幅 にダウンさせ、保存し、いつでも手軽に写真 をFlic...2011.09.01 | 10時44分54秒WebサービスWebツール
地味に使えるCSS小技のメモ&サンプル集 cssの小技的なテクニックが便利なので好きなん ですが、cssそのものが嫌いで覚えられないので カンペ的な記事を作ることにしました。便利な小技 は沢山あるんですが、特に自分が良く使いそうな Tipsをメモします。既に出回っている情報...2011.08.30 | 12時25分39秒cssやプログラミングWebデザイン
キーワードを入力するだけで自動で該当する候補をキーボードで操作可能なテーブル内に表示するjQueryプラグイン・jQuery ComboGrid オートコンプリート機能でキーボードで操作できる コンボボックスを出してくれる、というjQueryの プラグイン・jQuery ComboGridのご紹介です。 なかなか高機能なプラグインですね・・・文字を 入力するだけで自動で候補を...2011.08.27 | 12時47分21秒jQueryWebデザイン
jQuery Mobileにシンプルなページネーションを簡単に実装出来るプラグイン・jQuery Mobile Pagination Plugin どこかで使うかもと思ったので備忘録。JQM にシンプルなページ送りを実装出来る、という jQueryプラグイン。実装もとても簡単なので 覚えておいて損は無さそうです。ちょっと問題 になっていたXSSの問題も一応は解決したの でそろ...2011.08.26 | 11時17分01秒iPhone / iPadjQueryWebデザイン
WordPressで運営しているサイトでYoutubeを使う際に知っておくと得するっぽいTips なんとなく情報が少ない気がするので試しに 書いてみます。WordPressで運営している サイトでYoutubeをよく貼るようなことが多い ならちょっとお得、というか管理が楽になる かも知れないTipsをいくつかご紹介。自分 でも...2011.08.25 | 12時33分55秒WordPressカスタマイズ
HTML5やcss3を使う際に見てるリファレンス的なサイトとか、使い勝手の良いツールとか あまりに情報量が多くて混乱してきたので 自分用にまとめ。リファレンスとか、ちゃんと 実践で使えるツールを自分なりに厳選して まとめておきます。どうも、あっちこっちで あれが便利とかこれが便利だとか言われる と訳が分からなくなるので...2011.08.24 | 10時34分42秒cssやプログラミングWebデザイン
モダンなデザインのプレゼンテーションコンテンツをHTMLで実装出来るようにするjsライブラリ・deck.js なかなか良かったのでご紹介。最近よく 見かけるHTML製のプレゼンテーション を実装出来るライブラリ。素敵なデザイン で実装できてエフェクトなんかも選択 出来るみたいですね。タッチデバイスに も最初から対応できてるといろいろと ...2011.08.23 | 17時43分01秒cssやプログラミングWebデザイン
Youtubeでもz-indexが効くようにする「?wmode=transparent」パラメーターをjQueryで自動挿入する Youtubeは通常z-indexが効かず、Lightboxや ナビゲーションをposition:fixed;させるときは z-indexが効くように?wmode=transparentと いうパラメーターを加えてあげなければなり ...2011.08.20 | 15時09分49秒jQueryWebデザイン
沿革や年表のようなタイムライン的なコンテンツをスライダーで実装するjQueryプラグイン・ jQuery Timelinr 年表とか沿革とか、そういった時間の流れを 可視化したようなコンテンツをスライダーで 実装できる、というjQueryプラグインのご紹介。 jQuery Timelinrは、コンテンツのスライダー で、テキストで書かれた西暦が連動して ...2011.08.19 | 15時16分29秒jQueryWebデザイン
240pxから最大2560pxの画面サイズまで対応出来るレスポンシブWebデザイン構築用のグリッドシステム・Golden Grid System iPhoneなどのモバイルや、超ワイドなモニターサイズ までサポートしているレスポンシブWebデザイン構築用 のフレームワーク・Golden Grid Systemなるものが 登場した模様です。最大で2560pxまで対応できる らし...2011.08.19 | 11時01分04秒cssやプログラミングiPhone / iPadWebデザイン
アイコンやシルエット、矢印など、シンボルタイプのフリーフォントまとめ アイコンやシンボルなどの形をしたフリーフォント のまとめ。なかなか使い勝手が良いものがいつ のまにか増えていたので色々とまとめてダウン ロードしましたのでその過程で良さそうに感じた ものをシェアしてみます。まだお盆明けだったり お...2011.08.18 | 11時24分38秒Webデザインインスピレーションメディア関連
iPadアプリ専門のハイクオリティなUIを収集しているダイナミックなギャラリーサイト・Landing Pad iPadアプリの素敵なインターフェースを専門に 収集しているギャラリーサイト・Landing Pad のご紹介。とってもダイナミックな方法で閲覧 出来るので見てるだけでも楽しいです。クオ リティ重視のようなのでまだ数が多いとは 言...2011.08.17 | 15時36分25秒iPhone / iPadWebデザインインスピレーション