CREATOR BLOG

「atsuko.a」の記事の一覧

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

2015/10/16
atsuko.a
  • このエントリーをはてなブックマークに追加

こんにちは、フロントエンドエンジニアのあつこです(ΦωΦ)
今回は、現行サービスのCSSをリファクタリングした話とどんな影響があったかをまとめたいと思います。

もくじ

  1. 経緯とか
  2. 実際にした5つのこと
  3. まとめ

続きを読む

【エンジニア向け】さっくりそれっぽい発表資料を作ろう

2015/09/10
atsuko.a
  • このエントリーをはてなブックマークに追加

こんにちは、フロントエンドエンジニアのあつこです(ΦωΦ)
今日は、LT等で使うちょっとした発表資料をさっくりそれっぽく作る方法をまとめてみました。

あくまで見た目の話なので、お話の組み立て方等はご自由にしてもらって大丈夫です。
本記事ではMac専用アプリ「Keynote」を使用していますが、おそらくPPT等でも同じことが出来ると思います。(多分)
デフォルトのテーマじゃ嫌だけど、上手にまとめられない!な方は参考にしてみてください✌('ω')✌

ちなみに図が多いので長いですが内容はそうでもないです。
もくじ

  1. 色を決める
  2. マスタースライドとガイドを整える
  3. いろいろなものを揃える
  4. その他細かいTips
  5. まとめ

続きを読む

Sassで色空間『HSB』を扱う関数を作った話

2015/07/17
atsuko.a
  • このエントリーをはてなブックマークに追加

こんにちは、フロントエンドエンジニアのあつこです(ΦωΦ)
先日どうしてもSassでHSBを使用したかった際の、経緯と対処法を紹介します。

もくじ

  1. RGBとHSLとHSB
  2. 何故HSBなのか
  3. RGBとHSBの相互変換関数を書く
  4. まとめ

続きを読む

社内イベント「UIの会」を開催ました

2015/06/26
atsuko.a
  • このエントリーをはてなブックマークに追加

こんにちは、フロントエンドエンジニアのあつこです(ΦωΦ)
今回は先日開催した社内イベント「UIの会」のざっくりレポートをしたいと思います。
続きを読む

StyleStats+αでCSSを継続的にチェックする(4/6追記あり)

2015/04/03
atsuko.a
  • このエントリーをはてなブックマークに追加

こんにちは、フロントエンドエンジニアのあつこです(ΦωΦ)
春ですね!新年度ですね!一年が過ぎるのがどんどん早くなっていく気がします…

今回はStyleStatsというツールを使ってCSSの健康チェックをしたいと思います。
それだけではつまらないので、+αとして健康状態のデータを継続的にJSONファイルに溜めるようにしてみましょう。

ついでに出てきたファイルを使ってD3.jsでグラフを書きます。

もくじ

  • StyleStatsってなに?
  • 使ってみる
  • ファイルに吐き出してみよう
  • おまけ:D3.jsでグラフをつくろう
  • まとめ

続きを読む

Recent Entry

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

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

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

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

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

Category

Archive