Web制作
CSSのネスト（入れ子）の使い方｜Sassなしで書ける新常識を解説
CSSに標準搭載されたネスト（入れ子）の書き方を初心者向けに解説。Sass不要で.cssにそのまま書け、つまずきやすい「&」の使いどころや対応ブラウザ、Sass…
Webデザイン
Webデザインの基本やレイアウト、配色、見やすいページ作りの考え方を解説。使いやすく伝わりやすいサイト制作のヒントをまとめています。
Web制作
100vhがスマホで見切れる原因と解決法｜CSSのsvh・lvh・dvhの使い分け
height:100vhなのにスマホでボタンが見切れる…原因はアドレスバーの伸縮です。CSSの新単位svh・lvh・dvhの違いと使い分け、コピペで直せる書き方…
Web制作
Webサイトのフォント選び方｜Noto・Helveticaから学ぶ最適なフォント設計
Webサイトのフォント選びで迷ったことはありませんか？Noto FontsやHelveticaなど有名フォントの背景をもとに、フォントの思想と用途別の最適な選び…
Web制作
Bootstrapで5カラムレイアウトを実現する方法（標準ユーティリティとカスタムCSS）
Bootstrapで5カラムレイアウトを作成する方法を紹介。12分割システムをカスタムCSSで調整し、レスポンシブ対応の5カラムレイアウトを実現します。
ネタ
【画像】IBMが「街中に設置した広告」のアイデアが最高に洗練されていると話題
IBMが街中に設置した広告のアイデアが最高に洗練されているとツイッターで話題に。アイデアはもちろんですが、シンプルなデザインがまたお洒落でいい感じです。「広告」…
ネタ
世界の都市を東京にしたら…！？「世界東京化計画」が面白い
「世界中の都市がもし東京にあったら」というテーマで製作された作品「世界東京化計画（Worldwide Tokyo-lization Project）」を紹介。こ…
Web制作
Photoshop CCで起動時やファイルを開くと強制終了する時の解決方法
Photoshop CCでファイルを開くと100％クラッシュする現象に遭遇しました。再起動しても、再インストールしても、バージョンを変えてもダメ。今回はPhot…
Web制作
SVGの基本と活用法！リンク設定とカラー変更の方法を解説
SVGファイルの特徴やメリット、リンク設定とカラー変更方法を徹底解説。スマホ対応や高解像度ディスプレイ向けのデザインに役立つ基本知識を紹介します。
Web制作
フォント選びの参考に。Webデザインでもっとも人気が高いフリーフォントは？
Webでもっとも人気があるフリーフォントなど、Webの様々なトレンドについてAvocode 2016 Web Design Reportでまとめられていたのでご…
Web制作
PhotoshopとIllustratorで使いこなす！作業効率を上げるショートカットキー
PhotoshopとIllustratorのデザイナー必見のショートカットキーを日本語でまとめた早見表を紹介。作業効率を飛躍的にアップさせるコツも解説します。