CSSの変数(カスタムプロパティ)便利な使い方を詳しく解説

CSSの変数(カスタムプロパティ)の基礎知識、便利な使い方を詳しく解説します。Webページやスマホアプリのレイアウト、コンポーネントなど、実際の使用例がたくさんあるので、実用的なテクニックが満載です。

CSSの変数(カスタムプロパティ)の基礎知識、便利な使い方を詳しく解説

CSS Variables 101
by Ahmad Shadeed

続きを読む

2020年版!日本国内のWeb制作会社と実績が網羅されたWeb制作会社年鑑のPDFが、無料でダウンロードできます

昨年、当ブログでも紹介して好評だった「Web制作会社年鑑 電子版1冊まるごと無料」キャンペーンが、今年も実施されています。

無料期間は、2020年12月15日まで。
「Web制作会社年鑑2020」のPDF、電子版が無料でダウンロードできます。
定価4,800円が完全に無料です。総ページ数は400ページ、日本国内のWeb制作会社とその実績が網羅されており、Web制作者必携の1冊です。

自社や他社の実績を確認したり、Webサイトやスマホアプリのアイデアを見つけたり、転職時の参考資料やクライアントとして制作会社を探す時にも役立ちます。

「Web制作会社年鑑2020」のPDF、電子版が無料でダウンロードできます

続きを読む

UIデザイナーはダウンロードしておこう!iOS 14のデザインテンプレート・UI要素が揃ったAdobe XD用の素材がApple公式からリリース

先週リリースされたばかり、iPhoneやiPadに採用されているiOS 14のデザイン用のテンプレートやUI要素が揃ったAdobe XD用の素材を紹介します。

素材はAdobe XD用だけでなく、Photoshop用やSketch用も揃っており、9月に新しくなったSF Symbols 2もダウンロードできます。

iOS 14, macOS 11のAdobe XD用のUIデザイン素材

Apple Design Resources

続きを読む

Web制作者が持っておいて間違いない一冊!HTMLとCSSの必要な知識と最新テクニックをまとめて吸収できる良書

HTMLとCSSを真剣に学びたい人にお勧めの本を紹介します。
HTML5とCSS3の仕様書に基づいて、知識をしっかり身につけ、実践的なテクニックを本格的に学べます。Web制作者が持っておいて間違いのない一冊です。

実装の現場で必要とされる、リソースの先読みや画像の遅延読み込みなどの高速化テクニック、float時代のクリアフィックスを簡単に実現できるフロールートなど、必要な知識をまとめて吸収できます。

HTML5&CSS3デザイン 現場の新標準ガイド

続きを読む

Adobe XD 2020年10月の新機能!ついにVisual Studio Codeと連携可能に

昨日から開催されているAdobe MAX(10/23まで)と同時に、Adobe XDの最新アップデートがリリースされました!

今までになかったまったく新しい新機能をはじめ、さまざまな機能の強化、共同編集機能の正式版、中でもCCライブラリ強化とVS Code連携は、ワークフローがさらに改善されると思います。

Adobe XD 2020年10月の新機能

Adobe XDの新機能

続きを読む

CSSの新しい疑似クラス関数「:is()」複数のセレクタを1つにまとめることができて、これは便利

CSSの新しい疑似クラス関数「:is()」が便利すぎるので紹介します。

:is()については、以前の記事で紹介した時はプレビュー版のみのサポートでしたが、ブラウザのサポートも進み、来年には普通に使用できるようになるかもしれません。

CSSの新しい疑似クラス関数「:is()」

画像はツイートより

続きを読む

通常は有料だけど、今週末まで無料!おしゃれなデザインにぴったりな手書きフォント -Strings

通常は有料ですが、今週末まで無料でダウンロードできる、おしゃれなデザインにぴったりな手書きフォントを紹介します。

本来は有料なだけあってかなり高品質。フォントファイルは.otfと.ttfでWindowsでもmacOSでも利用でき、さらにWebフォントも含まれています。
期間中にダウンロードしておけば、いつでも使えて、再ダウンロードも無料です。

フォントを使用したデザイン例

Strings // Handwritten Script Font

続きを読む

NginxからCaddyに変更した際の作業手順、デザイナーにもお勧めの簡単で高性能なWebサーバー

WebサーバーをNginxから、高性能で簡単に構築できるCaddyに変更した際の作業手順を紹介します。

Caddyはクラス最高のセキュリティを誇る、HTTPSを自動的にデフォルトで使用する唯一のサーバーです。証明書の自動更新やTLSクライアント認証なども備えており、Webサーバーとしてもファイルサーバーとしても利用できます。LinuxやBSDをはじめ、WindowsやmacOSでも動作します。

WebサーバーをNginxからCaddyに変更した際の作業メモ

Goodbye Nginx, hello Caddy
by Hanna

続きを読む

top of page

©2020 coliss