このページの本文へ

【週末まとめ読み】レスポンシブをメディアクエリなしで実現する5つのCSSトリック

2017年03月31日 17時00分更新

Web Professional編集部

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

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

今週は、レスポンシブデザインをメディアクエリなしで実現、LaravelのテストライブラリーDusk、3Dマップを作れるeegeo.jsなど、話題の記事を中心に8本をセレクト。

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

【今週の一番人気】 これはすごい! メディアクエリなしでレスポンシブを実装するCSSトリック5選

01.png

メディアクエリーのようにビューポートではなく、コンテナの幅に応じてレイアウトを柔軟に調整するテクニックを紹介。calc関数を上手に活用した、マニアックなCSSトリックたちです。

WPJで記事を読む

【しっかり勉強】 もうブラウザーテストに手間取らない!Laravel Duskで自動化しよう

02.png

複雑なシンプルページアプリケーション(SPA)こそテストが大事ですが、手作業でやるには大変。そこで、Laravelのテストライブラリー「Dusk」を使ってみましょう。

WPJで記事を読む

【とりまブクマ】 なんじゃこりゃ!かっこよすぎる3Dマップが作れるeegeo.jsにしびれた!

03.png

まるでゲームのような豪華で楽しい3Dマップをブラウザー上に手軽に表示できるWebサービスAPIの登場です。現時点では日本地図は対応していませんが、とてもわくわくするサービスですね。

WPJで記事を読む

【知っトクと重宝】 「うわっ、多すぎ」フォント選びの悩みを解決するデザイナー向け無料ツール

04.png

新しいフリーフォントや定額制フォントを入れすぎると、多すぎて選べなくなることってありますよね。そこでブラウザー上で見やすくフォントが選べるツールを紹介します。

WPJで記事を読む

【週末おすすめ】 誰も教えてくれない、JavaScript初学者がプログラムを書けるようになる方法

05.png

JavaScriptに限らず、プログラミングの基本を学んだら何か動くモノ(プライベートプロジェクト)を作ってみたくなります。でも実際にどうやって進めたらいいのでしょうか?

WPJで記事を読む

【エンジニア必読】 PHPで非同期処理ライブラリーを書く:HTMLをPDFに変換する

06.png

PHPの非同期処理に関するトピックはいつも議論されています。非同期処理サーバーの構築や、ドメイン名の名前解決、ファイルシステムとのやりとりは簡単です。独自の非同期処理ライブラリーの作成が難しいのです!

WPJで記事を読む

【エンジニア必読】 最強の「Microsoft Bot Framework」とElectronで実用チャットボット作ってみた

07.png

チャットボット全盛時代。ElectronとMicrosoft Bot Frameworkを使って、スクラム開発のためのちょっとまじめなチャットボットを作ってみました。

WPJで記事を読む

【ソーシャルで話題】 もっと優れた開発者になりたければ、いますぐコーディングをやめなさい

08.png

優れた開発者になるためには、どうすればいいのか。インポスター症候群に陥ることの多い開発者への暖かいメッセージです。

WPJで記事を読む

Web Professionalトップへ

Web Professionalトップページバナー

WebProfessional 新着記事

ASCII.jp会員サービス 週刊Web Professional登録

Webディレクター江口明日香が行く