jquery小技まとめ３２
作成：2013/07/1 更新：2014/11/01 Web制作 > 先日ECサイトを制作したときに、動きのあるサイトにしないといけなかったので、色々調べて組み込んでみたんですが、jQueryでもう何でも出来ちゃいますね。近い将来ローカルで画像なんかを編集しなくても、ブラウザだけで色々できるようになるんじゃないでしょうか。今回は定番からちょっとマイナー（Google Analytics関係とか）なものまでjQueryの小技、プラグインを集めさせていただきました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ スクロール １．ページ内リンク／フッターまわり／トップに戻る ２．パララックス スライド ３．カルーセル ４．レスポンシブなスライダー ５．ヌルヌルサクサクなスライドメニュー ６．サムネイル付きクロスフェードスライドショー 補助 ７．Google Ana
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
jQuery Mobileを使った国内スマホサイトまとめ (1/3)
jQuery Mobileの採用が国内でも進んでいる。jQuery Mobileは、iPhone/Android、WindowsPhoneやBlackBerryなど、主要なスマートフォンに対応したUIフレームワーク。HTMLに簡単な記述を追加するだけで、スマートフォンに最適化したサイトやWebアプリケーションを制作できる、注目のフレームワークだ。 昨年11月には、待望の「jQuery Mobile 1.0」正式版がリリースされ、実務でも本格的に利用しやすくなった。今後、ますます増えそうなjQuery Mobileを使ったスマートフォンサイトの事例をチェックしておこう。 ※商品紹介／キャンペーンサイトに、「太鼓の達人学園（太鼓の達人×AKB48キャンペーンサイト）」を追加しました。（2012年3月1日16時更新） ※ネットサービスに、「一休.com」「recbike」を追加しました。（201
165 Awesome jQuery Sliders and Other Useful jQuery Effects - tripwire magazine
20+ Awesome jQuery Slider Plugins – Show Off Featured Content! by Lars | Last updated May 7, 2017 | Javascript, jQuery Plugin Collections | 109 comments jQuery Slider plugins are very useful and increasingly popular web page elements used for highlighting important content. By using a jQuery slider plugin, one can create amazing HTML slider effects with fancy animations of content elements like te
Webデザインやプログラミングなどの勉強に良さそうな国内のブログ記事やWebサイトいろいろ - かちびと.net
いよいよ2011年がスタートしました。 今年も去年同様、勉強することが 沢山あります。まだモチベーションが そこそこあるうちに勉強になりそうな 国内の記事をリンク集にしました。 迷ったときに見てみようかなと思い ます。 より最適な方法というのはあると思いますが、まずは扉を叩かない事には何が悪いかも分かりません。ということで、内容に拘らず、否の意見をスルーしてここに色々まとめさせて頂きました。 勉強したい気持ちはあるけど出来ない理由は「何を始めればいいのか分からない」という方も、何が出来るのか、どういった勉強法で出来るようになるかが分かればやる気が起きるかも知れません。 5分で分るシリーズ 以前も流行ったんですね。Web関連以外も含めてここにまとめられています。 5分で分かる PHP を知らない人が PHP の便利さを学べる記事を書いたよ 5分でわかる Ruby を知らない人が Ruby の
25+ Highly Useful jQuery Plugins Bringing Life back to HTML Tables | Tripwire Magazine
25+ Highly Useful jQuery Plugins Bringing Life back to HTML Tables by Lars | Last updated Jan 14, 2017 | jQuery Plugin Collections | 11 comments Most people have turned their back to tables for implementing web page layouts. This is because tables compared to table-less layout beased on CSS Positioning has several disadvantages. But tables are not useless at all! They should just be used to render
【レビュー】JSONクエリエンジン紹介5つ | エンタープライズ | マイコミジャーナル
secretGeek JavaScriptではJSON形式でデータを保持しておくことが多い。シンプルで扱いやすく、evel()で評価するだけでオブジェクトとして取り込むことができる。入出力も簡単で、JavaScript以外の言語でもJSON形式のデータを扱う機会が増えている。 このJSONデータを操作するためのエンジンのひとつにJSONクエリエンジン、またはJSONクエリ言語、JSONクエリライブラリと呼ばれるものがある。JSONデータから特定のデータを抜き出して別のJSONオブジェクトを生成するといったもので、ブラウザ側でデータの整形をする場合などに利用できる。たとえばサーバからデータをJSON形式でダウンロードしておき、実際に表示するデータは条件に応じてJSONクエリエンジンが選別したものを表示する、といった使い方ができる。 JSONクエリエンジンが採用しているクエリ言語は多種多様だ。
30+ jQuery Forms Plugins to Improve Form Usability | Tripwire Magazine
30+ jQuery Forms Plugins to Improve Form Usability by Lars | Last updated Jan 18, 2017 | jQuery Plugin Collections | 3 comments Forms are essential for communication online and they are the single most important interface to collect information from users. Why not spice you forms up a bit and make your site more appealing and user friendly? This post will help you get an idea of what what is possi
古籏一浩のJavaScriptラボ
活躍の舞台をどんどん広げているJavaScript。本連載では、JavaScript関連書の執筆でおなじみの古籏一浩氏が、最新の活用Tipsから今後注目のAjax/JavaScriptライブラリーの解説まで、“楽しくできて役立つネタ”をお届けします。
The Lightbox Clones Matrix « planetOzh
This tool lists a number of javascript scripts designed to embed various objects in HTML pages, such as images, flash animations, movies and iframes. Comparison of various scripts that display images and other objects in somehow cool CSS popups
便利なGoogleブックマークレット１２選 - GoogleMania | グーグルの便利な使い方
便利なGoogleブックマークレット１２選 管理人 @ 6月 14日 03:13pm Gmail（Gメール）, Google マップ, Google リーダー, Google 翻訳, iGoogle, 検索Tips Googleには公式ブックマークレットがあります。文章を選択（ハイライト）した状態でブックマークレットをクリックすると、Google検索できるというものです。でも、ほとんどのブラウザが検索ボックスを搭載している現状では、あまり使う人はいないでしょう。以下に紹介するのは、Google Blogscopedで紹介された、かなり便利な非公式ブックマークレット＋GManiaおすすめブックマークレットです。 リンクを「右クリック＞このリンクをブックマークorお気に入りに追加」で、リンクを保存して使ってください。また、IEのリンク、Firefoxのブックマークツールバーに保存すると、ツール
Googmarklets (Google Bookmarklets)
Wednesday, June 13, 2007Googmarklets (Google Bookmarklets) By Ludwik Trammer Bookmarklets are short snippets of JavaScript code added to the browser as bookmarks. Every time you open such bookmark it executes its function, usually using information from the currently opened website. Bookmarklets can make daily browsing a lot easier by automating simple tasks. You can find many interesting bookmark
Guide to Most Useful Bookmarklets for Chrome, Firefox, Safari, etc. - Digital Inspiration
Guide to Most Useful Bookmarklets for Chrome, Firefox, Safari, etc. This guide will help you understand the advantages of bookmarklets over add-ons, how to install bookmarklets followed by a list of essential bookmarklets that should work across all popular browsers including Google Chrome, Firefox, Opera, IE and Safari. Why Use Bookmarklet over Add-onsIf you were to choose between a bookmarklet a
ブラウザにオーバーレイするブックマークレットWidget各種 (がらくたラボ - Specialized F's Garage for Technologies -)
ブラウザの上に、ウインドウをオーバーレイして各種機能を実現するブックマークレットWidgetをここに紹介していきます。今後新機能が追加された場合は、ここに追記していきます。 （2008/3/23にcodereposへの公開を機にソースコードの構造が変わりました。恐れ入りますが、それ以前にブックマークされた方は入れ替えていただけますでしょうか。今までのURLはいずれ削除する予定です。） WidgetというのはUIを伴った小さな部品という意味なのですが、ここで紹介しているものは、ブラウザ画面内をマウスドラッグで移動して、今見ているWebページに機能を追加するウインドウです。 以下のリンクをブックマークに登録したり、ブックマークバーにドラッグすることで使えるようになります。 どんな動作をするか？は試しにリンクをクリックしてみてください。 １．PHPの関数を調べる。 よくわからない関数名をコピペし
3分LifeHacking：拡張代わりのChrome用ブックマークレット - ITmedia Biz.ID
（現在のところ）Firefoxのような拡張機能もなければ、○○ツールバーなどもインストールできないChrome。そんなChromeを使えるようにするには、ブックマークレットしかないのだ。 Google Chromeは速い！ それは分かっていても、Firefoxのようなさまざまな拡張機能が追加できないことが、常用できない理由の1つ（Chromeにも拡張機能が追加されるという話もあるが）。そんな人のために、拡張機能の代わりになりそうなブックマークレットを紹介しよう。 ブックマークレットはブックマークとしてJavaScriptを登録して、好きなページで実行するもの（詳しくはブックマークレットに関する記事を参照）。Chromeでは、ブックマークレットのリンクをブックマークバーにドラッグ＆ドロップすれば登録できる。その機能を使いたいサイトで、ボタンを押せば、機能が実行される。 ブログを書くためのブッ
ブックマークレット備忘録 情報は量/ウェブリブログ
「ウェブリブログ」は 2023年1月31日 をもちましてサービス提供を終了いたしました。 2004年3月のサービス開始より19年近くもの間、沢山の皆さまにご愛用いただきましたことを心よりお礼申し上げます。今後とも、BIGLOBEをご愛顧賜りますよう、よろしくお願い申し上げます。 ※引っ越し先ブログへのリダイレクトサービスは2024年1月31日で終了いたしました。 BIGLOBEのサービス一覧
jqueryでウェブサイトをリッチにするプラグインまとめ « vanillate
jqueryのプラグインのまとめです。jqueryはjavascriptベースのライブラリのようなもの。画像やメニューに動的な操作を与えたりすることが可能です。また、HTMLソースも複雑になりにくく、デザインをCSSで操作可能なものが多く、ウェブデザインをより魅力的にすることができます。 フェードしながらスライドするjQueryプラグイン デモ jQuery ListMenu Plugin デモ 大量のアイテムもすっきりとリストにできます。 Sliding login panel with jQuery デモ ログインフォームもおしゃれに。常に表示しておく必要はないですよね。アニメーション付きでぶらさがってくるこんなプラグインはいかがですか。 create a better jQuery stylesheet switcher デモ スタイルシートをjqueryで切り替えるプ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
bayashi.jp
ASCII.jp：Web制作の現場で使えるjQuery UIデザイン入門
IDEA * IDEA