動く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ライブラリについて、使い勝手や書式を紹介します。 今回紹介するメジ
【Javascript】範囲指定が可能なスライダーjQueryプラグイン7選 | Wood-Roots:blog
最小値と最大値を指定するタイプのスライダーを実装できるjQueryプラグインを7点ご紹介します。 価格や面積など、最小値と最大値を指定して検索するようなフォームを使う場合に設置してみたくなります。 将来的にはinput[type]でこのようなスライダーを実装できるようになりそうですが、当分はjQueryに頼る必要がありそうです。 ちなみにこのようなスライダーを英語では「Range Slider」と呼ぶそうです。ググるときに使ってみてください。
レスポンシブ対応などコンテンツスライダー/スライドショー用jQueryプラグイン50+ | co-jin
サイトのコンテンツをリッチに見せるだけでなく、省スペースで数多くのコンテンツを効率的・効果的に表示できるスライダー。 今回は無料で利用できるバリエーション豊富なスライダー用jQueryプラグインをご紹介します。 画像のスライダーから、レスポンシブ対応、フルスクリーン対応のほか、目を引くアニメーションによる画像の切り替えやコンテンツそのもののスライダーなど、多くのプラグインを集めてみました。 今後のコンテンツ制作にお役立ていただければ幸いです。 Swiper レスポンシブ対応で、スマホなどのタッチデバイスでのフリッカブル（スワイプ）にも対応したコンテンツスライダー。 オートプレイのほか、縦スライドや3Dエフェクト、ネスト構造（コンテンツにさらにスライダーを設置できる）対応と、幅広い表現が可能な、使い勝手のよいスライダーです。 設置も簡単、スワイプの反応もよい。 本当にオススメのスライダーです
ページ一覧取得
対象ページ内の全リンクを取得して、サイトのページ一覧を取得します。 基点となるページ： 再帰取得レベル: 除外： PDF JPG 出力： プレーンテキスト リスト タイトル＋URL 並び替え： する しない ※再帰取得レベルを1以上に設定すると、再帰的にページ一覧を取得します（時間がかかるので、気長にお待ちください）。 ※ソースコード中のa要素のhref属性からリンク情報を取得しています。JavaScriptで開くページは取得できない場合があります。 ※100ページを超えるサイトの場合、取得できない場合がございます。また、IPアドレス制限やログインが必要なページなど非公開領域は取得できません。 （BASIC認証領域の場合は「http://ID:PW@***.com」で取得できる場合がありますが、使用は自己責任でお願いします。） お問い合わせ
Google Plusのシェアリンクをブログに設置したい時のメモ - ぼくんちのバックステージ
「Google プラスワンボタンを設置したい。でもGoogleの提供するコードは使わず、iframeも使わない方法で実装したい。」 ってな感じで色々と試したけれど、有効な方法は見つからず。 でも、Googleプラスのシェアボタンに相当するリンクが発見できたのでメモ。 https://plusone.google.com/_/+1/confirm?hl=ja&url=https://web.tvbok.com/ または https://plus.google.com/share?hl=ja&url=http://webtvbok.com/ 赤文字部分は自分のサイトに置き換えて利用する事。 Javascriptを使うとき 上記のリンクは、以下の様な使い方をするとページ毎にURLやタイトルを指定しなくても済むので便利。 <a href="javascript:(function(){window
サービス終了のお知らせ - 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
Configure a Button | YouTube Subscribe Button | Google for Developers
Configure a Button Stay organized with collections Save and categorize content based on your preferences. The tool below lets you configure an embedded subscription button. You can set the button's display options, preview the button, and copy the code needed to insert that button on your page. Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 4
CSS3 PIE: CSS3 decorations for IE
PIE makes Internet Explorer 6-9 capable of rendering several of the most useful CSS3 decoration features. Try the Demo This quick demo shows just a few of the CSS3 properties PIE can render. Use the controls to adjust the CSS3 applied to the box. Load this page in IE to see that it is rendered properly!
ポンクソフト
コンテンツ 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
マンガで分かる JavaScriptプログラミング講座
はじめに 「マンガでわかるJavaScript」は、難しそうに思えるプログラムを、簡単そうに見えるマンガで解説するという初心者向けの入門講座です。 架空の高校生たちに教える形式で、プログラムの基礎から応用を、解説していきます。一通りのマンガを読めば、かなり実践的なところまで、プログラムを書けるようにしていきます。 （マンガは、左上から右下へと読みます） プログラムというと、けっこう大変そうに思えますが、この講座のテーマは「面倒くさいことを楽にする」です。面倒臭がりで、手抜き大好きの女子高生を主人公にして、楽しくプログラムを学んでいくことにします。 主な対象読者は「これからプログラムを学んでみたい人」「Webの世界に関わっていてJavaScriptを学んでみたい人」「昔JavaScriptを触っていたけど最新のトレンドが分からないので改めて学んでみたい人」などです。初心者だけでなく、Webデ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ユーザー属性とインタレストカテゴリに関するレポートを有効化 | 株式会社デジタルチェンジ
サービス終了のお知らせ
http://www.easyelements.com/free-photoshop-brushes.html
finefinefine.jp
サンプル – 少しのコードで実装可能な20のjQuery小技集 | Webクリエイターボックス
Alexa Web Search