CREATOR BLOG

「jQuery」の記事の一覧

D3.jsでスライドショーを作ってみる

2015/08/31
近藤
  • このエントリーをはてなブックマークに追加

おはようございます、制作部の近藤です。

今回は、データビジュアライゼーションJavaScriptライブラリ、
D3.jsを使ってスライドショーを作ってみようと思います。


続きを読む

指定した要素がスクロールで画面内に入った時、イベントを発動させるjQueryプラグインjquery-scrollInFunc.js

2015/02/16
tan
  • このエントリーをはてなブックマークに追加

前回公開した「指定した要素がスクロールで画面内に入った時、内包要素を順番にフェードインするjQueryプラグインjquery-scrollInTurn.js」ですが、最近このプラグインだけでは物足りなくなってきました。
「指定した要素がスクロールで画面内に入った時」、特定のアニメーション効果などを実装したいときが多々あったので、その部分に特化したプラグインをもうひとつ作りました。

その名も「指定した要素がスクロールで画面内に入った時、イベントを発動させるjQueryプラグインjquery-scrollInFunc.js」です!
ファーストビューに入っていない要素に対してのアニメーションを、スクロール位置によって発動させることができます。

続きを読む

【jQuery】初心者が陥りやすいjQueryの罠3つ

2014/12/26
tan
  • このエントリーをはてなブックマークに追加

jQueryはデザイナー向けのと言われるだけあり、扱いが簡単です。
そのためプログラミングはよく分からないけどjQueryはなんとか動かせる…という方も多いです。
私もその一人だったのですが…何度もjQuery罠にハマりました。
中でもはまりやすい有名なものとその解決法を、3つ紹介します。

もくじ

  1. アニメーションが連続してしまう
  2. セレクタに「#」や「.」を付け忘れる
  3. jQueryで追加した要素にイベントセレクタを指定しても、動かない

続きを読む

GoogleスプレッドシートのデータをJSONで取得してみた

2014/11/28
atsuko.a
  • このエントリーをはてなブックマークに追加

こんにちは、フロントエンドエンジニアのあつこです(ΦωΦ)
最近一段と寒くなってきましたが皆さんいかがお過しでしょうか。
私は寒さに弱いので、早速コートを出してきました。冬本番になったら何を着たらいいのだろう……

先日GoogleスプレッドシートのデータをJSONで扱う機会があったのでここで、ちょっとまとめておきたいと思います。

もくじ

  • 事の発端
  • Google Sheets APIとは
  • 4ステップでデータを取得する
  • JSON形式のデータをjQueryで整形する
  • まとめ

続きを読む

サイトの高速化で行なっていること

2014/11/21
てっちゃん
  • このエントリーをはてなブックマークに追加

img

こんにちは、てっちゃんです。
最近、急な気温で体調を崩されてる方が多いのでは無いでしょうか?
僕も先週から本調子ではなく、鼻声で仕事しています。
みなさんも体調には気をつけましょう。

さて、今回はサイトの高速化について普段行っていることを書いていこうと思います。

背景としては、回線速度が向上してきたことで速度を気にせずWebサイトの閲覧が出来るようになってきましたがそれにともないディスプレイも進化したことで高解像度の画像を扱うことが出来ます。これにより画像の容量が増え、スマホやタブレットといったデバイスでも遅延なしに閲覧できるようにしないといけない状態になってきました。また、google analticsにもWebサイトの速度が閲覧できるようになり、ひとつの指標となっています。

っということで、まずはツールの診断結果を見てWebサイトの改善ポイントごとに作業していきます。 続きを読む

Recent Entry

CSSの単位まとめ pxからvm/vh/vmin/vmaxまで

レスポンシブHTMLメールを作ってみての感想

CSSのリファクタリングでした5つのこと

大人が読んでも頭を使う絵本の紹介

サイト内にうまくInstagramを取り入れてるサイト11選

Category

Archive