[B! jquery] len1010のブックマーク

HTML+CSS主体のJavaScriptエフェクト！簡単で「使える」jQueryテクニック（解説つき）

4月から入社した2011年度新卒社員です。ハロこんにゃんセヨがぜんウェブウェブしているほんだです。今年4月より、意匠部のME課（めか）でマークアップエンジニアとして働いているほんだです。入社したての新卒社員ですが、PCサイトのHTML+CSSのマークアップや、MovableType（ブログ構築ツール）での組み込みなど、色々な仕事をさせてもらってマークアップリア充です。そんな中でも最近多い業務はjQueryを使ったビジュアル面でのちょっとしたJavaScript（以下 JS）プログラミングです。 jQueryってとっても便利ですなぁ。HTML+CSSの知識を持っている人なら、簡単に「使える」エフェクトをつくれます。この記事では僕が入社して2ヶ月間に学んだ、簡単で「使える」jQueryテクニックを紹介します。 jQueryってなんぞってとこと、使う前の準備をざっくり解説 jQuer

len1010 2013/12/22

トグルデザイン

リンク

軽い！ChromeやFirefoxのスクロールバーも装飾できるjQueryプラグインjScrollPaneの設置方法 - eupho

FirefoxもChromeもなかったころ、乙女の間で行われたスクロールバーの装飾はCSSが基本でした。今はというと、CSSで装飾してもIEでしか見られません。FirefoxやChromeでは普通のスクロールバーです。どうしても装飾したい場合、jQueryを使います。使いドコロページ全体のスクロールバーの装飾は、今あまり見かけません。このjScrollPaneも基本的には、更新履歴など、限られた範囲内に多くの情報を掲載する、インラインフレームの様なスクロールエリアに使います。今回紹介するjScrollPaneはgirl! vol.3告知サイトの下部にあるサンプル集や、PSP用乙女ゲーム青春はじめましたの更新履歴部分などに使われています。 1.使うもの公式サイトから必要なものをDLします。 jQuery jquery.jscrollpane.min.js jquery.mousewh

len1010 2013/12/22

スクロールバー

リンク

さくっと簡単！jQueryでコンテンツをオーバーレイ表示させる方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作

どうもです、デザイナーのはやちです✌(´ʘ‿ʘ｀)✌ 梅雨明けの暑さでバテ気味です…この暑さ嫌ですな　c⌒っ´ʘ‿ʘ｀)っはやちは静かに暮らしたい　c⌒っ ◞‸◟ )っそんなこと言ってもこの暑さは和らぎません(◞‸◟) 今回はjQueryで簡単にコンテンツをオーバーレイ表示させる方法をご紹介していきます(◞‸◟) オーバーレイとはライトボックスのように要素の上に要素を重ねて表示させる方法です上に重ねる方の要素を半透明にさせて下の要素がうっすら見えるような表現に多く使われます( ˘ω˘)☝ HTML </pre> <div id="overlay"> <p id="text">ｲｪｰｰｲみてるぅ✌(´ʘ‿ʘ｀)✌</p> <p id="close">close</p> </div> <div id="btn">click</div> <pre> ID名overlayはオーバーレイされ

len1010 2013/07/13

リンク

jQuery Cycle Plugin | Webサイト制作支援 | ShanaBrian Website

jQuery Cycle Pluginの使用方法をご紹介します。 jQuery Cycle Pluginは様々な効果でスライドショーを簡単に実装できるjQueryライブラリです。公式サイト ※ このライブラリは、jQueryが別途必要です。目次ダウンロードと設置 JavaScriptの読み込み適用方法オプションの設定ページネーションの設置方法オプション効果一覧ダウンロードと設置こちらからダウンロードします。ダウンロードしたJavaScriptファイルを任意の場所に設置します。 JavaScriptの読み込み任意の場所に設置したjQueryとjQuery Cycle PluginのJavaScriptファイルを読み込みます。パスは環境に応じて変更してください。 HTML <script src="js/jquery.min.js" type="text/javasc

len1010 2011/06/16

リンク

初心者さんのためのWebサイト制作に役立つリンク集

2017年6月29日 Webサイト制作「Webサイト勉強するのにおすすめのサイトを教えてください！」との声が多いのですが、日本のWeb関連チュートリアルサイトをあまり見たことがなかったので、今までおすすめできませんでした…。ということでちょっとググって初心者さんによさそうなサイトをいくつか紹介します。小難しい単語が並んであるようなサイトは避けているつもりですが、わかりにくかったらすみません。他にもおすすめサイトがあればぜひコメント欄にて教えてください！ ↑私が10年以上利用している会計ソフト！ Webサイトを作る流れまずはWebサイトを作る目的を考える誰のため？何のため？Webサイトを作り始める前に。サイトマップと呼ばれる構成図を作成 Webサイトの構成図を簡単に作れる便利ツールワイヤーフレーム（Webサイトのレイアウト）を作成 Webサイトの骨組み: ワイヤーフレームを素早く・