このページの本文へ

【週末まとめ読み】Web制作にもテストが必要!? CSSの先祖返りで疲弊しない方法

2016年08月19日 18時00分更新

文●Web Professional編集部

  • この記事をはてなブックマークに追加
本文印刷

デザイナー、エンジニア、マーケターの「掛け算」のスキルアップを応援するパスファインディング・メディアWPJより、この週末に読んでおきたい注目記事をまとめて紹介。

今週は、CSSの先祖返りを防ぐビジュアルテストの方法、本のデザインとWebデザインについてのCSSキーパーソンインタビュー、Sketchで作ったUIのコード変換など、話題の記事を中心に8本をセレクト。

平日は忙しくてチェックできなかった人も、休日にゆっくりまとめ読みしてみては?

デザイナー、エンジニア、マーケターの「掛け算」のスキルアップを応援するパスファインディング・メディアWPJより、この週末に読んでおきたい注目記事をまとめて紹介。

今週は、CSSの先祖返りを防ぐビジュアルテストの方法、本のデザインとWebデザインについてのCSSキーパーソンインタビュー、Sketchで作ったUIのコード変換など、話題の記事を中心に8本をセレクト。

平日は忙しくてチェックできなかった人も、休日にゆっくりまとめ読みしてみては?

【今週の一番人気】やばっ!CSSの先祖返りで消耗したデザイナーにはビジュアル自動化テストがおすすめ

CSSを修正したらデザインがいつの間にか先祖返りしていたり、別の部分に影響して崩れてしまったり…そんなトラブルを防ぐのが、ビジュアルリグレッション(回帰)テスト。変更したらテスト。これからの常識になりそうです。

WPJで記事を読む

【ソーシャルで話題】本のデザインもWebデザイナーの仕事になる? CSSのキーパーソンに聞いた

パソコンのWebブラウザーから飛び出し、どんどん進化しているCSS。近い将来、電子書籍だけでなく、紙の本も「CSSで組む」時代が当たり前になるかもしれません。

WPJで記事を読む

【アプリ開発者も必読】Sketchで作ったUIはコードに変換!デザイナーはもう@2xとか気にしなくていい!?

スマホアプリのUIの実装ってどうしていますか?PaintCode Plugin for Sketchを使えば、Sketchで作ったUIを@1x、@2x…と書き出す必要がなくなり、デザイナーもエンジニアも幸せになれそうです。

WPJで記事を読む

【知っておきたいTips】カッコいいけど遅すぎる! JSのスクロールイベントを改善するベストな方法

パララックスや横スクロールなど、スクロールイベントを使ったおしゃれなWebページ。どうにも重たいその原因はイベントの処理にあるかも?

WPJで記事を読む

【ディレクターにもおすすめ】もう試した?無料で使えるUIデザインツールAdobe XDにアドビの本気度を見た!

モバイルアプリのUIデザインといえばSketchを使っているデザイナーが多いようですが、アドビがこの春リリースした「Adobe XD」もすごい勢いで追いつこうとしています。特に効率化のための機能は必見です。

WPJで記事を読む

【しっかりお勉強】jQueryはもうしんどい…フレームワーク初心者ならVue.jsから始めてみたら?

jQueryは超便利。でも、ちょっとアプリっぽいものを作るには見通しも悪いし、後々のメンテナンスも大変…。Angunlar.jsやReact.jsよりもシンプルで触りやすい、Vue.jsから始めてみてはいかが?

WPJで記事を読む

【マーケター必読】Twitterがいつの間にか超絶進化!新ダッシュボードで企業アカウント運用が捗る

Twitterが6月末にリリースした新しいダッシュボード、もう使っていますか? 投稿日時を指定する予約投稿や、自社に関連したツイートを自動表示する機能など、企業アカウントの運用が捗る機能が盛りだくさんです。

WPJで記事を読む

【週末おすすめ】まだ手作業でやってるの?Node.jsと自作アプリで快適すぎる開発環境が作れるぞ

Node.jsをせっかく使ってるなら、面倒な作業はもっとラクにしちゃいましょう。Gitリポジトリの初期化のステップを省力化するアプリを例に、コマンドラインアプリの作り方を紹介。

WPJで記事を読む

Web Professionalトップへ

WebProfessional 新着記事