![Loading...](https://cdn-ak-scissors.b.st-hatena.com/image/square/30ac84c81097c450ed5d1c5725cd170857b6da8c/height=288;version=1;width=512/http%3A%2F%2Fwebdesignmatome.com%2F%2Fwp-content%2Fthemes%2FNEWdesignclip%2Fimg%2Ff_logo.jpg)
秀和システムさんから書籍を書かせていただいた物が発売されました。 僕も昔からHTMLタグ辞典などはこのシリーズを買っていましたが、 今回 jQuery Mobileのタグ辞典を書かせていただきました。 『ポケット詳解 jQuery Mobile辞典』2012/5/25発売 amazonで「ポケット詳解 jQuery Mobile辞典」を見る 【概要】 スマホサイト制作の新手法jQuery Mobileの使い方を豊富な用例を使って解説したリファレンスブックです。毎年数多くのスマートフォンやタブレットが発売されるなか、Web制作の現場は多大な労力と工夫をついやして多彩なデバイスに対応することを求められています。 そうしたなか、ほぼすべてのブラウザとプラットフォームに対応できるjQuery Mobileというフレームワークが注目されています。 本書は、jQuery Mobileの概要から、
jQuery MobileでGoogle Mapsの表示からお問い合わせフォームの作成まで「jQuery Mobile」でスマホサイトを作ってみよう【実践編】 スマートフォン向けフレームワーク注目の「jQuery Mobile」の第2弾の記事です。前回はjavascriptを一行も書かずにjQuery Mobileでページを作成してみましたが、今回はスマホサイトで、google Mapsやお問い合わせフォームの設置など、より実践的に使える内容を作っていきたいと思います。 前回の記事はこちらになりますので見ていない人はこちらから見るとより今回の記事がわかりやすいくなります。 スマートフォン向けフレームワーク注目の「jQuery Mobile」でスマホサイトを作ってみよう【基本編】 さて前回もあげましたが、jQuery Mobileのメリットと言えば! マルチデバイスに対応できる クロスブラウ
jQuery Mobileってなに? jQuery Mobileは、javascriptのフレームワークです。スマートフォン向けの直観的で使いやすいUIを瞬時に作成できます。 JavaScriptをWebデザイナーでも扱える身近な存在に変えた「jQuery」。そのjQueryと同じ開発元からリリースされていることもあって、スマートフォン向けフレームワークとして注目のjQuery Mobile、文法はjQueryとまったく同じですのでためしにサンプルを作ってみました。 jQuery Mobileは、解像度の違いなど、デバイスの特性の違いも吸収してくれるというのが最大の強みになっていて、ほとんど全ての機種に対応しています。そのため制作者は悩み所だったデバイスの違いを気にすることなく、スマートフォンサイトを作成できてしまいます!iOSやAndroidなどのWebKitベースのスマートフォンだけで
少し特殊な利用方法となりますが、カスタム投稿タイプで追加した項目の追加・編集・削除権限を持つ独自の権限グループを作る方法について、残しておきます。 実装内容 カスタム投稿タイプの追加については「register_post_type」、権限グループの追加については「add_role」、また、そのグループに対して独自のルールを持たせるのが「add_cap」となります。 最終的に以下の内容をfunctions.phpに入力することで、「ptname」というidのカスタム投稿タイプの追加・編集・削除の権限を持つ「authid」というidの権限グループを追加できます。 <?php function my_custom_post_type() { register_post_type( 'ptname', array( 'label' => 'カスタム投稿タイプ名', 'public' => true
画像にエフェクトをかけて拡大表示したり、スライドを作ったり、ツールチップで表示したり、というような画像を使用したjQueryプラグインが沢山あるのと、探してる方が直ぐに見つけられるように、という事でリンク集を作りました。 という訳で、集まっているjQueryのプラグインの共通点は画像を使っている、という事だけです。一貫性無いといえば無いですが、個人的にも必要とする事が多いので自分用のメモも兼ねてシェア。 日本語English 結構カテゴリ分けはいい加減かもしれませんのであしからずご了承下さい。画像じゃなくてもいいんじゃ・・みたいのもありますが、デモで画像を使ってる、画像と相性が良さそう、みたいなものは基本的に掲載しています。 リンクにマウス乗せればキャプチャが出ます。 LightboxLightbox風に画像を表現できるjQueryいろいろ Lightbox2 / ベーシックなタイプ。グル
なかなか素敵なテーマだったので ご紹介。サイトのオプションや、 美しいレイアウトと完成度の高い デザインながら無料で配布されて いるWordPressテーマ・TheProton です。高機能でもあるので作りを 参考にしたいですね。 僕はよくテーマを探していますが、これはそのテーマの構成を参考にしたいからです。お仕事でそのまま使う事はありませんが、配布されたテーマから学べる技術はかなり多く、他のブログでも記事にされていないTipsも得られたりします。いろいろなテーマを触ることはスキルアップにも繋がるかなと思います。 今日ご紹介するテーマもとても高性能ですので開発者さんも参考にされてはいかがでしょう。 とっても綺麗です。美しいデザインだけでなく、ドロップダウンメニュー対応、管理画面内でテーマカラーや、スライド、Twitterやロゴなども変更できます。 特徴は・・・ありすぎるくらいです。ちょっと
ウェブデザインのなかで、 jqueryをつかった、さりげない「動き」をウェブサイト上で導入するのが 定番になりつつありますね。 ふわっと、ポップアップみたいに浮き上がってくるウインドウ、 画像やテキストのスライドなど 最近良く見るjqueryでつくる「動き」で、おすすめのライブラリをまとめてみます。 要素をスライドさせるならJquery.cycle.plugin 画像や、テキストなど、 非常にシンプルなhtmlソースを認識して対応してくれるプラグイン。 上から落ちてきたり、横にスライドしたり、フェードイン・フェードアウトしたり スライド番号をつけたり、スライド領域の要素の右左に矢印をつけたりもできます。 シンプルなdemo Even More Demosもオススメです。 オプション一覧はこちら → jquery.cycle.plugin ページ内ポップアップ、lightbox風表現ならfa
2010.07.12 - 07:40 スクロールに合わせて画像を読み込んでくれるWordPressプラグイン「jQuery Image Lazy Load WP」 jQuery Image Lazy Load WPはサイト閲覧者のスクロールに合わせてページ中の画像を読み込み、フェード効果を付けて表示してくれるWordPressプラグインです。 スクロールされてから画像を読み込むので、最初のページ表示にかかる時間は少し短くなる筈です。特に画像を多く扱うギャラリー系のサイトなどには効果的なプラグインだと思います。 少し前から探していたプラグインだったので、早速このブログでも導入してみました。もちろんWordPressプラグインなので導入は超簡単。 このWordPressプラグインの設定方法 こちらからプラグインデータをダウンロードしてZIPファイルを解凍する。 jquery-image-laz
6 Powerful jQuery Plugins to Create and Enhance Website Layout | Queness レイアウトに関する強力なjQueryプラグイン6つが紹介されていました。 一昔前では不可能では?と思われたような複雑なレイアウトもjQueryを使うことで簡単に実現できます。 ちょっと変わったレイアウトにしたいっていう時に参考にさせてもらいましょう UI.Layout リサイズ可能な複雑なレイアウト作成 Masonry ブロックを新聞みたいにしきつめて表示 jLayout divをならべてその親divのclassにルールにしたがって記述することで複雑なレイアウトが簡単に作れます jQuery pageSlide ページ全体をズラしてアニメーションしながらサイドバーを出すエフェクト jQSlickWrap 画像にあわせて文書をまわりこませられる C
jQuery Mobileの正式リリースを目前に控え、今一度おさらいをしようと思います。jQuery Mobileの正式リリースを目前に控え、今一度おさらいをしようと思います。 jQuery Mobileとは オープンソースソフトウェアとして公開されているJavaScriptのライブラリである「jQuery」のモバイル版です。 iOS、Andoroidをはじめ、その他非常に多くのモバイルデバイスに対応しています。 公式サイト:jQuery mobile jQuery Mobileのユーザーインターフェース一例 jQuery Mobileでできること そもそもjQuery Mobileを使うと何が出来るようになるの、という疑問をざっくり解説していきます。 UIデザインが容易にできるようになる スマートフォンのアプリみたいなエフェクトでのページ遷移が可能になる 専用のフォームやボタンが簡
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く