Laravel Mix なら設定3行だけで webpack/Sass/JS のビルド環境ができました
Laravel Mix って? Laravel Mix は PHPのフレームワーク Laravel に同梱されているビルドツールです。webpack をベースに作られていて、設定の記述量が少なく済むのが特徴。また、Lar…
Laravel Mix って? Laravel Mix は PHPのフレームワーク Laravel に同梱されているビルドツールです。webpack をベースに作られていて、設定の記述量が少なく済むのが特徴。また、Lar…
WordPressにそんなに慣れていない状態の人間がハマった表題の問題と、その対応についてです。 背景 WordPressのfunctions.phpでカスタム投稿タイプに紐づけたカスタム分類を設定したところ、 管理画面…
以前Pug(Jade)を使った制作環境を作る方法を紹介しました。 Pug(Jade)で効率的なマークアップ環境を作る 今回はPugでマークアップをしていくときに、よく使う書き方を紹介します。 ベースになるルールは9個あり…
CSS Niteで発表されたコーダー白書2016(19ページを参照)によると、業務でHTMLコーディングをしている人のうち、約70%がSassを日常的に使っているそうです。 CSSプリプロセッサーにはStylusやLES…
はじめに:HTMLメールを取り巻く環境 HTMLメール、作ってますか? マーケティングオートメーションと組み合わせたメールマガジンや、アプリケーションの通知メールなど、多くのプラットフォームがメール配信を行っていますが、…
レスポンシブWebデザインではメディアクエリ(media queries)を書くことが多くなります。通常のCSSではブレイクポイントを変更したくなったときに、すでに書いてしまった箇所を直していくのはとても大変です。 Sa…
PowerCMSを用いて開発する際、ウェブサイト上のページのレイアウトが縦長であった場合に入力用のカスタムフィールドの数が増えて投稿画面が縦長になり見にくい管理画面になりがちです。投稿画面が縦長にならない方法を探してみま…
JavaScript の新仕様である、ECMAScript 2016 (以下ES2016) がリリースされました。 ES2015 はもう普通にバリバリ使ってるよという方も多いと思いますが、まだ手を出していない、って人も結…
サイズや比率がバラバラの画像を、CSSで同じサイズにトリミング(はみ出た部分をカットして表示)する方法を紹介します。 運用案件やCMSなど、更新の度にサイズ・比率がバラバラの画像がアップロードされてしまい、レイアウトが崩…
最近、Windows環境の方に gulp をセットアップするお手伝いを連続でやっておりましたので、手順をまとめておきます。 Mac だとすんなりいくインストールも、Windows だと妙なハマり方をすることがあるので、ご…