ページをスクロールすると右下に出てくる「TOPへ戻るボタン」の作り方を、jQuery初心者にも分かるよう説明しています。
初心者でも分かる！な、jQueryの「TOPへ戻るボタン」の作り方
ページをスクロールすると右下に出てくる「TOPへ戻るボタン」の作り方を、jQuery初心者にも分かるよう説明しています。
パララックスサイトの作り方の初歩
最近パララックス（視差効果）を取り入れたサイトが増えてきました。 仕組みや簡単なものを作れるようにしておきたかったのでいろいろ試してみました。 ちなみにもっと効率良く作れる方法とかもあるかもしれませんので、一例ということで御覧ください。プラグインはまだ試したことがないので そちらを使ったほうが楽かもしれません。 パララックス効果のjQueryプラグインまとめ あと動作はこの記事時点でのFirefoxの最新版でしか確認はしていません。 スクロール量を取得する まずはスクロールすると動くので、スクロール量を取得します。ちなみにjQueryを使ってます。 $(function(){ $(window).scroll(function(){ var y = $(this).scrollTop(); $("#num").text("スクロール量：" + y);//表示用 }); }); サンプルペー
センス良し！スマホサイトのデザインギャラリーサイト10選\ - U-NOTE[ユーノート] - 仕事を楽しく、毎日をかっこ良く。 -
スマホサイトのデザインを考えるときに参考になりそうなサイトを10サイトご紹介します。どれも参考になりますよー！
![センス良し！スマホサイトのデザインギャラリーサイト10選\ - U-NOTE[ユーノート] - 仕事を楽しく、毎日をかっこ良く。 -](https://cdn-ak-scissors.b.st-hatena.com/image/square/44431ef804130f3a0dd6b23915b35bd367a44002/height=288;version=1;width=512/https%3A%2F%2Fimgs.u-note.me%2Fnote%2Fcaption%2F47492699.jpg)
プラレール・レイアウト・パターン。折り返し編 - プログラマでありたい
プラレール用の電池の考察の記事を書いたように、最近はもっぱら子供とプラレールで遊んでいます。作っているとついつい、プラレールのレイアウトに凝りだしてしまいます。レイアウトを作る上で、無意識のうちに満たしたいと思っている要件があるようで、考えてみたら次の３点がありました。 自動で、ずっと走りつづける 切り替えポイントを使う 構築した全てのレールを利用する 自動で、ずっと走りつづける 1つ目の「自動で、ずっと走りつづける」という要件は、出発点と終点で終わらないということです。つまりループしているということです。この要件を満たす最低限の構成は、次のレイアウトです。 構成 1/2直線レール 4本 曲線レール 8本 切り替えポイントを使う 上記の例は、簡単ですね。ただ、この構成だと飽きるのが早いです。そこで２つ目の要件である「切り替えポイントを使う」が出てきます。具体的には、ターンアウトレールや8の
学ぶ意欲・モチベーションを自ら上げられる学習方法はゲーミフィケーションに通ず？！ - Life-eBox
photo by susivinh 以前、 子どもの年齢・性格に見合ったモチベーションの上げ方してますか？こどもの学習意欲を高める４つの方法。 - 親子で英語を学ぼう！ この記事のコメント欄に id:KoshianX さんから なかなか難しいんだよなあ。おもしろいとか大事だとかやりがいがあるとかしなくてはならないとかいう認識をどう持ってもらうか というコメントをいただき、これには激しく同意。では、どうすれば子ども達は興味ややりがいを継続していかれるようになるのか。(それは大人も変わらないのかもしれませんが。)ちょっと考えてみました。 解決策はゲーミフィケーションの導入 photo by brungrrl ゲーミフィケーションとは、 遊びや競争など、人を楽しませて熱中させるゲームの要素を、ゲームが本来の目的ではないサービスやシステムに応用し、ユーザーのモチベーションやロイヤルティーの向上に資
piyo-js.com - このウェブサイトは販売用です！ - 初心者 入門 リファレンス リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
インテル、無償のHTML5アプリ開発ツール「Intel XDK」を刷新。ランタイムエンジンにBlinkベースの「Crosswalk」を採用
インテル、無償のHTML5アプリ開発ツール「Intel XDK」を刷新。ランタイムエンジンにBlinkベースの「Crosswalk」を採用 ただし名称に関しては、現バージョンの「Intel XDK」を2月末で提供終了した後には、新バージョンの「Intel XDK NEW」の名称が「Intel XDK」となる方針も合わせて明らかにしました（本記事では分かりやすさのため新バージョンを「XDK NEW」と記します）。 PhoneGapに代わりCrosswalkが採用 Intel XDKはHTML5/CSS/JavaScriptによるアプリケーションの開発環境と、PhoneGapによるビルドシステムを備えており、AndroidやiOSなどのクロスプラットフォームに対応したモバイルアプリケーションを開発することができました。 XDK NEWの最大の変更は、ビルドシステムをPhoneGapから、ランタ
すごい便利になった！javascript入門の基礎知識と小技まとめ
作成：2013/12/24 更新：2014/11/01 Web制作 > サイト構築中にちょっとした動きをのせたいとき、どうすれば良かったのか何度も調べ直さないといけないことがあります。今回はJavaScript で初心者の方でもすぐ活用できるように、使用頻度の高いリファレンスと基本知識をまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ できること １．リファレンス スクリプトの書き方／基礎知識 ２．スクリプトの記述 ３．文字列／特殊文字 ４．演算子 ５．オブジェクト ６．プロトタイプ ７．イベント ８．変数 ９．if文 １０．配列 １１．連想配列 １２．正規表現 １３．デバッグ できること １．リファレンス JavaScriptは開発環境の準備がほぼ不要で、コピー＆ペーストだけで、動くものができてしまいます。他の言語だとそう簡単にはいきません。サ
とほほのJavaScriptリファレンス - とほほのWWW入門
とほほのJavaScriptリファレンス [戻る] [索引] 基本編 JavaScript って何？ JavaScript とは？ JavaScript と Java の関係は？ ECMAScript とは？ JavaScript のバージョン ES5 の新機能 ES5.1 の新機能 ES2015(ES6) の新機能 ES2016(ES7) の新機能 ES2017(ES8) の新機能 ES2018(ES9) の新機能 ES2019(ES10) の新機能 ES2020(ES11) の新機能 ES2021(ES12) の新機能 ES2022(ES13) の新機能 ES2023(ES14) の新機能 まずは始めてみよう 準備するもの 「Hello world!!」と書いてみよう 時刻を表示してみよう 動く時計を表示してみよう JavaScript の書き方 <script>～</script>
SVGは普及する。WebデザイナーはCSSとともにSVGが必須科目に
Internet Explorer 9では、Webブラウザ上にベクター形式で画像を描画できるSVG（Scalable Vector Graphics）のサポートが表明されています。ITproの記事「IE9の登場で画像フォーマットの本命に浮上するSVG」では、IE9がSVGをサポートすることでSVGの普及が始まるのではないかと予想しています。同意します。 SVGはHTML、CSS、JavaScriptと並ぶWebの要素に SVGは2001年にバージョン1.0、2003年にバージョン1.1がW3Cの勧告として策定されました。しかしマイクロソフトはIE6、IE7、IE8とずっとSVGに対応せず、一方でSVG策定以前から同社などが推進していたVML（Vector Markup Language）と呼ばれるベクター形式の言語を実装してきました。 Webブラウザで最大シェアを持つIEで使えないSVGは
様々なサービスを連携できる『IFTTT』にiPhone版アプリが登場！ いつでも手軽にレシピを作れるように | NANOKAMO BLOG
どうも@kuroji1987です。 様々なウェブサービス・アプリを連携させられるウェブサービス『IFTTT』のiPhone版アプリがリリースされていたのでご紹介します。 IFTTT カテゴリ: 仕事効率化, ユーティリティ 価格: 無料 この『IFTTT』は全く別のウェブサービスをつなげる鎖、あるいはパイプのような役割のサービスです。例えばTwitterに投稿した写真をDropboxに自動保存させたり、Foursquareでチェックインした情報をEvernoteに保存したり、などといったことが簡単に実現できるのが特徴です。 僕が実際に行なっている連携を記事にしていますので、例としてどうぞ！ Foursquareのチェックイン情報を写真・地図画像付きでEvernoteに送る | NANOKAMO BLOG iPhoneアプリ『UP by Jawbone』が他サービスとの連携機能を追加！
『JavaScriptの開発効率を高める7つのライブラリ』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。
HTML5やCSS3を使った次世代表現を学ぶのに役立つコードサンプル
わずか280行程度のJavaScriptで作られ... / JavaScriptで作るいろいろな物理シミュレ... / JavaScriptによる波の物理シミュレーショ...他...全14件
jQueryコーディングの基本的なことからプラグイン化までの注意書き（Webデザイン）
jQuery でのプログラミングの、基本的なことからプラグインを作るところまで、初心者の頃につまずいた部分を中心にまとめてみました。公式ドキュメントなどで使われている、少し難しい印象の専門用語も織り交ぜながら書きました。jQuery で Webデザインのパーツを作るときの注意書きという感じです。 Webサイトを作るとき、私的にはとってもよく使っている jQuery。jQuery を勉強しだしたころは、自分の書いたコードが動いたりするのが、とっても楽しくて嬉しかった覚えがあります。私はあまり JavaScript でのコーディングが得意ではないので、今でもよく jQuery を使ってコーディングしてます …。 以前：CSSは分かるけど jQuery は苦手 … という人が jQuery に親しんでくれるといいなーと思って書きました という記事を書いたのですが、今回はその復習 & jQuery
コードの圧縮や外部ファイル化とページの読み込み速度について
なぜ、ごちゃごちゃしてるのか？ぱっと気づくのがこの2点です。 改行やスペースがほとんど使われていない CSSやJavascriptが外部化ファイル化されていない Googleとしてはソースがきれいなことよりも、読み込み速度を速くすることでユーザーのストレスを軽減したり、ファイルサイズ小さくすることでサーバーへの負荷を減らしたりすることの方が重要だと思います。 もちろんアップする前にこのような状態にしているだけで、それまではきれいに書かれているはずですが。 ということで、「コードの軽量化」と「外部ファイル化」の2点について考えてみます。 コードの軽量化について HTML、CSS、JavaScriptなどのコードは、改行やスペースを使わずサイズを小さくした方が読み込みは速くなります。 これは当然ですね。 コードの見やすさよりも読み込み速度やサーバーの負担軽減を優先するなら、できるだけファイルを
米Yahoo!が新しい埋め込みメディアプレイヤー Yahoo! WebPlayer (beta)を公開 - 音楽方丈記
米Yahoo!が新しい埋め込みメディアプレイヤー Yahoo! WebPlayer (beta)を公開 » 音楽Webサービス(楽曲再生) [編集] 米 Yahoo! が Yahoo! Media Player に代わる新しいページ埋め込み形式のメディアプレイヤー Yahoo! WebPlayer (beta) を公開していました。 対応ブラウザは、IE 6～、Firefox 3～、Safari 5～、Chrome となっています。 表に見える UI 部分の動作は JavaScript が中心で、内部の再生処理で Flash が呼び出されているため、現時点では Flash 非対応のブラウザでは利用できないようですが、最終的には Flash なしでも利用できるようにするように改良中なのだそうです。 ↓ mp3 ファイルの URL を指定した例 旧 Media Player では MP3 フ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TEST CORDING » Sassの@functionの使い方まとめ – プログラマブルな処理は@function
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
制作案件に使えば注目度アップ！CSS3を使った驚きのアニメーション表現
Loading...
