HTML+CSS主体のJavaScriptエフェクト！ 簡単で「使える」jQueryテクニック（解説つき）
4月から入社した2011年度新卒社員です。 ハロこんにゃんセヨ がぜんウェブウェブしているほんだです。 今年4月より、意匠部のME課（めか）でマークアップエンジニアとして働いているほんだです。 入社したての新卒社員ですが、PCサイトのHTML+CSSのマークアップや、MovableType（ブログ構築ツール）での組み込みなど、色々な仕事をさせてもらってマークアップリア充です。 そんな中でも最近多い業務はjQueryを使ったビジュアル面でのちょっとしたJavaScript（以下 JS）プログラミングです。 jQueryってとっても便利ですなぁ。HTML+CSSの知識を持っている人なら、簡単に「使える」エフェクトをつくれます。 この記事では僕が入社して2ヶ月間に学んだ、簡単で「使える」jQueryテクニックを紹介します。 jQueryってなんぞってとこと、使う前の準備をざっくり解説 jQuer
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
初心者さんのためのWebサイト制作に役立つリンク集
2017年6月29日 Webサイト制作 「Webサイト勉強するのにおすすめのサイトを教えてください！」との声が多いのですが、日本のWeb関連チュートリアルサイトをあまり見たことがなかったので、今までおすすめできませんでした…。ということでちょっとググって初心者さんによさそうなサイトをいくつか紹介します。小難しい単語が並んであるようなサイトは避けているつもりですが、わかりにくかったらすみません。他にもおすすめサイトがあればぜひコメント欄にて教えてください！ ↑私が10年以上利用している会計ソフト！ Webサイトを作る流れ まずはWebサイトを作る目的を考える 誰のため？何のため？Webサイトを作り始める前に。 サイトマップと呼ばれる構成図を作成 Webサイトの構成図を簡単に作れる便利ツール ワイヤーフレーム（Webサイトのレイアウト）を作成 Webサイトの骨組み: ワイヤーフレームを素早く・
jquery [DokuWiki]
jQueryは軽量のAjaxフレームワークです。JavaScriptの標準的なコーディングとは異なりますが、非常に短いコードで大きな効果があるスクリプトを記述できるようになります。prototype.jsがRuby風に記述できるライブラリだとすればjQueryはCSS風にJavaScriptを記述できるライブラリといえるでしょう。 主な特徴としては以下のとおりです。
JavaScript の基本文法 - とほほのWWW入門
JavaScript はオブジェクト指向というプログラミング上の思想を受け継いでおり、ウィンドウや、ドキュメントやフォーム部品などいろいろなものをオブジェクト（物）として扱います。オブジェクトには以下のようなものがあります。 □ オブジェクト（Object） ├□ シンボル（Symbol） ├□ 数値（Number） ├□ 文字列（String） ├□ 真偽値（Boolean） ├□ 配列（Array） ├□ マップ（Map） ├□ セット（Set） ├□ 数学関数（Math） ├□ 日付（Date） ├□ 関数（Function） ├□ 正規表現（RegExp） └□ ウィンドウ（Window） ├□ ナビゲーター（Navigator） │├□ プラグイン（Plugin） │└□ MIMEタイプ（MimeType） ├□ フレーム（Frame） ├□ イベント（Event） ├□ ヒスト
作って学ぶ！jQueryの記事一覧ページ | バシャログ。
[作って学ぶ！jQuery] 第5回 ajaxを使って複数ブログの最新記事一覧を表示する 作って学ぶ！jQuery
Dynamic Drive DHTML(dynamic html) & JavaScript code library
This innovative script uses CSS flexbox to create cards that when clicked on expands to show copious amount of information in a compact, manageable manner. Think of it as an expandable cards based layout. Ken Burns is a type of panning and zooming effect commonly used in video production to bring still images to life. This image slideshow adds an awesome Ken Burns effect to each image during trans
[Javascript] All About｜JSの基礎やjQueryの活用法を解説
JavascriptJavascriptやAjax、jQueryなどの著書多数のガイドが、何かと最近騒がれているJavaScriptの最新情報とその活用方法を解説します。「Javascriptを学びたい」というときにご活用ください。
別窓を開かずにその場クリックで拡大画像を表示する4つの方法 [ホームページ作成] All About
別窓を開かずにその場クリックで拡大画像を表示する4つの方法画像のクリック後にページを移動せず、その場で拡大画像を表示できるLightbox系スクリプトのおすすめ4本を紹介。JavaScriptを読み込むタグと短いHTMLを書くだけで簡単に使えます。jQueryを使う定番のLightbox2や、動画のポップアップも可能なColorbox、スマホ対応で全画面表示もできるIntense Imagesなどを紹介。CSSを使えば画像サイズの調整も簡単です。 画像クリックで拡大表示されるJavaScriptが便利 HTML内にたくさんの写真や画像を掲載するアルバムページなどでは、最初にサムネイル画像（縮小画像）だけを並べておき、閲覧者がそれをクリックしたりタップしたりした際にだけ拡大画像を表示するデザインがよく使われています。 ウェブページ上で拡大画像を表示する際には、ポップアップウインドウを出したり
![別窓を開かずにその場クリックで拡大画像を表示する4つの方法 [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/6ec4b03d1cb7a6f647ea70376bdd657185b7fdae/height=288;version=1;width=512/https%3A%2F%2Fimgcp.aacdn.jp%2Fimg-a%2F1200%2F900%2Faa%2Fgm%2Farticle%2F2%2F3%2F9%2F7%2F5%2F201708241603%2Ftopimg_original.png)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JavaScript/DOM｜PHP & JavaScript Room