デザイン、Web制作、SEO、マーケティングなどに関する最新情報まとめサイト
制作
- リソースかちびと.net
bento.meの代替として開発された、任意のコンテンツをBentoグリッドで1か所にまとめられるOSSのWebアプリ・「blento」
- リソースコリス
「まだそんな古いCSSを使ってるの？」現在では必要のない古いCSSを見つけて、仕様に準拠したCSSを提案してくれるツール -ReliCSS
- CSSWebクリエイターボックス
CSSカスタムプロパティをグリグリ動かせる「slideVars」が便利
- リソースかちびと.net
視聴中のYoutube動画を、その場でAIが要約、チャットで質問もできるオープンソースのブラウザ拡張・「Magpie」
- セールコリス
Kindle本の特大セール「イラスト技法書フェア」が開催！ 同人誌・絵師さん向けのイラストの良書がたくさんセール対象です
- リソースかちびと.net
独自のAIエージェントアプリケーションを構築するための軽量オープンソースフレームワーク・「Hypertic」
- リソースかちびと.net
軽量、セキュア、使いやすさを重視したオープンソースのデータベース管理ツール・「tabularis」
- リソースかちびと.net
リバースプロキシとして既存の環境に統合出来るオープンソースのWAF・「BunkerWeb」
- 書籍コリス
フリーランスの確定申告、インボイスや消費税への対応もこれ一冊で大丈夫、ベストセラーの定番書 -フリーランス＆個人事業主のための確定申告
- CSSICS MEDIA
スクロール連動UIはCSSだけで作れる！ 疑似クラス:target-current/before/afterが便利
- リソースかちびと.net
n8n代替として機能するAI駆動型ワークフロー自動化機能が組み込まれたオープンソースのWebブラウザ・「Browzer」
- CSSコリス
CSSの100vwで水平スクロールバーが表示される問題がようやく解決！ vwにスクロールの幅が含まれなくなります
- リソースかちびと.net
キーストロークやマウス操作をリアルタイムで視覚化するオープンソースのデスクトップアプリ・「Keyviz」
- セールコリス
Amazonで2026年スマイルSALEが開催！ セールで私が買ったもの、見逃しがちなお買い得品を紹介します
- リソースWebクリエイターボックス
Antigravityを使ってコーディング（ほぼ）なしで目標設定アプリ作った
- リソースかちびと.net
各Officeファイルをブラウザで編集できる、プライバシーにも配慮した設計のオープンソースのWebアプリ・「Office by ZIZIYI」
- 制作コリス
2026年版、ファビコン画像の作成方法とHTMLの記述方法、さまざまなデバイスに対応させるには3つのアイコンが必要
- リソースかちびと.net
Web検索機能とコンテンツクロール機能を備えたオープンソースのAI検索エージェント・「MiniMate」
- 制作コリス
CursorやVS Codeで、インデントのガイドラインをアクティブなガイドラインだけ表示させる方法
- 制作ICS MEDIA
手軽で高速なフォーマッターBiomeの導入手順
- リソースかちびと.net
様々な学習シーンに対応できる汎用性の高いオープンソースのフラッシュカードアプリ・「Memcode」
- CSSコリス
HTML Living StandardとモダンCSS、最新ブラウザに完全対応！ 目的別で分かりやすいリファレンス本 -HTML＆CSSポケットリファレンス 改訂第4版
- デザインコリス
UIデザインのクオリティが格段にアップする！ 感覚的ではなく、論理的にデザインを改善するポイントを解説
- 制作コリス
Chromeのタブがさらに便利に進化！ 分割表示の次は、なんとタブを垂直に表示できる -Vertical Tabs
- AnimationICS MEDIA
CSSでスタッガーアニメーションがつくれる！ sibling-index() / sibling-count()の活用アイデア
- 制作Webクリエイターボックス
最新AIでイニシエのWebサイトを作ってもらった 〜2000年の君へ〜
- PhotoshopWebクリエイターボックス
書籍執筆しました！『1冊ですべて身につくPhotoshop入門講座』
- 制作ICS MEDIA
これがフロントエンドで話題になった記事！ ICS MEDIAの2025年
- 制作ICS MEDIA
PlaywrightではじめるE2Eテスト入門（前編）
- 制作Webクリエイターボックス
Webクリエイターボックスの2025年を振り返る
- デザインWebクリエイターボックス
継続をデザインする！Apple Watchのアクティビティで1000日連続達成した記録
- CSSICS MEDIA
CSSアンカーポジショニング入門〜anchor()・anchor-size()の使い方〜
- 制作Webクリエイターボックス
特殊加工名刺を「カードワン」さんで作ってみた
- 制作ICS MEDIA
ReactとMotionでつくる! “少し”こだわったマイクロインタラクション集
- 制作Webクリエイターボックス
プレゼンの質疑応答が劇的に変わる「Slido」を使ってみた
- JSICS MEDIA
Three.jsとCurl Noiseで動かす3Dパーティクル表現
- PhotoshopPhotoshopVIP
Photoshop 2026のすごい新機能ガイド AI合成・調和など別次元に進化
- 制作Webクリエイターボックス
エンジニアポッドキャストMeetup #2に参加しました！
- JSICS MEDIA
簡単で効果大！ Three.jsのポストプロセスで映える3D表現
- PhotoshopPhotoshopVIP
写真が“化ける”無料Photoshopエフェクト27選【2025秋 最新版】
- 制作Webクリエイターボックス
Simplify Your Creation in 広島 で登壇しました！
- 制作PhotoshopVIP
【最新版】「これ無料!?」2025年秋フリーモックアップ37選｜ロゴもパッケージも即完成！
- PhotoshopPhotoshopVIP
【2025年秋】最新Photoshopテキストエフェクト39選｜無料＆商用OKの新作まとめ
- プロトタイプICS MEDIA
Figma Drawをもっと使う！ 進化したベクター編集モードと新エフェクト
- デザインPhotoshopVIP
Webデザインの“いま”を感じる。最新サイト30選【2025年10月版】
- フォントPhotoshopVIP
【2025最新版】おしゃれな英語フリーフォント54選｜無料で使える定番＆注目書体まとめ
- PhotoshopPhotoshopVIP
「Photoshop レタッチ2.0」で広がる、AI時代の新しい表現世界
- 制作ICS MEDIA
ウェブにHDRがやってきた 〜 白より明るい世界へ、写真が“本物の輝き”に近づく新技術
- PhotoshopPhotoshopVIP
Photoshopの新AI機能「Nano Banana」がすごい。できること・使い方まとめ
- CSSICS MEDIA
HTML・CSSだけで作れる！ リストのホバー演出アイデア集
- フォントPhotoshopVIP
無料＆商用OK！ピクセル（ドット）フリーフォント20選｜レトロなのに新しい魔法の書体
- 制作ICS MEDIA
若手フロントエンドエンジニアのためのバックエンド入門（後編）
- デザインPhotoshopVIP
最新Webデザイン47選｜見てるだけでアイデアが湧く最新サイトまとめ
- 制作ICS MEDIA
若手フロントエンドエンジニアのためのバックエンド入門（前編）
- CSSICS MEDIA
便利？ それとも混乱？ CSSのif()関数
- JSICS MEDIA
Three.js(WebGPU)で実現するStable Fluids - 2Dの流体シミュレーション
- JSICS MEDIA
p5.jsで作るヒーローエリア演出：実装例と注意点
- 制作ICS MEDIA
モーダルUIをシンプルにできる！ 進化を続けるHTMLのdialog要素
- CSSICS MEDIA
同じ2色でも見た目が違う？ CSSグラデーションの新しい補間方法まとめ
- リソースICS MEDIA
共同編集アプリが作れる新しいJSライブラリ「Loro」を紹介
- WordPressWeb Design Trends
【2024年】SEOに強いおすすめWordPressテーマまとめ
- デザインWeb Design Trends
おしゃれなフリー素材サイトのジャンル別まとめ！登録不要で商用利用もOK
- WordPressWeb Design Trends
【WordPress】クラシックエディタとブロックエディタの違いや切り替え方法を解説！
- リソースStocker.jp/diary
デザインツールとしてのCanva -バナーだけにとどまらない多様な活用法
- ニュースStocker.jp/diary
2024年4月の、これだけは押さえておきたいWeb関連の動き
- JSStocker.jp/diary
【期間限定割引】新JavaScript基礎講座（動画講座）受講生募集中！
- 制作Stocker.jp/diary
【期間限定割引】「Dart SassとBEM講座」を動画で受講できます
- 制作Stocker.jp/diary
Webフォームのスパム対策: ユーザーに優しく、ボットに厳しく、reCAPTCHAを使わない方法
- デザインStocker.jp/diary
Figma初心者でも大丈夫！ レスポンシブWebデザインをFigmaで作るための3つのポイント
- ニュースStocker.jp/diary
2024年3月の、これだけは押さえておきたいWeb関連の動き
- デザインStocker.jp/diary
CanvaによるAffinity買収は「Adobeとの競争への大きな一歩」である
- 制作Stocker.jp/diary
なぜコーディングにVSCodeを使うのか。 私がVSCodeを選んだ理由
- 制作Stocker.jp/diary
「ドラッグ＆ドロップではじめるプログラミング入門」という無料講座を開催します
- 制作Stocker.jp/diary
「HTML5再入門講座」というHTMLを学び直すための無料講座をオンライン開催します
- ニュースStocker.jp/diary
2024年2月の、これだけは押さえておきたいWeb関連の動き
- プロトタイプStocker.jp/diary
XDからFigmaへ移行したい人のためにFigmaの機能を紹介
- リソースStocker.jp/diary
DeepLを超えるやさしい翻訳アプリとGPTsを作りました
- デザインStocker.jp/diary
Web制作の基礎から学べる「Webコーディングスクール」をオンラインと渋谷で開催します
- ニュースStocker.jp/diary
2024年1月の、これだけは押さえておきたいWeb関連の動き
- ニュースStocker.jp/diary
2023年12月の、これだけは押さえておきたいWeb関連の動き
- WordPressStocker.jp/diary
WordPressブロックテーマで一新された、ブログデザインと制作フロー
- ニュースStocker.jp/diary
2023年11月の、これだけは押さえておきたいWeb関連の動き
- フォントStocker.jp/diary
Adobe Fonts、Google Fontsで無料で使える個性豊かなフォントたち
※カテゴリはタイトルなどを基に自動設定しているためリンク先と異なります
SEO
- 海外SEO情報ブログ
【ブログ読者へご連絡】2/3〜2/9はブログ更新をお休みします
- 海外SEO情報ブログ
Google ChromeがGemini 3を内蔵。マルチタスク、自動化、そしてエージェント型ブラウジングの台頭
- 海外SEO情報ブログ
AIトラッキングツールは一貫性に欠け信用できない？ ChatGPTやGoogle AIが同一ブランドを2回推薦する確率は100分の1未満
- 海外SEO情報ブログ
AI ModeやAI Overviewなどの生成AI検索からオプトアウトする仕組みをGoogleが検討開始
- 海外SEO情報ブログ
AI OverviewとAI Modeが連携、AIO→AIMへと継ぎ目なく追加質問できるように
- 海外SEO情報ブログ
Google DiscoverのAI生成による見出しと概要は正式機能として導入、事実誤認の書き換えも
広告
- AdverTimes
日本科学未来館で「みゃくみゃくとつなぐ展」開催、二次創作の「こみゃく」たちも展示
- AdverTimes
やっぱり15秒CMは最強？ 「佐藤雅彦」講義から若手クリエイター3人が読み説く思考法と企画術 前編
- AdverTimes
アース製薬の「届いていますか」投稿が話題に 「X」アルゴリズム変更に広報も悲鳴、投稿内容の見直しも推進
- AdverTimes
ケルヒャー ジャパン新社長に元アイロボットジャパン社長の挽野元氏
- AdverTimes
Z世代にプラントベースは浸透するのか キユーピー×青学の産学連携で9割が態度変容
- AdverTimes
東京で「大阪・関西万博」パビリオン追体験、VR映像やミャクミャク撮影会も
- AdverTimes
Stray Kids×花王ビオレUV、アンセムソングを3月末に発表
- AdverTimes
モノクロ世界で自分と闘う 話題のキムタク殺陣CM、その裏にあった「ヨドコウ」のリブランディング戦略
- AdverTimes
渋谷区のゴミ問題を解決するボードゲームを大学生が製品化
- AdverTimes
再体験可能なナラティブを売れ。インバウンドを海外展開へつなげる「物語的価値」の正体
- AdverTimes
老若男女から愛される「ムロツヨシ」 サッポロが語った「濃いめ」ブランドとの共通点、ライブ演出で「記憶に残す」新CM
- AdverTimes
大阪・関西万博の熱狂を支えた「非公式」の力 ― なぜ、つじさんのマップは愛されたのか？
- AdverTimes
デザインの力で社会の仕組みを良くし、続く形にしたい
- AdverTimes
五輪・W杯級モーメント“大学駅伝”のブランディング戦略 アディダスの意味ある壁探し
- AdverTimes
WBCを「MAKE DRAMA」に Netflixが渡辺謙・二宮和也を起用し盛り上げる
- AdverTimes
徳島は休息に最適な地？ 徳島県の観光施策が始動、犬飼貴丈・瀬戸璃子出演のCMも
- AdverTimes
コクヨ 安永哲郎さんのプレイリスト「色とりどりの孤独の情景が浮かぶ」楽曲たち
- AdverTimes
AIという“画材“でどんな表現が生まれる？ グーグル「Gemini」とのMV制作プロジェクト「MV with Gemini」
- AdverTimes
渋谷区の「シブヤフォント」累計756種を公開、ご当地フォントとして支援事業所に還元
- AdverTimes
「自分の代わりに喋ってくれるAI」を開発 majikitchen「mouth2mouth」
マーケティング
- LISKUL
インサイト可視化でビジネスが変わる！実践手法と活用ツールを紹介
- LISKUL
FinOpsとは？クラウド支出を「価値」に変える実践ガイド
- LISKUL
生成AI広告とは？ユースケース、リスク、導入方法を一挙解説！
- LISKUL
マルチクラウドとは？ハイブリッドクラウドとの違いや活用事例を紹介
- LISKUL
プラットフォームエンジニアリングとは？具体例を交えてわかりやすく解説！
- ITmedia
note最高益が示す「SEO至上主義の崩壊」 メディアビジネスに残された“勝ち筋”は？
- ITmedia
客に提案すべき「次の一手」が分かる 千葉銀行がAI強化で進める“One to Oneマーケティング”とは
- ITmedia
BEAMSが「購入金額」よりも重視する指標は？ 新ポイント制度の狙い
- ITmedia
ワークマンのアプリが「あえてデータを取らない」理由 「地に落ちた顧客満足度」を引き上げられるか
- ITmedia
“いつの間にか富裕層”を狙え JCBがプレミアムカードだけで用意する「特別体験」
- ITmedia
カリスママーケターがAI化!? マーケ担当者が抱える悩みに即答、実力は？
- ITmedia
「ChatGPTはブラックボックス」 見えない顧客行動、マーケターに残された打ち手とは？
- ITmedia
月次報告180時間が「ゼロ」に パナソニック くらしアプライアンス社が挑んだVoC分析の改革
- ITmedia
流入「80％減」 AI検索で大打撃を受けたHubSpotは、どうやって“未来の顧客”を取り戻した？
- ITmedia
【マーケター即実践のプロンプト】SNS投稿のエンゲージメントを高めるAI活用、ポイントは？
- ITmedia
【マーケター即実践のプロンプト】インスタ、Xの口コミ投稿を分析→戦略立案に生かすには
- ITmedia
一時は赤字転落も アシックスのV字回復を支えた「ブランド構築」の考え方
- ITmedia
8割が営業人材の不足で売上停滞……中小企業の営業現場、課題は？
- ITmedia
マーケターの“月曜日”が変わる？ AIエージェント登場で、何が起きるか
- ITmedia
先駆者パルコが語る、“生成AIで広告”制作の勘所 クリエイターに残る「重要な役割」とは
- ITmedia
満足度の高いポイント経済圏 「PayPay」「イオン」を超えた1位は？
- ITmedia
TikTokが「通販」に本気?! “ECで買う”体験はこう変わる
- ITmedia
ロレアル→Amazon→J&J 敏腕マーケターに聞く「AI時代に重要となる2つの力」
- ITmedia
広告業界で急成長する3つのAI活用領域とは？ 電通デジタルCAIOに聞く
- ITmedia
米Google幹部を直撃 年間「5兆回超」の検索は、AIでどう変わるか？
