Web制作に役立つ情報一覧

HTMLにsearch要素が追加されたぞ！

2023/03/30(Thu) 09:04

先週、HTML Living Standardの仕様にsearch要素が追加されました。ブラウザへの実装はまだ先になると思いますが、検索フォームを実装する時は下記のようなHTMLを使用できるようになります。アクセシビリティの面でも率先して使用していきたいですね。

https://coliss.com/articles/build-websites/operation/work/add-the-seach-element.html

【無料・有料】文章校正ツールおすすめ6選の機能比較！AIでのカスタマイズ校閲時代がやってきた

2023/03/30(Thu) 09:04

「冷たい印象になるから」と、若い人はメッセージのやりとりで句読点をつけたがらない。そんな話を聞いて「俺、もしかして冷たい人間と思われているかも？」とショックを受けました…。10年以上の紙媒体編集者歴を経てWeb編集者に転身した自分ですが、いまだに戸惑うことがあります。それは、Web編集ならではのスピード感です。

https://liginc.co.jp/624157

CSSで角丸を美しく実装する方法、相対角丸のテクニック

2023/03/29(Wed) 08:55

角丸を外側と内側のパネルに使用した際、違和感を感じたことはありませんか？数値的には同じ値の角丸を使用しても、内側の角丸の方が少し大きく見えて、不格好になってしまいます。この外と内の角丸をバランスよく美しく、CSSで実装する相対角丸のテクニックを紹介します。

https://coliss.com/articles/build-websites/operation/css/relative-rounded-corners.html

画像生成AIサービスAdobe Fireflyが登場 著作権問題をクリアに

2023/03/28(Tue) 09:00

Adobeが独自のAI画像生成ツール、「Adobe Firefly（アドビ・ファイアフライ）」のベータ版をリリースを発表しました。画像や動画、音楽などあらゆるAI関連サービスがリリースされるなか、この一年間沈黙を貫いてきたAdobe。ついにラスボス登場、といったところでしょう。

https://photoshopvip.net/145001

ヴィンテージ・レトロ好きのための大人デザイン素材集

2023/03/27(Mon) 11:09

人気のレトロ、ヴィンテージデザインを、あらゆる角度で見直し、他とは異なる素材集を作ることをミッションに完成した、The Exquisite Vintage Creative Collection。幅広い美しいデザインを集め、できるだけシンプルに使えて、誰でも簡単にデザインを楽しむことができるように、工夫し作り上げています。

https://photoshopvip.net/144950

CSSの三角関数（sin(), cos(), tan()）の基礎知識と基本的な使い方を解説

2023/03/24(Fri) 08:53

CSSで数式を使用するときには、今まではcalc()関数をはじめ、min(), max(), clamp()などの関数でしたが、ついに三角関数もChrome, Edge, Safari, Firefoxのすべてにサポートされました。CSSの三角関数、sin(), cos, tan(), asin(), acos(), atan(), atan2()の基礎知識と基本的な使い方を紹介します。

https://coliss.com/articles/build-websites/operation/css/trig-functions-in-css.html

ブックマークしておくと便利！ Tailwind CSSで実装された最新のUIコンポーネントライブラリ -Sailboat UI

2023/03/22(Wed) 08:58

Tailwind CSSで実装されたモダンUIコンポーネントのライブラリを紹介します。Webサイトやスマホアプリでよく使用されるカード、ボタン、アコーディオン、タブ、フォームなど、150種類以上のUIコンポーネントが揃っており、ベースとなるレイアウトも豊富に揃っています。

https://coliss.com/articles/build-websites/operation/css/modern-ui-component-library-for-tailwind-css.html

SEOで上位表示を目指す方法！検索エンジンの仕組みも解説

2023/03/20(Mon) 09:02

自然検索からの流入を増加させるためには、ウェブサイトの上位表示が必須です。しかし、上位表示を狙うためには、やるべきことが数多くあります。本記事では、「ウェブサイトを上位表示させたい」と考えている方に向けて、上位表示させるための具体的な方法や、必要な知識を学べるおすすめのメディアをまとめました。

https://www.seohacks.net/blog/17034/

Web制作に役立つ超便利ツールが登場！ HTMLやCSSやJavaScriptのさまざまなツールがひとまとめになったツールボックス -He3

2023/03/17(Fri) 09:00

HTMLやCSSやJavaScriptの軽量化・整形、FlexboxやGridやbox-shadowのジェネレーター、各種エンコード・デコード、データの暗号化、ダミーテキスト・ダミーデータ・ファビコン生成、テキスト比較（Diff）など、Web制作に役立つさまざまなツールがまとめて利用できる『He3』を紹介します。

https://coliss.com/articles/build-websites/operation/work/modern-developer-toolbox-he3.html

フォトショップが楽しくなる最新チュートリアル、つくり方まとめ

2023/03/16(Thu) 08:56

フォトショップを使いこなしたいときは、やってみたいつくり方をまずは真似してみましょう。手順通り進めることで、あらゆることができるフォトショップの、実践的な使い方を学ぶことができるでしょう。実際、フォトショップの使い方を紹介したチュートリアルが、毎日世界中で公開されています。この記事では基本から応用まで、しっかり学ぶことができる最新チュートリアルを、まとめてご紹介します。

https://photoshopvip.net/144772