New
-
gulpでサイト内のscssを同階層のcssにそれぞれ書き出す
3月14日「gulp-ruby-sass」使ってますか。 有名なパッケージですが、 サイトのディレクトリ構造次第で、コンパイルに手間がかかったりします。 例えば、僕の場合だと、サイト内の/scssディレクトリから、同階層の/css […]
Read
-
デザインやコーディングの文字組に最適？よくある日本語フォントをリアルタイムで調整→確認するツール
12月20日みなさんは、デザインを造ったり、もしくはデザインなしでコーディングを始めるとき、文字組みをどうしていますか。 最近のトレンドだと○○pxかな？ さすがに16pxはデカいような… スマホで基本文字サイズが12pxって大きい […]
Read
-
javascriptでスマホのスクロールをキャンセルする方法（と、再開する方法
11月1日javascriptで、スマホのスクロールを制御する方法をご紹介します。 ハンバーガーメニューを開いたとき、画面のスクロールを停止する例を実装します。 ぼちぼち役立つ時があると思うので、頭の片隅に置いてみてください。 ス […]
Read
-
TweenMaxでWebサイトによく使われるアニメーションを実装してみた
9月21日アコーディオン、メニュー、ローディングアニメーションにjQueryは不要 先日、アニメーションライブラリ「TweenMax」について記事を書きましたが、それを利用して、Webサイトに用いられる基本的な動き（アコーディオン […]
Read
-
jQueryよりスムーズ。アニメーションライブラリTweenMaxの基礎とデモ
9月21日jQuery無しでアニメーション。TweenMaxを使ってサイトをコーディング 今更ですが、アニメーションライブラリ「TweenMax」を触ってみました。 かなり高度でスムーズなアニメーションが実装できますが、理屈はかん […]
Read
Profile
東京でWebデザイナー・コーダーとして、フロントエンド的なことからデザイン思考的なことを考えたりして、ごにょごにょと活動中。（ポートフォリオ）Webクリエイターでは珍しい(?) HIPHOP, R&B好き。休日はよくカフェや漫画喫茶に出向いたりパン屋に行ったりコーヒ豆買いに行ったり、主に散歩しています。。デザインのトレンドやデザイン思考、HTML、CSSからSASS、Javascript、Wordpress構築などコーディングのTIPSなどをブログにアップしていきます。その他のことはtwitter( @satohmsys )まで。コーヒー友達募集中。