動くWebデザインアイデア帳
サイト閲覧方法 1ウェブサイトへアクセス https://ugokuweb.coco-factory.jp/ugokuweb/ 新サイトはこちらから 2【ユーザー名】と【パスワード】が求められますので、以下の情報を入力してください。 【ユーザー名】：ugokuweb 【パスワード】：指定のページ数を【半角数字3桁】で入力 （例）30ページの場合は 030 と入力 ※黄色本をご購入の方：7-2「検索」の表紙ページ数 ※ピンク本（実践編）をご購入の方：9-4「SVGアニメーション」の表紙ページ数を【半角数字3桁】で入力してください。 3閲覧制限が解除され、サイトを閲覧できるようになります。 ブックマークをしてご利用ください。 ※掲載されているコードは、2021年に出版された時のものをそのまま掲載しています。 （jQueryのバージョン、プラグインのソースコードの書き方を含む） ソースコードの書
現場で使えるアニメーション系JSライブラリまとめ（2022年版） - GSAP, CreateJS, WebAnimation, Velocityなど - ICS MEDIA
現場で使えるアニメーション系JSライブラリまとめ（2022年版） GSAP, CreateJS, WebAnimation, Velocityなど ウェブサイトのインタラクションやUIの振る舞いなど、HTMLでモーションを実装する機会は多々あります。HTML要素の簡易的なアニメーションであればCSS Transitionを使ったことのある方も多いでしょう。しかし、WebGLやCanvas、SVGなどJavaScriptが実装の中心となる制作作業では、CSS Transitionでは対応しきれず、アニメーションライブラリ（トゥイーンライブラリとも言います）が必要となる場面があります。 JavaScriptのアニメーションライブラリは多種多様なので、どのライブラリを採用するのか悩みどころ。本記事ではHTMLのJavaScriptライブラリについて、使い勝手や書式を紹介します。 今回紹介するメジ
スマホサイトに入れると使いやすくなる！おすすめjQuery4選！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
どうも、はやちです_(:3」∠)_ スマホに使うとよりサイトが見やすくなるjQueryをまとめてみました。 アコーディオン アコーディオンみたく開閉式のメニューが実装できるjsです。 記事の多いコンテンツをまとめるのに便利ですね。 ■動きをみる HTML <dl class="acordion"> <dt class="trigger">アコーディオンメニュー<span class="open-close">open</span></dt> <dd class="acordion_tree">テキストテキストテキストテキストテキストテキストテキストテキスト</dd> <dd class="acordion_tree">テキストテキストテキストテキスト テキストテキストテキストテキスト</dd> <dd class="acordion_tree">テキストテキストテキストテキストテキストテキ
googleアナリティクスで簡単にクリックカウント出来るコード - ファンブログハック
アクセス解析って使ってる人は多いと思うんですけど、クリック数の解析ってしてます？ とあるアクセス解析にクリックカウントしてるやつがあって、割と面白いなと思ったんでgoogle Analyticsでクリックカウントする方法を調べて、実装してみました。 調べてすぐ見つかる方法は、リンクにonClickを入れる方法だったんですが、全てのリンクにこれを書く、ってのは面倒過ぎるな～と思って、jQueryで自動で入れてもらおうと考えていたら、もっと簡単にjQueryで実装してるやつを見つけて、それを参考にしました。 一応外部リンクか、内部リンクか、ってのも判別出来るようにしてみました。 その実装したクリックカウントする為のコードを紹介します。14行程のjavascriptのコードを貼りつけて、少しだけ変更するだけなので、結構簡単なはずです。 クリックカウントしてどうすんの？ えっと、、別にどうする？
【Javascript】範囲指定が可能なスライダーjQueryプラグイン7選 | Wood-Roots:blog
最小値と最大値を指定するタイプのスライダーを実装できるjQueryプラグインを7点ご紹介します。 価格や面積など、最小値と最大値を指定して検索するようなフォームを使う場合に設置してみたくなります。 将来的にはinput[type]でこのようなスライダーを実装できるようになりそうですが、当分はjQueryに頼る必要がありそうです。 ちなみにこのようなスライダーを英語では「Range Slider」と呼ぶそうです。ググるときに使ってみてください。
建站成功
您的请求在Web服务器中没有找到对应的站点！ 可能原因： 您没有将此域名或IP绑定到对应站点! 配置文件未生效! 如何解决： 检查是否已经绑定到对应站点，若确认已绑定，请尝试重载Web服务； 检查端口是否正确； 若您使用了CDN产品，请尝试清除CDN缓存； 普通网站访客，请联系网站管理员；
レスポンシブ対応などコンテンツスライダー/スライドショー用jQueryプラグイン50+ | co-jin
サイトのコンテンツをリッチに見せるだけでなく、省スペースで数多くのコンテンツを効率的・効果的に表示できるスライダー。 今回は無料で利用できるバリエーション豊富なスライダー用jQueryプラグインをご紹介します。 画像のスライダーから、レスポンシブ対応、フルスクリーン対応のほか、目を引くアニメーションによる画像の切り替えやコンテンツそのもののスライダーなど、多くのプラグインを集めてみました。 今後のコンテンツ制作にお役立ていただければ幸いです。 Swiper レスポンシブ対応で、スマホなどのタッチデバイスでのフリッカブル（スワイプ）にも対応したコンテンツスライダー。 オートプレイのほか、縦スライドや3Dエフェクト、ネスト構造（コンテンツにさらにスライダーを設置できる）対応と、幅広い表現が可能な、使い勝手のよいスライダーです。 設置も簡単、スワイプの反応もよい。 本当にオススメのスライダーです
簡単にレスポンシブ対応のパララックス効果を実装できるスクリプト Parallax ImageScroll | Web制作についてのメモ W-clipブログ
HTML5のdata属性を使用して指定して、簡単にパララックス効果を実装できるスクリプトのご紹介。 しかもレスポンシブ対応です。 使い方 以下のコードは、Parallax ImageScroll -GitHubに掲載のコードです。 必要ファイルを読み込み、画像とコンテンツを配置します。画像は、HTML5のdata属性を使用して指定します。 <div data-image="anImage.jpg" data-width="1600" data-height="900"></div> <section><p>Content that "slides" on top of the images</p></section> <div data-image="anotherImage.jpg" data-width="1600" data-height="900">[optional conten
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
スライドショー風に背景画像を見せるJavaScript「jQuery maxImage plugin」｜skuare.net
twitter facebook hatena google pocket 背景画像をスライドショー風に見せるとサイトが印象的に見えます。 jQuery maxImage plugin: DemoはJavaScriptによりターゲット内の画像を最大表示してくれます。 これを利用して背景画像をスライドショーにします。 sponsors 使用方法 jQuery maxImage plugin: Demoからjquery.maximage.jsをjQueryからjquery.jsをダウンロードします。 <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript" src="jquery.maximage.js"></script> <script type="text/j
Webデザインレシピ » Blog Archive » jQuery BX Slider Plugin
Today must be a Thursday. I could never get the hang of Thursdays. Photo by harold.lloyd
BlackFlag - Web Development Technical | jQuery,HTML,CSS,iPhone,iPad,Twitter etc...
Categories HTML／(X)HTML (33) HTML5 (26) CSS (122) CSS3 (82) jQuery (334) TIPS (157) プラグイン (147) プラグイン集 (39) ライブラリ情報 (2) JavaScript (31) Mootools (8) iPhone／iPad／iPod／Android (26) Twitter (6) Facebook (2) IE (17) Firefox (6) SEO (10) Flash (2) WordPress (3) Silverlight (3) Webサービス (52) WebサイトGallery (17) Web素材 (44) Web開発用ツール (28) Web情報 etc… (8) リリース情報（その他） (17)
ポンクソフト
コンテンツ PHP入門 jQuery入門 Flash Flash(ActionScript)でゲーム作成入門 Flash(ActionScript)で様々なゲームを作ろう Flash(ActionScript)とPHPの連携入門 PHP（旧コンテンツ） PHPでファイルの読み書き・掲示板 PHPで日付・時刻の計算 PHPでアクセスカウンタ＆解析 PHPでGDを使ってみよう PHPとPostgreSQLの連携入門 Java （旧コンテンツ） Javaでシューティングゲームを作ろう Perl （旧コンテンツ） CGI(Perl)の基本と掲示板作成 C/C++ C/C++言語とDXライブラリでゲーム作成入門 （旧コンテンツ）C言語とelで様々なゲームを作ろう jQuery simple plugins ひとりごと、ふたりごと（ブログパーツ） オリジナルソフトウェア その他未分類なモノ iOSアプ
Moving Boxes
Moving Boxes MovingBoxes now has several contributors and it's lots more powerful than the original version. Go get it on GitHub. News Heading Add a short exerpt here... more News Heading Add a short exerpt here... more and a whole lot more text goes here, so we can see the height adjust. News Heading Add a short exerpt here... more News Heading Add a short exerpt here... more News Heading Add a s
Slider Gallery with jQuery | Codrops
This tutorial is about creating a creative gallery with a slider for the thumbnails. The idea is to have an expanding thumbnails area which opens once an album is chosen. […] This tutorial is about creating a creative gallery with a slider for the thumbnails. The idea is to have an expanding thumbnails area which opens once an album is chosen. The thumbnails will scroll to the end and move back to
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
css-lecture.com - css lecture リソースおよび情報
http://grow.weblike.jp/immature_design/tag/%E3%83%8A%E3%83%93%E3%82%B2%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3
finefinefine.jp
サンプル – 少しのコードで実装可能な20のjQuery小技集 | Webクリエイターボックス