一気に疑問が解ける!デザインの良書、プロのデザイナーとして必要な知識が得られる -デザインの基本ノート

プロとしてのデザイン制作に自信がない、プロのデザイナーになりたい、今まで手つかずだったデザインのテクニックを習得したい、著作権ってどうすればいいの、デザイン料金を算出するベースが欲しい。

デザインに関する知識やテクニックだけでなく、著作権やデザイン料金の算出方法など、プロのデザイナーとして必要な知識を真剣に学びたい人にお勧めの良書を紹介します。

本のキャプチャ

続きを読む

保存しておくと便利!CSS Flexboxでよく使用するコードがまとめられたCSSのスニペット集

ヘッダでロゴを左寄せにしたり、検索窓を右寄せにしたり、画像をページの中央に配置したり、ページ上のあらゆる要素を揃え整列させるFlexboxをベースにしたスタイルシートのスニペットを紹介します。

サイトやブログの全体で利用できるユーティリティのclassとして、保存しておくと便利なスニペット集です。

CSS Flexboxでよく使用するコードがまとめられたスニペット

Speed up alignment in CSS with Flexbox utility classes
by CodyHouse

続きを読む

Gutenbergの準備がまだの人に、WordPressのGutenbergを無効化する方法のまとめ

8月2日にリリースされたWordPress 4.9.8で、次期エディタである「Gutenberg」がダッシュボードに表示され、驚いた人も少なくないと思います。正式な実装は数ヵ月後に予定されており、これは一部の人にとっては素晴らしいニュースであり、他の人にとってはそれほど素晴らしいニュースではないかもしれません。

Gutenbergが正式に実装されると多くのサイトやブログに影響を与えます。一つの選択肢として、Gutenbergを無効化する方法を紹介します。

サイトのキャプチャ

How to Disable Gutenberg: Complete Guide

続きを読む

コードはわずか384bytes!HTML/CSS/JavaScript対応、ブラウザからすぐに利用できる超軽量エディタ -TinyEditor

CodePenのようなブラウザですぐ利用できる、HTML/CSS/JavaScript対応の超軽量の即席エディタを紹介します。

コードはわずか384bytes!
ブラウザのアドレス欄にコピペするだけで、すぐに利用できます。

サイトのキャプチャ

当ブログでも人気だった「Cat Swinging on String」をエディタに書いてみました。

続きを読む

英語フォントのバリエーションをプロ仕様の高品質なもので揃えたいと考えている人にぴったりな超お買い得セール

そろそろ、英語フォントのバリエーションを高品質なもので揃えたいなと考えている人にぴったりな、超お買い得のセールを紹介します。
$29(約3,226円)で、$2,236(約248,788円)分のフォントを購入できます。

販売期間は、8月21日12時までとなっています。

フォントはWebデザイン、アプリ、動画、ゲーム、紙のデザインなどに利用でき、クライアントのプロジェクトでも販売する同人誌に使用してもOK。

フォントのキャプチャ

The Designer's Essential Font Selection

続きを読む

[CSS]知っておくと便利!スマホで要素を高さいっぱいに表示したいのに、期待通りに表示されない時の解決方法

ビューポートを使った単位(vw, vhなど)は、特にスマホの各ブラウザにおいて複雑です。例えば、vwのスクロールバーを考慮する必要がありますか? サイトのナビゲーションやページコントロールはどうでしょうか? それらは計算に含まれますか?

スマホで要素をビューポートの高さいっぱいに表示したいのに、期待通りに表示されない時の解決方法を紹介します。

高さいっぱいの要素を表示

The trick to viewport units on mobile

続きを読む

[JS]実装が簡単で、操作も快適!スクロールに対応したコンテンツを実装できる超軽量ライブラリ -SimpleBar

スクロールバーをカスタマイズしてコンテンツを設置できるJavaScriptのほとんどは、スクロールの挙動が独自だったりします。ブラウザのネイティブのスクロール操作を使用し、快適に動作するコンテンツを実装できるライブラリを紹介します。

5kBの超軽量で、他スクリプトの依存はありません。また、IE9+対応なのも安心ですね。

サイトのキャプチャ

SimpleBar
SimpleBar -gitHub

続きを読む

コードが非常に見やすくて、使いやすい!Visual Studio Codeでお勧めのテーマファイル -Code Blue

目に優しいブルーの背景に、コードは明るいカラーで非常に見やすいVisual Studio Codeのテーマファイルを紹介します。一般的な言語はすべてサポートされており、HTML, CSS, JavaScriptをはじめ、Markdownも見やすいテーマです。

Visual Studio Codeのテーマ: Code Blue

Code Blue
Code Blue -GitHub

続きを読む

top of page

©2018 coliss