jQueryセレクターのまとめ | Bonkura Blog
ABOUT THE BLOG Bonkura BlogはJavaScriptやPHP,CSSなどWebデザインについて研究するブログです。 ARCHIVES 2011年3月 (15) 2011年2月 (8) 2011年1月 (6) 2010年12月 (7) 2010年8月 (2) 2010年7月 (7) SEARCH Post Categories ActionScript 3.0 (3) CSS (3) Facebook (1) Firefox (1) JavaScript (27) jQuery (20) Mac (4) Movable Type (1) PHP (3) WordPress (1) Regular Expression (3) Sass (1) website (1) META INFORMATION ログイン
jQuery Mobile が必須スキルになる！と思うのでこれから勉強する際に参考になる記事まとめ | バシャログ。
Adobe の Creative Suite 5.5 が発表になりましたね。 Dreamweaver の進化っぷりが凄まじいです。マジで。 HTML5+CSS3への対応が目に付きますが、個人的にはjQuery MobileとPhoneGapフレームワークの導入に注目します。 アプリ開発はこれまで、Objective-Cやjavaが主流でしたがDreamweaverでアプリへの書き出しまで出来てしまうなんて…。今後、モバイルアプリケーションの統合開発環境のデファクトスタンダードになる予感が。 ってことで、まずはjQuery Mobileを理解せねば！ jQery Mobile についてはまだ書籍はあまりなく洋書しかありませんでしたので、参考になる記事を取り上げてみます。 http://jquerymobile.com/ 本家サイト jQuery Mobile Gallery http://w
jQueryを使ってアコーディオンの様な開閉できるスクリプトを作ってみた
先日、同じ業界で働こうとしている友人に、 Q&A部分をクリックで開閉できるようにしたい。 と言われたので、作ろうとしたけどなんだかうまくいかなかった。 classとかidとかで名前を付けなくても、 動作するような開閉プログラムができないかなってことで数日悩んでみた。 悩んだ結果、うまく動作するのができたので紹介しておく。 これができるまで クリックしたら、そのクリックした部分に関連するところを開く様にしたい。 最初はclassとか振り分けて作っていたけど、 それだと開閉部分を増やしたときにもclassとかidを指定しないといけないので面倒。 じゃあクリックする部分と開く部分を配列で格納して、 該当する部分を同時に出力するようにしてみようかと思ったけど、 それもうまいこと行かず失敗。何よりプログラムが面倒になる。 そんなことをしなくてもクリックした部分のindexをとって、 クリックした箇所
Web制作をこれから始める人の為のスキル・HTML・CSS・ブラウザ・写真素材入手の基礎情報*ホームページを作る人のネタ帳
Yamadaです。 かれこれWeb屋暦が14年くらいになるんですが、こうしてWebに携わっていると、3ヶ月周期で情報の入れ替えをしていかないと、正直追いつかないと感じます。そんな激流のようなWeb業界にこれから飛び込もうと言う新卒の方や、中途の方に送るバイブルとなればと思います。 というわけで改めて春ですし、これからホームページ（Webサイト）を作成してWeb屋さんになる方へ送るお勧めサイト集です。 後編はこちら Web制作を始める人の為のスキル・ワイヤーフレーム・SEO・マーケティング・Webサービスの基礎情報 忘れないで欲しい事 Web制作には、様々なスキルが求められます。 しかしその技術が、いつの間にか消えていったり、使えなくなったりしました。新しいデザイン、新しいコード、新しい言語、新しい環境、様々なものがあります。しかし、それらを追い続けていくうちに、一つ、とても大事な事を忘れて
ITクオリティ jQueryでテキストサイズのスライドバーを作成するチュートリアル
jQueryでテキストサイズのスライドバーを作成するチュートリアル。 Font size、Font family、Font weight、Text align等のクラスで囲われた部分内の変更が可能なサンプルが公開されている。 サンプルデモ チュートリアルはこちら 2011/03/05(土) 23:12:07| jQuery | トラックバック:0 | コメント:0
最近よく使っているコードセットのようなもの 第9回 パーソナルブログの作り方-Re:Creator’s Kansai （リクリ）
【2024年8月】レンタルサーバーおすすめ10社を徹底比較！ 人気ランキングも PR 最終更新日：2024年08月16日
個人的に気に入ってる10のLightbox系jQueryプラグイン及び、その特徴まとめ - かちびと.net
個人的に気に入ってよく使っている、又は いつか役に立ちそう、いずれ使いたい的な Lightbox風に拡大実装出来るjQueryプラグ インのまとめです。使うときにいちいち引っ 張り出しているのが面倒なのでまとめにして ついでにシェアしようと思って記事にします。 オーソドックスなものから、やや特徴的なもの、Twitterで「こんなのない？」って聞かれて探したものなど10個厳選です。特徴も一緒にメモしておきます。 なお、画像を使うjQueryプラグインにご興味が有るようでしたら、以前書いた画像を使ったいろいろなjQueryプラグイン224個まとめも参考にして頂けるかと思います。 colorbox 一番よく使っているかもしれません。MITライセンスで、グループ化⇒スライドも可能。また、iPhone、iPadでも動いて表示も崩れません。エフェクトも変更可能で、YoutubeやIframe、Flas
[JS]背景画像をブラウザの枠いっぱいに広げて表示するスクリプト -fullscreenr
背景画像のアスペクト比を維持しつつ、ブラウザの枠いっぱいに広げて表示するスクリプトを紹介します。 デモではオプションで、ドットの画像をオーバーレイさせています。 スクリプトがオフ時の表示 fullscreenrの実装 fullscreenrはjQueryのプラグインのため、実装にはjquery.jsが必要です。 HTML 当スクリプト（jquery.fullscreenr.js）とjquery.jsを外部ファイルとして記述します。 <script src="js/jquery-1.3.2.min.js" type="text/javascript"></script> <script src="js/jquery.fullscreenr.js" type="text/javascript"></script> JavaScript head内に下記のスクリプトを記述します。 <script
ウェブ制作者のためのベストエントリ33【2010年7月版】
というわけで、しばらくまとめていなかったまとめ記事を再開し、私は元気ですとアピールしたい。 7月にあつめたブックマークのまとめです。 7月度必須ブクマベスト HTML5 Canvas Cheat Sheet 悩んだけど一応ベストへ。 HTML5 Canvas tagのチートシート。日常的に使うものでもないし、開発者向けになってしまうけど念のため。 OSを選ばないウェブデザイナーのための使えるウェブアプリ15*ホームページを作る人のネタ帳 7月に書いたけどついこの間のようだと思ったら、あんまり記事かいてないからそう思うんだきっと。 ついでにこちらも7月でした。 今日から現場で使えるjQueryのフォーム関連プラグイン15選 iPhone等のWebアプリをHTML5で構築する為のフレームワーク・Sencha Touchを触ってみた スマホアプリ開発者ならブクマしておきたい一品です。 Googl
jQueryを使ってイメージマップの背景を切り替えるサンプル | latup - 熊本でホームページ制作をしている人のメモ
2009年 6月 25日 (木) / PM 11:34 地図などの画像内にリンク設定を行なうケースで、出来ればリンク先に応じて画像を変更出来ないかと言う要望があり、CSSのa:hoverで処理すると対処箇所の画像しか変更できない。 通常ならFlashの使用が一般的だろうけど、簡単な処理っぽいのでjQueryで挑戦してみました。 jQueryを使ってイメージマップの背景を切り替えるサンプル 概略としては画像を透明gif画像に差替えて、div要素で囲んで背景要素として処理。 イメージマップの各リンクにIDをふって、選択されている（オンマウス）間はdiv要素に指定class属性を与え、背景画像の位置指定の流れです。 すっごい単純な処理でごまかしてるけど良いや。 jQueryの処理部分 $(document).ready(function() { $('#no1').hover( functio
[JS]よく使う機能だけに絞り込んだ、シンプルなカルーセルのスクリプト -bxCarousel
画像をはじめさまざまなHTML要素をスライド表示させるカルーセルのスクリプトを紹介します。 下記のデモでは、Example One（表示数4、移動数2、手動操作）、Example Two（表示数3、移動数1、自動操作）となっています。
[JS]ダイナミックで軽快なアニメーションを伴ったナビゲーション
画像を一切使用せずに実装する、軽快なアニメーションを伴ったナビゲーションのチュートリアルを紹介します。 Awesome Cufonized Fly-out Menu with jQuery and CSS3 デモページ デモでは右に配置されたナビゲーションの各ラベルにマウスホバーするとアニメーションでハイライトが移動し、それに伴う説明文が右からスライド表示されます。 HTML HTMLは非常にシンプルです。 <textarea name="code" class="html" cols="60" rows="5"> <div id="slidingMenuDesc" class="slidingMenuDesc"> <div><span>Maybe that's what life is... a wink of the eye and winking stars.</span></div
クロスブラウザ対応、スクロールに追従するパネルの3つの実装方法
JavaScriptやCSSを使用して、スクロールした際にパネルを追従させるチュートリアルをCSS-Tricksから紹介します。 Scroll/Follow Sidebar, Multiple Techniques demo チュートリアルでは、JavaScriptで実装したアニメーション版、CSSで実装した版２つの計３種類が紹介されています。 サイドバーのリストをクリックすると、追従のパターンを変更できます。 実装はシンプルで、div要素でコンテンツとサイドバーを配置し、サイドバーには「position: fixed;」を指定します。 CSS <textarea name="code" class="css" cols="60" rows="5"> #page-wrap { width: 600px; margin: 15px auto; position: relative; } #s
『チェックボックスにjQueryで簡単に全てをチェックさせる方法』
本を買わずに解決するWeb制作の小技 ホームページ作成でちょっとしたことを参考書を買わずに解決する方法をPHP CSS Webデザイン jQuery Flashを中心に便利な技をまとめていきます！現在、長野県長野市の制作会社でWeb作成中！ ＨＴＭＬのフォームでチェックボックスで選択させるときに 項目を全てチェックさせる機能をサクッと実装 させるやり方を発見 jQueryだとアッという間にできます Easiest “check all” ever with jQuery 実装するのに手間だったのでこれだと楽ですね。 $(function () { // this line makes sure this code runs on page load $('#checkall').click(function () { $(this).parents('fieldset:eq(0)').fi
Jquery Labs | jQuery Plugins, Menus, Tutorials, Tools
jQuery Plugins
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
http://blog.net-king.com/2010/10/06/%E3%83%A1%E3%83%8B%E3%83%A5%E3%83%BC%E3%81%AB%E3%83%9E%E3%82%A6%E3%82%B9%E3%82%AA%E3%83%BC%E3%83%90%E3%83%BC%E3%81%99%E3%82%8B%E3%81%A8%E3%83%A1%E3%82%A4%E3%83%B3%E7%94%BB%E5%83%8F%E3%81%8C%E5%88%87/
https://atmarkit.itmedia.co.jp/ait/subtop/features/da/dt_jqueryref_index.html
[JS]CSSスプライトにフェードや移動、不透明度の変更を加えるスクリプト -bgFade
http://www.designwalker.com/2010/06/jquery-forms.html
