プラカンブログSTAFF BLOG

SUGIYAMAの記事一覧

2017.10.13

YouTube APIを触ってみよう【導入編】

こんにちは、デザイナーのSUGIYAMAです。 最近はYouTubeはもちろん、TwitterやFacebook 、InstagramなどのSNS、Webサイトの広告としても動画はいたるところで使...

2017.09.19

CSS3 Media Queriesを使った場合に起こる、印刷の落とし穴

こんにちはデザイナーのSUGIYAMAです。 案件でよくレスポンシブデザインのサイト作るのですが、CSS3の「Media Queries」を使用していた時、印刷プレビューすると「違うスタイルが適用さ...

2017.08.28

画像を軽量化。おすすめ画像圧縮サービス

こんにちはデザイナーのSUGIYAMAです。 最近のデザインはブラウザ幅いっぱいに画像を使用したり、Retinaディスプレイ対応するため画像サイズを倍にしたりと、大きい画像を多用することが増えてきま...

2017.06.13

SVGのパスを手軽にアニメーションを実装できる! jQuery DrawSVGのお話

こんにちは、デザイナーのSUGIYAMAです。 今回はSVGパスを手軽にアニメーションできるプラグイン「jQuery DrawSVG」を紹介します。 [codepen_embed height="...

2017.04.11

いい加減使いたい!CSS3アニメーション 【Animation編】

こんにちは、デザイナーのSUGIYAMAです。 今回はAnimationについての簡単な説明と、記述方法などをご紹介します。 CSS3にはTransitionとAnimationという機能があり...

2017.04.06

いい加減使いたい!CSS3アニメーション 【Transition編】

こんにちは、デザイナーのSUGIYAMAです。 CSS3にはTransitionとAnimationというアニメーションを行う機能があります。 今までJavaScriptで行ってきたアニメーショ...

2017.02.09

いい加減使いたい!CSS3プロパティまとめ

こんにちは、デザイナーのSUGIYAMAです。CSS3が登場してだいぶ経ちますが、出た当初は対応していないブラウザの影響でどうしてもフルに活用しずらい印象でしたが、そろそろ使いやすい環境が整ってきたか...

2016.10.20

意外と忘れがち?CSSで要素を上下左右に中央配置する方法

こんちにはSUGIYAMAです。 デザイナーって肩書ですが、結構コーディングも楽しくやっています。 さて、コーディングって一つのやり方を覚えてしまうとそれに固執してほかの方法を忘れたりしません...

2016.09.13

カスタマイズしやすいモーダルギャラリー「magnificPopup」の使い方

こんにちはデザイナーのSUGIYAMAです。 今回はコーポレートサイトの実績紹介でも使用しているモーダルウィンドウ系ギャラリー「magnificPopup」をご紹介します。公式サイトhttp://di...

2016.08.08

釣りに役立つおすすめアプリ集

こんにちは週末になると釣りに行きたくてウズウズしているSUGIYAMAです。 今回は釣りに行く際、スマホのアプリで使えそうなものをまとめてみた。 釣るまで編 Yahoo!天気 http:...