CREATOR BLOG

「JavaScript」の記事の一覧

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

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

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

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

続きを読む

2014年僕が個人的に気になったツール・サービスなどなど10選

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

こんにちは!てっちゃんです。
今日は12月24日クリスマスイブですね。皆さん今夜は予定があるんですかね?
僕は安定の...(´・ω・`)

年末になりボチボチ今年を振り返ろうかなって時期なので今年のまとめとして僕が個人的に気になった2014年のツールとかサービスを10選ほどご紹介しようと思います。
選定と感想は僕の独断と偏見なのであしからず。 続きを読む

クリエーターのためのD3.js入門 ~つまみ食い編 D3.jsのラップライブラリ~

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

普段javascript触らないクリエーターさん向けにD3.js入門を書こうとして、
記事ボリュームがありすぎたため困惑している近藤です。

さて、モチベーション途切れかかったとき、みなさんは何をしますか?
私と子供たちは、つまみ食いをして、ちょっと休憩します。
つまみ食い目的で行動したりもします。

「手っ取り早く」「ちょっとだけ空腹を癒せる」
のがつまみ食いの定義だとすると、
D3.jsのラップライブラリは「D3.jsのつまみ食い」にあたるのではないかと、勝手に思いました。

今回は、本編に入る前のさらに余談として、
D3.jsのラップライブラリを紹介したいと思います。


続きを読む

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