iPhoneでの撮影もこれでばっちり！ スマホやデジカメで被写界深度がどのように変化するかが分かる無料ツール -Depth Of Field Simulator

Post on:2024年5月29日

iPhoneで焦点距離を選べるけどどれがいいの、カメラのF値はどうすればいいの、そんな時はこの記事で紹介する被写界深度シミュレーターが役立ちます。 スマホ、Webカメラ、デジタルカメラなどの被写界深度がどのように変化する […]

Web制作者はダウンロードしておきたい！ CSS関連の最新版チートシートのまとめ

Post on:2024年5月28日

CSS GridやFlexboxで配置するプロパティ値は？ 先頭の3つだけを指定するセレクタは？ という「あれは何だっけ？」に役立つのが、チートシートです。 CSS GridやFlexboxの各プロパティ・値でどのように […]

商用利用無料！ ゴシック調の新作日本語フリーフォントが登場、一つひとつの文字がかわいい「サマサン・ドノクン」

Post on:2024年5月27日

「ピグモ00」「マメロン」「廻想体」「金畫字」など、人気が高いフリーフォントをたくさんリリースされているもじワク研究さんから、新作のフリーフォントがリリースされました！ 今回は、ゴシック調のデザインで、ヴィンテージ感もあ […]

Canvaってこんなこともできるんだ！ プロユースとしても十分な機能を備えたデザインのテクニックがよく分かる解説書 -Canva 基本＆デザインTIPS！

Post on:2024年5月24日

※本ページは、アフィリエイト広告を利用しています。 ここ1,2年、Canvaの進化がすごいですね！ 一昔前は割とシンプルでやれることは限られていましたが、現在ではかなりいろいろなことができ、プロユースとしても十分な機能を […]

誤解しているかも！ CSSの詳細度について、よくある誤解を解説

Post on:2024年5月23日

CSSの詳細度とは、(0,0,2)や(1,0,0)など3つの数字でスタイルを適用する際の優先度を決めるブラウザのアルゴリズムです。要素に対して複数のCSS宣言があり、そのプロパティや値が競合している場合、詳細度が高いもの […]

CSSのアンカーポジショニング（Anchor Positioning）でマグネットのようにくっつくエフェクトを実装するテクニック

Post on:2024年5月22日

ナビゲーションのアイテムをホバーした時にマグネットのようにくっついてスライドさせるエフェクトをCSSで実装するテクニックを紹介します。 これまでは、JavaScriptがないと実装できないエフェクトでした。アンカーポジシ […]

UIデザインに最適！ トーンを合わせたカラーでカラーパレットを簡単に生成できる無料ツール -The good colors

Post on:2024年5月21日

WebサイトやスマホアプリのUIにトーンを合わせたカラーを使用すると、デザインに統一感が生まれます。このトーンを合わせたカラーというのは、明度と彩度が一貫されたカラーのことです。 デバイスに依存しない、トーンを合わせたカ […]

今年発売されたばかりの新刊も対象になってる！ SBクリエイティブ50％ポイント還元キャンペーンがKindleストアで開催

Post on:2024年5月20日

※本ページは、アフィリエイト広告を利用しています。 Webやプロダクトのデザイン、配色のアイデア集、同人誌・絵師さん向けのイラスト関連の良書がかなりたくさん対象となったSBクリエイティブ50％ポイント還元キャンペーンが開 […]

イラストの立ち絵や視線誘導、配色など、キャラクターをより魅力的に描くテクニックが学べる一冊 -強いキャラクターデザイン

Post on:2024年5月17日

※本ページは、アフィリエイト広告を利用しています。 プロのイラストレーターによるキャラクターデザインは、視覚的な想像力やストーリーテリングの力、デザインのテクニック、心理学に関する知識などを組み合わせて魅力的なキャラクタ […]

Web制作者は要チェック！ Chrome 125で新しく追加された4つのCSSの機能

Post on:2024年5月16日

Chrome 125で追加された、CSSの新しい機能4つを紹介します。 今回のアップデートでは、今まではJavaScriptを使用しないと実装できなかったアンカーのポジションをCSSだけで設定できるようになりました。また […]

top of page

• 

Sponsors

• 

  不動産ポータルサイトを低コストで制作

• 
• 
• 

• 

• 

• 

Recnet Entry

• 異世界や空想世界の創作に役立つ数学、物理、地学、生物学などの知識や技術に溢れた解説書 -空想世界をつくる理科の教科書
• このUIデザインかっこいい！ 近未来をテーマにしたUIコンポーネントとデザイン要素のセット -Cosmic UI
• Amazonのプライム感謝祭セールで、見逃しがちなお買い得品を紹介します
• これは見逃したら後悔する！ iPad版のAffinity Photo 2, Designer 2, publisher 2がなんと0円の無料！！
• Amazonでプライム感謝祭セールが開催！ 私が購入して本当によかったものをご紹介
• WordPressのノーコード化が進んでいる！ 6.8対応、たいていのことはこの一冊で分かる解説書 -WordPressの教本 第7版
• 小規模なアップデートだけど、Web制作者は要チェック！ Chrome 141で新しく追加されたCSSとUIに関する機能
• デザインの勉強にもいい！ 色や配色や色彩心理などの知識をしっかり学べる色彩検定の新しい教科書 -すいすい学べる色彩検定2級・3級

Pickup Entry

• 2025年用、日本語のフリーフォント767種類のまとめ -商用サイトだけでなく紙や同人誌などの利用も明記
• 手書きの日本語フリーフォント、筆文字・毛筆の日本語フリーフォントの総まとめ
• ピクセルフォント・ビットマップ・電卓数字の日本語フリーフォント 総まとめ
• おしゃれな手書き！ 筆記体の英語フリーフォントの総まとめ
• 商用利用無料、国内のフリーイラスト素材の総まとめ
• 商用利用無料、おしゃれでシンプルなかわいい海外のフリーイラスト素材の総まとめ
• フォント名を画像から調べる、日本語・英語のフォントを検索・自動判定できる無料サービスのまとめ
• いい感じの写真画像がクレジット表記無しで無料利用できるサイトのまとめ
• 背景素材に困った時に！ダウンロードしておきたい実用度満点のフリーの背景素材のまとめ
• 2025年のトレンドカラーは温かみのある極上の茶色「モカムース（Mocha Mousse）」
• 色々な色の名前、伝統色の名前が分かるサイトのまとめ
• VS Codeのおすすめ機能拡張のまとめ、HTMLやCSSやJavaScriptなどのコードを書く時に便利
• 最近の実装に合わせたHTMLテンプレート
• 5分で完璧に分かる！CSS Gridの基本的な使い方を解説
• 独学の人にオススメ！CSS Flexboxの基礎を一通り学べるチュートリアル
• CSS Flexbox の各プロパティの使い方を詳しく解説
• CSS Flexboxの使い方・バグ情報・グリッドの実装など、有用なリソースのまとめ
• CSSの中央揃えで、最も万能で信頼できる実装テクニック
• 2025年、現在の環境に適したリセットCSSのまとめ
• 2024年版、CSSフレームワークのまとめ
• Googleのアルゴリズムにおける検索順位に影響を与える200+個の要因のまとめ
• Font Awesome アイコンの使い方と便利な機能のまとめ
• Photoshopの新機能がかなり便利！かゆいところに手が届く改善点が盛りだくさん
• Photoshopの選択範囲や切り抜きはこれが一番簡単で正確！CC 2021で進化した選択範囲とマスクの作成
• 2025年、ロゴデザインのトレンド -最近のロゴに使われているデザインテクニックのまとめ
• ウェブデザイナーは知っておきたい、ページレイアウトの代表的な10のパターン
• フォントやタイポグラフィの知識・テクニックを学ぶまとめ
• レスポンシブ対応のWordPressのテーマファイルのまとめ
• プロカメラマン仕様、Photoshopのトーンカーブのまとめ -簡単に写真画像の自然光とカラーを印象的に美しく仕上げる
• 写真がもっと楽しくなる！写真画像をワンランク上に仕上げるPhotoshopのアクションのまとめ
• 黄金比について詳しく解説、レイアウトや構図に効果的に取り入れるデザインテクニックのまとめ
• 黄金比をサイトのデザインに取り入れる簡単な３つの方法
• フェルメールやゴッホ、北斎など西洋・日本の名画を楽しめるサイト集
• 美しい日本語を使いたい、ワンランク上のビジネスメールの作法
• 著作権・肖像権について、写真やイラストなどの素材を安全に使うために知っておきたいこと

Recommend

• 

  異世界や空想世界の創作に役立つ数学、物理、地学、生物学などの知識や技術に溢れた解説書（紹介記事）

• 

  デザインの勉強にもいい！ 色や配色や色彩心理などの知識をしっかり学べる（紹介記事）