jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

コーディングを自身でやることは少なくなってきたけれど、勘が廃れないように今でも時々デザインしたり、コーディングしたりってのも大事にしてます。たまにデザインやコーディングをするのは気分転換にもなるし、新しいテクニックを知っておくことだってまだまだ大切だと思うし。 今の僕は、作る仕事はできる限り任せる立場だと思うので、あくまでもやり過ぎない程度に、って考えてますけど。というわけで、最近覚えたスニペットまとめ。 レスポンシブでサイトを作ることが増えています。 予算やスケジュール、または技術的な問題など、レスポンシブで構築するのが難しいケースもありますが、今の僕はできる限りレスポンシブ優先で考えたいと思っています。 ワンソースで考えたほうが運用は効率的だと思うから。 Writing Modeは僕にとってレスポンシブデビューだったサイトで、今思うと「こうしておけばよかった」ってところはいっぱいありま

jQueryで動くアコーディオンを作ってみました。 CSS3のtransitionを利用していますので、IE8以下は▲,▼の表示が表示されません。 IE9以降のブラウザで御覧ください。 サンプルの解説 「タイトル」をクリックすると「中身」がぬるっと出てきます。 「タイトル」の右側にある▼マークは「中身」が開くと▲に変わります。 三角部分はcssで作成しています。画像は使っていません。 アコーディオンの中身のlistは#にリンクしています。

jQueryでページ内のアンカーポイントまでスムーズにスクロールするスクリプトです。 スクロールのイージングには「jquery.easing.1.3.js」を利用しています。 サンプルはこちら function scrollToAnchor() { $("a[href*=#]").click(function() { var target = this.hash; var offset = $(target).offset().top; if (offset > $(document).height()-$(window).height()) { offset = $(document).height()-$(window).height(); } $("html, body").animate({scrollTop:offset}, {duration:1000, easing:"eas

WordPressでプラグインによって読み込まれる外部スタイルシート&javascriptを削除する Wordpressには便利なプラグインがたくさんあってついつい多く入れてしまいがちですが、画面に表示させるタイプのプラグインは独自にスタイルシートを読み込んだりしています。 プラグインごとにファイルを別けた方がメンテナンスはしやすいかもしれませんが、外部ファイルはなるべくまとめた方がリクエスト数を減らすことができてパフォーマンスが良いらしいです。 プラグインによって自動的に読み込まれたスタイルシートを削除する方法をご紹介します。 投稿日2011年02月05日 更新日2011年04月02日 「wp-pagenavi」プラグインのCSSを削除する。 よく使用されるプラグインとして、「wp-pagenavi」なんかがありますね。 これを使用すると以下のCSSがheadに追加されます。 <link

In its default settings, Contact Form 7 loads its JavaScript and CSS stylesheet on every page. You might think it would be redundant or wasteful, and want to load them only on those pages that contain contact forms. I understand the feeling, but there is a technical difficulty for a plugin in knowing whether the page contains contact forms or not at the start of loading. However, I can show you a

2014年8月22日 CSS, jQuery どんなWebサイトでも設置されているフォーム。なんの装飾もなく味気ないフォームより、デザインされたもののほうが連絡してみたくなるはずです！そんなフォームも少し手を加えるだけで素敵なデザインに変身させることができます。今回はCSS3とjQueryを使ってより美しいフォームを作成する方法を紹介します。 ↑私が10年以上利用している会計ソフト！ フォームの仕様 今回チャレンジするフォームの主な仕様です！ グラデーション・ボックスシャドウを使って立体感を表現 角丸で丸みをつける（モダンブラウザ） 対応ブラウザ: IE7△, IE8△, IE9, Firefox, Chrome, Safari フォーム制作の流れ CSS3ってなんだ？という人もひとつひとつ記述していけば意外と簡単に作れるはずです！リンクをクリックで各項目にジャンプします。 テキストボック

jQueryのプラグインを利用して出来るサンプルです。 jQueryは、John Resig によって開発されたJavaScriptライブラリで、AjaxやDOMプログラミングコードを「簡潔・簡単」に書けます。 ここでは、画像関連、メニュー関連、フォーム関連、テキスト／リンク関連、その他、日本語未解説のjQueryプラグインを分類して紹介しています。 初心者でもすぐにリッチなサイトを作成可能ですので、ぜひjQueryプラグインをご利用ください Image Menu Form Text/Link Other W/O_JP

かなり人気のあるjQueryですが、そんなjQueryの私個人が選ぶ素敵なプラグインとチュートリアル10選。 とりあえず定番的なものをどうぞ。 ちなみにjQueryを自作できるレベルまで手軽になりたい人は以下記事参照。 web制作の現場で使うjQueryデザイン入門が激しくお勧めな件 タグクラウドの細分化 jquery Hover Sub Tag Cloud - Noupe サンプルデモ これかなり好き。 タグクラウドをさらに細分化させて表示させてます。 こういう発想は今までなかったので最初見たときちょっと感動しましたね。 ローディングページ How to Load In and Animate Content with jQuery | Nettuts+ サンプルデモのメニュー部分をクリックしてみてください。 右上にローディングのマークが若干出て、さらにアコーディオン風に内容が変わります