Kindleセール「読書の秋キャンペーン」が開催! Web制作やUIデザイン、イラスト関連の良書が半額で、超お買い得です

Kindle本読書の秋キャンペーン」で、Webや紙のデザイン、Web制作、プロジェクト管理、同人誌・絵師さん向けのイラスト関連の良書がたくさん対象です!

セール期間は2022年10月13日(木)まで。
あまりセール対象にならない本もあるので、お見逃しないように!

セール対象のKindle本

【最大50%OFF】Kindle本読書の秋キャンペーン

続きを読む

イラストやデザインの静止画を思い通りに動かしてみたい人にオススメの解説書 -イラレユーザーのためのAfter Effects入門

デザインやイラストの静止画を思い通りに動かせたら楽しいのに、どんな動きをつければよいのか分からない、そんな制作者・クリエイターにぴったりなAfter Effectsの解説書を紹介します。

案件で動画やアニメの依頼が増えてきたというWeb制作者やイラストレーターの人にお勧めの一冊です。IllustratorやPhotoshopは使えるけど、動画やモーショングラフィックスはまだという人に特にお勧めします。

イラレユーザーのためのAfter Effects入門

続きを読む

分かると、実に、おもしろい! QRコードの仕組み

少しマニアックな知識、QRコードの仕組みを紹介します。

QRコード決済、リンクをQRコードで提供するなど、日常的に使用されているQRコードにあるそれぞれのパターンがどのように機能しているか、どういう役割をしているのか、なぜ上下逆さにしても読み取れるのか、なぜ一部が隠されても読み取れるのかなどが分かります。

QRコードの仕組み

QR codes
by Dan Hollick (@DanHollick)

続きを読む

CSSのz-index: 10000;はいらなくなる、要素を最上位に表示する「最上位レイヤー(top layer)」の基礎知識と使い方

ポップアップやダイアログやフルスクリーンモードを実装する時などによく使用されるCSSのz-index: 10000;が必要なくなります。

Chrome 105のデベロッパーツールで「最上位レイヤー(top layer)」がサポートされました。この最上位レイヤー要素は、z-indexが最も高い要素の上に表示され、かならずドキュメントの最上位に表示されます。

最上位に表示したいコンポーネントをHTMLの最下部や最上部に記述したり、CSSのz-index: 10000;で最上位に昇格させる必要はありません。

要素を最上位に表示する「最上位レイヤー(top layer)」の基礎知識と使い方

Meet the top layer: a solution to z-index:10000
by Jhey Tompkins

続きを読む

これは便利すぎる! Webサイトやスマホアプリのターゲットブラウザを決める時に役立つツール -Browserslist

ターゲットブラウザを決める時に役立つ便利なツールを紹介します。

条件は細かく設定でき、下記は日本のユーザーを対象、シェアが0.2%以上あり、現在サポートされていないブラウザを除いたものです。iOSのSafariが多く、Chrome for Android, Chrome for desktopと続いています。

ターゲットブラウザを決める時に役立つ便利なツール -Browserslist

Browserslist
Browserslist -GitHub

続きを読む

古いモックアップ素材はアップデート! iPhone 14, iPhone 14 Proのディテールまで忠実に再現されたモックアップ素材のまとめ

2022年9月にリリースされたiPhone 14, iPhone 14 Pro, iPhone 14 Pro Maxのベクターで作成されたモックアップ素材を紹介します。

Webサイトやスマホアプリのプレゼン・UIデザインで使える高品質で、ディテールまで忠実に再現されたモックアップ素材で、Adobe XD, Figma, Photoshop, Illustratorなど、さまざまなフォーマットが揃っています。

iPhone 14, iPhone 14 Proのモックアップ素材のまとめ

続きを読む

背景画を魅力的にするポイントがよく分かる! 全ページが保存版のイラスト指南書 -パースと背景画 基本から演出までのすべて

建築物がある背景画はどうすれば魅力的に伝わる表現にできるのか。
イラスト、マンガ、アニメ、ゲーム、建築の各界のスペシャリスト達が背景画の一歩踏み込んだ表現方法について解説したイラスト指南書を紹介します。

背景画を魅力的に描くための基本からさまざまなテクニック・演出方法だけでなく、駅や学校、オフィス、コンビニなどの日常背景にある建築物の寸法や名称を記した背景画を描くときに役立つ資料も充実しています。

パースと背景画

続きを読む

HTMLだけでスマホのカメラにアクセスできるの知ってた? 前面・背面カメラにアクセスできるHTMLのcapture属性

HTMLだけでスマホやタブレットのカメラにアクセスできる、HTMLのcapture属性を紹介します。

私はこの属性を知らなかったのですが、実際にiPhoneとiPadで試してみたところ、前面カメラにも背面カメラにもアクセスできました。JavaScriptなどは必要なく、簡単なHTMLでできます。

HTMLだけでスマホのカメラにアクセスできるHTMLのcapture属性

You Can Access A User’s Camera with Just HTML
by Austin Gil (@heyAustinGil)

続きを読む

top of page

©2022 coliss