コハム

Webクリエイターのコハムが提供する、Web制作に役立つ情報をまとめたブログです。

2024-04-01から1ヶ月間の記事一覧

CSSの表現力は無限大!クリエイティブでユニークなCSSアニメーション30+1選

30 Creative and Unique CSS Animation Examples to Inspire Your Own 記事は上記記事を意訳したものです。 ※当ブログでの翻訳記事は元サイト様に許可を得て掲載しています。 CSS アニメーションを使えば、ボタンをよりクリックしやすくしたり、ランディング…

2024年も進化が止まらない!ワークフローを強化するFigmaプラグイン10選

10 Figma Plugins That Will Supercharge Your Workflow in 2024 記事は上記記事を意訳したものです。 ※当ブログでの翻訳記事は元サイト様に許可を得て掲載しています。 Figmaは、数多くのUI/UXデザイナーの選択されるデザインツールとなっています。その基…

絶対と相対だけじゃない:CSS単位の追求

CSS

Exploring CSS Units 記事は上記記事を意訳したものです。 ※当ブログでの翻訳記事は元サイト様に許可を得て掲載しています。 ピクセルから百分率、秒数まで、各CSS単位タイプにはユニークな機能があり、開発者がデザインのビジョンを生き生きと現実のものに…

Webサイトの配色に迷ったらこれ!カラーパレットを作成するためのツール10選

10 Essential Tools for Crafting the Perfect Website Color Palette 記事は上記記事を意訳したものです。 ※当ブログでの翻訳記事は元サイト様に許可を得て掲載しています。 Happy Hues Huemint couleur Muzli Colors Coolors pppalette Accessible Palette…

UdemyがGWに向けて大セール中!90%以上オフの講座が盛り沢山!

※本ページは、アフィリエイト広告を利用しています。 GW中の余暇を利用して何か勉強したい、そう考えている方にはUdemyがおすすめです。 なんと90%以上オフの講座が盛り沢山!セール期間は4月25日までですが、一旦購入しておけばあとから視聴が可能です。 興…

Javascriptは不使用!無限スクロールをCSSだけで実装するチュートリアル

Infinite-Scrolling Logos In Flat HTML And Pure CSS 記事は上記記事を意訳したものです。 ※当ブログでの翻訳記事は元サイト様に許可を得て掲載しています。 自動スクロールするロゴファームを作るように頼まれたとき、私は自問しました。「つまり、<marquee>のよう</marquee>…

WordPressのテーマを自作するのはもうやめよう:おすすめの日本語対応有料テーマ6選

※本ページは、アフィリエイト広告を利用しています。 WordPressは現在に置いてもシェア第1位のCMSですが、そのテーマを自作するのはWordPressのアップデートに伴い非常に難しくなりました。 ブロックエディタ、フルサイト編集、theme.jsonの作成、対応PHPの…

インパクト抜群!CSSで演出するグリッチ効果26選

CSS

25+ CSS Glitch Effects 記事は上記記事を意訳したものです。 ※当ブログでの翻訳記事は元サイト様に許可を得て掲載しています。 ウェブやモバイルアプリケーションにテクニカルなひずみのある外観を追加するためのグリッチ効果のコレクションをお探しでしょ…

改めて学び直す:CSS Transitionの詳細と実装例

CSS

CSS Transitions: A Detailed Guide With Examples 記事は上記記事を意訳したものです。 ※当ブログでの翻訳記事は元サイト様に許可を得て掲載しています。 現代のウェブデザインは、静的なページだけではありません。訪問者にインタラクティブな体験を提供す…

2024年版!HTML/CSSで作るリボンデザイン20選

20 Best Free CSS Ribbons Designs In 2024 記事は上記記事を意訳したものです。 ※当ブログでの翻訳記事は元サイト様に許可を得て掲載しています。 ウェブサイトのデザインにぴったりなCSSリボンをお探しですか? そうであれば、ここにいらしたのが幸いです…

CSS-in-JSが現在抱える問題とCSS Hooksという解決策

CSS Hooks and the state of CSS-in-JS 記事は上記記事を意訳したものです。 ※当ブログでの翻訳記事は元サイト様に許可を得て掲載しています。 フロントエンドアプリケーションとコンポーネントベースのアーキテクチャが範囲と複雑さを増すにつれ、モジュラ…

効率的なレイアウト設計のためのCSSサブグリッド:CSS subgridの基本的な使い方

CSS

Unlocking The Power Of CSS Subgrid For Efficient Layout Design 記事は上記記事を意訳したものです。 ※当ブログでの翻訳記事は元サイト様に許可を得て掲載しています。 Webデベロッパーにとって、ピクセルパーフェクトなレイアウトを実現することは常に難…

業務で使うならFirefly一択!「デザインの仕事がもっとはかどるAdobe Firefly活用テクニック50」のご紹介

※本ページは、アフィリエイト広告を利用しています。 Mid JourneyやStable Diffusion、Bing Image Creatorといった画像生成AIをお仕事で利用されていますか? 写真やイラスト素材を探し回る必要もなく、高品質で思い通りのイメージがすぐ手に入る画像生成AI…

レスポンシブデザインにとってステロイドのような強力な解決策になるか?コンテナクエリの基本的な使い方

Responsive Design On Steroids: CSS Container Queries 記事は上記記事を意訳したものです。 ※当ブログでの翻訳記事は元サイト様に許可を得て掲載しています。 待望のレスポンシブデザインの機能であるコンテナクエリーが、ついに安定したバージョンとなり…

信頼性・コスト・SEO……悪いデザインのWebサイトが与える悪影響とは

What Negative Effects Does a Bad Website Design Have On My Business? 記事は上記記事を意訳したものです。 ※当ブログでの翻訳記事は元サイト様に許可を得て掲載しています。 明らかにウェブサイトのデザインが悪いと、企業に悪影響があります。この記事…

アンチウイルスソフトはWindows Defenderで十分か?サードパーティー製アンチウイルスソフトを選ぶ必要性は?

Is Windows Defender All the Antivirus Protection You Need? 記事は上記記事を意訳したものです。 ※当ブログでの翻訳記事は元サイト様に許可を得て掲載しています。 Windows Defenderですべての必要なアンチウイルス対策ができますか? 優れた無料アンチウ…

経産省のリスキリング助成金を受け取ってお得にスキルとキャリアアップ!TechAcademyなら最大56万円以上の補助金が受け取れます

※本ページは、アフィリエイト広告を利用しています。 経済産業省が行っているリスキリングを通じたキャリアアップ支援事業というものがあり、リスキリング講座として認定されているオンラインスクールの受講費が最大56万円キャッシュバックされます。 詳しい…

ウルトラHD解像度のレスポンシブデザインを解き放つ!2K/4Kディスプレイの簡単な解決策

Unlocking Responsive Design for Ultra HD Screens: A Simple Solution for 2K and 4K Screens 記事は上記記事を意訳したものです。 ※当ブログでの翻訳記事は元サイト様に許可を得て掲載しています。 広大なWebデザインの世界では、1ピクセルが重要です。し…

ウェブサイトのオンページSEOとオフページSEOを意識してよりよい結果を目指そう

SEO

Website On-Page And Off-Page SEO: Know The Difference 記事は上記記事を意訳したものです。 ※当ブログでの翻訳記事は元サイト様に許可を得て掲載しています。 インターネットが一般公開されてからほぼ同じくらいの期間、SEOも存在し、ウェブサイトトラフ…

CSSだけでテキストに彩りを!CSSのtext-emphasisの具体的な使用例

CSS

Spicing up text with text-emphasis in CSS 記事は上記記事を意訳したものです。 ※当ブログでの翻訳記事は元サイト様に許可を得て掲載しています。 CSSにはテキストのスタイリングを行う多くの方法があります。色、サイズ、フォント、さらにはシャドウやア…

Tailwind CSSの開発をより効率的に!おすすめのTailwind Pluginsリスト

Tailwind Plugins List 記事は上記記事を意訳したものです。 ※当ブログでの翻訳記事は元サイト様に許可を得て掲載しています。 Tailwind CSSプロジェクトのワークフローをスピードアップしたいですか?この素晴らしいTailwindプラグインのリストをチェックし…

AngularとReact: 2024年、フロントエンドはどちらを選ぶべきか

Angular vs. React: Which To Choose for Front-End in 2024 記事は上記記事を意訳したものです。 ※当ブログでの翻訳記事は元サイト様に許可を得て掲載しています。 ウェブ開発の世界は日進月歩であり、その最前線では究極のフロントエンド・フレームワーク…

やっぱり大切なのはユーザー体験!2024年に注目すべき新しいデザイントレンド10選

New Design Trends To Watch For in 2024 記事は上記記事を意訳したものです。 ※当ブログでの翻訳記事は元サイト様に許可を得て掲載しています。 トレンドは年ごとに変化するため、今日究極の方向性と考えられていたものも、明日には「旧情報」になる可能性…

ママだけでなくWebデザイナーを目指すすべての方に読んでほしい一冊「まんがでわかるママのための在宅Webデザイナー入門」

※本ページは、アフィリエイト広告を利用しています。 まんがでわかるママのための在宅Webデザイナー入門: クラウドワークスを使わずにWebデザインで月収20万円作者:福田健太郎Amazon Webデザイナーになりたい、欲を言えば在宅で仕事をしたい──そんな方におす…

シンタックスハイライトをライブラリなしで簡単に!Custom Highlight APIの魅力

Syntax Highlighting code snippets with Prism and the Custom Highlight API 記事は上記記事を意訳したものです。 ※当ブログでの翻訳記事は元サイト様に許可を得て掲載しています。 ウェブ上の構文ハイライトの一般的な仕組みは、すべてのトークンを要素で…

ユーザーはあなたのデザインを好まない(かもしれない)

Your user doesn’t prefer your design 記事は上記記事を意訳したものです。 ※当ブログでの翻訳記事は元サイト様に許可を得て掲載しています。 デベロッパーやデザイナーとして、私たちはウェブサイトを構築する際に多くのデザイン上の決断を下します。私た…

©コハム