サイト構築 -制作
Adobe Creative Cloudのプランと価格が変更されます！ 既存プランは実質値上げ、AI生成が制限される格安プランが登場
Post on:2025年7月4日
2025年8月から、Adobe Creative Cloudのプランと価格が変更されるとリリースされました。 既存のCreative Cloud コンプリートプランは、「Creative Cloud Pro」と名称が変更
これは朗報！ width: 100%;より便利なstretchキーワードが使えるようになります、Chrome 138で新しく追加された6個のCSSの機能
Post on:2025年7月1日
先日リリースされたChrome 138で追加された、CSSの新しい機能6個を紹介します。今回のアップデートで目玉は、stretchキーワードをはじめ、新しい関数がいくつかサポートされました。Web制作者は要チェックです！
HTMLの仕様が変更され、属性値内に記述した<と>がエスケープされるようになります
Post on:2025年6月26日
先日、HTMLの仕様が変更され、属性値内に記述した<と>がエスケープされるようになりました。この変更は6/25にリリースされたChrome 138やFirefox 140をはじめ、Edge, Safariも次
レトロなデザインがいい感じ！ 8-bitのゲーム風にデザインされたUIコンポーネントが揃ったフレームワーク -8bitcn
Post on:2025年6月11日
ゲームボーイやSegaやNintendoやAtariなどのレトロな8-bitのゲーム風にデザインされたUIコンポーネントが揃ったフレームワークを紹介します。 ボタンやカード、ログインフォーム、カレンダー、タブ、サイドバー
ボタンの色やアイコンを変えるだけでクリック率は本当にアップするのか、参考になるA/Bテストのまとめ -abtest.design
Post on:2025年6月9日
ボタンの色を変えるとどうなる？ アイコンを変えただけで効果はあるのか？ レイアウトはどっちがいいか？ さまざまなWebサイトやスマホアプリでA/Bテストが実施され、どちらの方が効果が高いか測定されています。 スマホアプリ
Web制作者はチェックしておきたい！ モダンCSSやデベロッパーツールなど、これからの実装に役立つ新機能のまとめ
Post on:2025年6月5日
2025年もCSSをはじめ、Web制作関連の進化は止まらないですね！ Google I/O 2025で、これからのWebを実装するための新機能が発表されました。先日の記事でも紹介したCSSのみでカルーセルを実装する疑似要
これは朗報！ ついにCSSでif else文が使えるようになります、Chrome 137で新しく追加された7個のCSSの機能
Post on:2025年5月29日
Chrome 137で追加された、CSSの新しい機能7個を紹介します。 今回のアップデートで目玉は、if else文の条件付きでCSSの値を設定できるif()関数がついに使用できるようになりました。また、CSS Grid
Pocketが終了するので、代替として無料で利用できるブックマーク管理ツールのRaindrop.ioに移行した手順
Post on:2025年5月27日
先日、Pocketから「大切なお知らせ」メールが届き、Pocketのサービスが2025年7月8日に終了するとのアナウンスがありました。 Pocketとは簡単に説明すると、ブックマーク管理サービスで、私はかなり前から愛用し
これはかなり便利！ 無料で利用できるTailwind CSSのUIライブラリをコンポーネント別に探せる -Curated UI List
Post on:2025年5月19日
最近では、Tailwind CSSで実装した無料のUIライブラリが増えてきました。これらのライブラリで共通しているのはもちろん、Tailwind CSSをベースにしていることで、さまざまなデザインやスタイルのライブラリが
これは朗報！ 日本も対象、AIコードエディタのCursor Pro有料版が1年間無料になるキャンペーンが開催、ただし学生のみ
Post on:2025年5月12日
HTMLやCSSをはじめ、プログラミング、文章などもAIの力でぐっと楽にしてくれるAIコードエディタのCursor Pro有料版が1年間無料になるキャンペーンが開始されたので、紹介します。 対象となるのは、学生のみ。 私
sponsors
Sponsors
Recnet Entry
- デザイナー目線で、デザインにおける写真の扱い方に着目したこれまでになかった新機軸のデザイン書 -デザインは写真が9割
- CSSでついにif elseの条件文が使える！ if()関数の便利な使い方を解説
- デザイナーはダウンロードしておこう！ TikTokからオフィシャルフォント「TikTok Sans」がオープンソースでリリース
- ユーザーのマウスやキーボードの動き（運動量や方向）から次にどの要素を操作するか予測するスクリプト -ForesightJS
- 2025年のプライムデーもいよいよセール最終日！ 見逃しがちな超目玉お買い得品を紹介します
- これは絶対見逃すな！ 値上げ前最後のアドビセールが開催、AmazonでCreative Cloud コンプリートプランが驚きの46％オフ
- Amazonで、2025年プライムデーのセールが開催！ 私が購入して本当によかったものを紹介します
- ビー・エヌ・エヌ社のKindleセールはかなり貴重！ 1年ぶりとなる夏のセールが開催、Web制作・デザイン・イラスト関連のKindle本がお買い得です
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のアクションのまとめ
- 黄金比について詳しく解説、レイアウトや構図に効果的に取り入れるデザインテクニックのまとめ
- 黄金比をサイトのデザインに取り入れる簡単な３つの方法
- フェルメールやゴッホ、北斎など西洋・日本の名画を楽しめるサイト集
- 美しい日本語を使いたい、ワンランク上のビジネスメールの作法
- 著作権・肖像権について、写真やイラストなどの素材を安全に使うために知っておきたいこと
