おしゃれな有料フォントが今週末まで無料！女子向けのデザインにぴったり、かわいいフォント -Hearty Morning

Post on:2020年6月17日

通常は有料ですが、今週末まで無料でダウンロードできる、女子向けのデザインにぴったりなおしゃれでかわいい英語フォントを紹介します。 本来は有料なだけあってかなり高品質。フォントファイルは.otfと.ttfでWindowsで […]

Photoshop 2020年6月のアップデートがすごい！髪の毛のような複雑な被写体を1クリックで選択できる

Post on:2020年6月16日

本日、Photoshop CC 2020がアップデートされ、機能が大幅に強化されました。 Adobe SenseiのAIにより、髪の毛のような複雑な被写体が1クリックで選択できるようになりました。 まだ簡単にしか試してい […]

デザインの変更に合わせてHTMLを変えるのではなく、CSSでさまざまなデザインを適用する実装テクニック

Post on:2020年6月16日

デザインの変更に合わせてHTMLを変えるのではなく、HTML（文章構造）を変更せずに、CSSでさまざまなデザインを適用する時に役立つ実装テクニックを紹介します。 CSS GridとFlexboxそれぞれの効果的な使い方、 […]

SVGでテキストにマーカーを引いたり、くるっと丸く囲む超軽量JavaScriptライブラリ -Rough Notation

Post on:2020年6月15日

テキストに蛍光ペンで引いたようなマーカーを引いたり、下線をつかたり、丸や矩形で囲ったり、さまざまなスタイルでテキストを強調表示できる超軽量（3.63Kb）のJavaScriptライブラリを紹介します。 アニメーションにも […]

Adobe XDの使い方が、これでよく分かる！WebページのUIを設計するワークフローに沿って学べる解説書

Post on:2020年6月12日

Adobe XDを使用してワイヤーフレーム、プロトタイプ、デザインカンプなど、WebページのUIを設計するワークフローに沿って学べる解説書を紹介します。 ワイヤーフレームを作るにあたっての準備から、実際の作り方、コンポー […]

Adobe Color新機能「色覚異常対応」が便利！問題となる色の組み合わせを簡単に修正できるアクセシビリティツール

Post on:2020年6月10日

毎年5月の第3木曜日アクセシビリティへの理解を促進する日(GAAD)に伴い、Adobe Colorに新機能「色覚異常対応」が備わりました。カラーの組み合わせに対するアクセシビリティを色彩学に基づき、簡単に確認、修正できま […]

有料フォントが今週末まで無料！ロゴやポスターにぴったり、ブラシで手書きされたかっこいいフォント -Sandblast

Post on:2020年6月10日

通常は有料ですが、今週末まで無料でダウンロードできる、実際にブラシで走り書して作成され、ざらっとした質感がかっこいい手書きフォントを紹介します。 本来は有料なだけあってかなり高品質。フォントファイルは.otfと.ttfで […]

そのデザイン、意図したものと違って見える！ロゴに含まれた曖昧なメッセージ、誤解されたデザインを再デザイン

Post on:2020年6月9日

意図したデザインと違って見えてしまうことが、あるかもしれません。ロゴに含まれた曖昧なメッセージ、誤解されたデザインを再デザインしたスタディを紹介します。 恥ずかしく見えるロゴ、エッチな感じに見えるロゴ、不穏な印象を与える […]

「STUDIO 3.0」が大型アップデート！コーディング作業は一切不要、国産の無料デザインツール

Post on:2020年6月8日

コーディング作業は一切不要で、Webサイトやスマホアプリのデザインを積み木感覚で楽しくデザインできるツール「STUDIO」が、去年の4月以来の大型アップデートされました！ 新たにCMSが搭載され、リアルタイムの共同編集、 […]

[CSS]たった一行でガラス板の美しいエフェクトが実装できる、backdrop-filterプロパティの使い方を解説

Post on:2020年6月8日

ボックスの内部に配置したテキストなどの子要素はそのままで、背景の色相やコントラストやぼかしを変更して、ガラス板のような美しいエフェクトを与えるCSSの新しいプロパティ「backdrop-filter」を紹介します。 今ま […]

top of page

• 

Sponsors

• 

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

• 
• 
• 
• 

  カメラやレンズのレンタルサービスはAPEX RENTAS

• 

• 

• 

Recnet Entry

• イラストで光と影の入れ方が分かると、塗りも上達する！ キャラクターの影入れに特化されたイラストの解説書 -YURIKO式 影指定ワークブック
• UIデザインに特化！ 数学的な処理で一貫性のあるカラーパレットを生成する初のカラーツール -Harmonizer
• CSSの新しいクエリscroll-stateを使用すると、ページの途中で上にスクロールした際にヘッダだけを再度表示が簡単に実装できるようになります
• パスワード生成、黄金比・白銀比計算、スクショ分割、電子印鑑生成、個人情報のダミーデータなど、日本人制作者による便利ツールがまとめて使える -マッハーツール
• 同人誌をだしてみたい人にお勧め！ クリスタでマンガを描くことに特化された解説書 -CLIP STUDIO PAINT 漫画制作入門
• CSSの進化は止まらない！ コンテナクエリとif()関数がさらに便利になり、興味を示したときに反応する新属性など、Chrome 142で新しく追加された9個のCSSの機能
• 2025年、W3Cのロゴがかなりモダンなデザインに変更されました
• これは知っておくと便利なテクニック！ CSSだけでスクリーンの幅と高さ、さらには要素の幅と高さの値を取得する方法

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

• 

  キャラクターの影入れに特化されたイラストの解説書（紹介記事）

• 

  クリスタでマンガを描くことに特化された解説書（紹介記事）