最近のロゴのデザインに使われている、注目しておきたいデザイントレンドのまとめ -Logo Design Trends 2019

本格的なロゴをオンラインで作成できる「Logaster ロゴメーカー」で、2018年に作成されたロゴから人気だったロゴのデザインを調査・分類し、2019年に注目しておきたいロゴデザインのトレンドを紹介します。

2019年、ロゴデザインのトレンド

ロゴデザインのトレンド2019年

続きを読む

HTMLとCSSを真剣に学びたい人にお勧め!Web制作の実務で使える知識とテクニックをしっかり学べる解説書

Web制作の現場で使える知識がしっかりと身につくHTMLとCSSの解説書を紹介します。
HTMLとCSSは仕様に基づいた詳しい解説で、実装ではデザインにプラスアルファの効果を与える知識とテクニックをしっかり学べる一冊です。

正しい技術をしっかり身につけたい人に特にお勧めします。

本の表紙

続きを読む

Webサイト・スマホアプリの制作者がカラーとアクセシビリティについて知っておくべきこと

アクセシビリティ、カラーのコントラストは日増しに重要性が高まっています。
Webサイトやスマホアプリなどデジタルメディアのデザインで、コントラストが適切なカラーを簡単に見つけることができるオンラインツールを紹介します。

コントラストが確保されたぎりぎりのグレーなど、自分の使用したい色味で最適なコントラストを見つけることができます。

サイトのキャプチャ

Color.review

続きを読む

こういうのを待ってた!和のデザインにぴったりな日本語有料フォント40種類を3,200円で購入できるセールが開催

和のデザインにぴったり!Webサイトや同人誌などデジタルでも紙のプロジェクトにぴったりな日本語の有料フォントが、67%オフの3,200円で購入できる期間限定の特大セールを紹介します。

販売期間は、4月2日12時まで。
フォントはWebデザイン、アプリ、動画、紙のデザインなどに利用でき、クライアントのプロジェクトでも販売する同人誌に使用してもOKです。

フォントのキャプチャ

和風デザインフォントコレクション

続きを読む

便利なのが登場!スマホにもスクロール時に滑らかなアニメーションを適用できる超軽量スクリプト -lax.js

デスクトップでもスマホでもスクロールした際に、非常に滑らかで美しいアニメーションを簡単に実装できるシンプルで2Kbの超軽量JavaScriptを紹介します。

他のスクリプトへの依存は無く、ReactやVue.jsもサポートされています。

サイトのキャプチャ

lax.js -GitHub

続きを読む

Web制作者が見落としがちな、ハンバーガーメニューをスマホに実装する時の注意すべきポイント

スマホでWebサイトを見ると、Appleをはじめ、DisneyやWikipediaやThe New York Timesなど多くのサイトでハンバーガーメニューが採用されています。Web制作者が見落としがちなハンバーガーメニューをスマホに実装する時の注意すべきポイントを紹介します。

特に、メニューをposition:absolute;で配置している場合は注意が必要です。

サイトのキャプチャ

The mistake developers make when coding a hamburger menu
by Jared Tong

続きを読む

人気の「配色アイデア手帖」Kindleセールに早くも登場!デザイン書・絵師さん系・iPhoneアプリ開発入門なども

開催期間が非常に短いですが、SBクリエイティブの人気書籍がKindleセール開催です!
セールは50%ポイント還元となっており、Amazonのポイントとして半額分還元されます。
期間は、2019年3月21日(木) 23時59分まで。

デザイン系、PhotoshopやIllustratorの解説書、同人誌や絵師さん系の本だけでなく、HTMLやWordPressの解説書、去年暮れに発売された超人気書『iPhoneアプリ開発「超」入門』も対象になっています。
SBクリエイティブはあまりセールされないので、貴重なこの機会をお見逃しなく!

サイトのキャプチャ

Kindle SBクリエイティブキャンペーン

SBクリエイティブキャンペーン ライトノベルでは人気ラノベの最新刊もセール対象です。

続きを読む

CSSで実装されたボタンのかわいい動きに思わずクリックしたくなってしまうCSSアニメーションの実装方法

ボタンをクリックするためにホバーすると、ボタンがゆらゆら揺れるかわいいアニメーションに思わずクリックしたくなってしまうCSSアニメーションを紹介します。

ボタン自体だけでなく、文字が少し遅れて揺れるのもいいですね。

デモのアニメーション

CSS button hover

続きを読む

top of page

©2019 coliss