令和のHTML / CSS / JavaScriptの書き方50選
Web制作の技術は日々進化しており、会社やプロジェクトによっては昨今の環境に適さない書き方をしているケースも時折見受けられます。 そこで今回は「2024年のWeb制作ではこのようにコードを書いてほしい！」という内容をまとめました。 質より量で、まずは「こんな書き方があるんだ」をこの記事で伝えたかったので、コードの詳細はあまり解説していません。なので、具体的な仕様などを確認したい方は参考記事を読んだりご自身で調べていただけると幸いです。 1. HTML 画像周りはサイトパフォーマンスに直結するので、まずはそこだけでも取り入れていただきたいです。また、コアウェブバイタルやアクセシビリティも併せて理解しておきたい内容です。 Lazy loading <img>にloading="lazy"属性を付けると画像が遅延読み込みになり、サイトの読み込み時間が早くなります。
S5-Style
宇都宮勝晃、尾花大輔、菅野友香、久野遥子、中村勇吾がウェブデザインに寄せる思いとは？発想の源も いまやウェブサイトは、私たちの暮らしに欠かせない存在になっています。インターネットの広大な海には無数のサイトが存在し、それらは、ウェブデザイナーやフォトグラファー、イラストレーターたちの手によって構築されています。そういったクリエイターたちの活動を俯瞰し、20年にわたってキュレーションしてきた「S5-Style」。ウェブデザイナーの田渕将吾さんが自身の学習の一貫として始めたそのサイトは、「すべてのクリエイティブに光を当てること」をコンセプトにリニューアルオープンしました。田渕さんは、素晴らしいデザインの集約はもちろん、それらをつくりだすデザイナーやクリエイターが交流できる場を生み出し、デザインの未来に貢献したいと語ります。さまざまなかたちでウェブサイトに携わるクリエイターたちは、何をインスピレー
今のデザインに必要とされるコントロール
本当にコントロールできないのか WD101シリーズの最初に、Webデザインは見た目のコントロールができないという話をしました。スクリーンの大きさが多種多様なだけでなく、利用者が見た目や操作性を自由に変えることができる Web。DTPのような感覚でサイトをデザインしても、誰かの Web アクセスの利便性を損なうと指摘しました。 デザイナーはある種、混沌とした状態から秩序を生み出す能力をもっていると思います。バラバラになった情報を整理して一貫性のあるメッセージを伝えたり、混雑した Web の世界に明確な道筋を示す仕事をしています。秩序を作り出すということは、ある程度のコントロールはなくてはならないわけです。 コントロールすることがデザイナーの仕事であるとすれば、『コントロールができない Web』との相性がよくないように見えますし、デザイナーにとって非常に仕事が難しい環境のようにみえます。しかし
えがおの森 ｜ 株式会社千趣会
“えがおの森プロジェクト”は、お客さまと一緒に世の中を笑顔にしていく、千趣会の社会貢献活動です。 私たちは、お客様に笑顔をお届けする事業やサービスを提する「ウーマン スマイル カンパニー」としての活動を、 社会貢献にも広げていきたいと考えています。そしてその活動をお客さまと一緒に進めていくことで、 よりたくさんの笑顔を社会に届けていけたらと考えています。
HYPER MARKET
スマートフォン（以下、「スマホ」）やタブレットなどの携帯端末は日々進化しており、それによって私たちの日常の暮らしは便利になりました。日本でも一連の診察プロセスがオンライン上で完結するオンライン診療が一部で法的に認められており、手持ちのスマホで病気の診断を即座に受けることができます。今後、スマホやタブレットに様々な人工知能が搭載され、そしてSiriなどの音声アシスタントが高精度化し、私たちの生活はより豊かになっていくことでしょう。 各社のスマホアシスタント機能の比較 2 Jul 2021 iPhoneならSiri、Android端末ならGoogleアシスタント、KindleやAmazonの機器ならAlexaと各社様々なアシスタント機能がありますが、それぞれにどのような違いがあるかご存じでしょうか？ Comment → 2021年登場の最新スマホ 28 May 2021 2021年に発売のXp
Webデザインの“ブブン”を集めたブブンデザインアーカイブ 公式サイト
タグ一覧 タイトルロゴ(159) プライマリナビゲーション(72) グローバルナビゲーション(246) メインビジュアル(95) 見出し(326) 文字装飾(10) アクセント(29) サイドメニュー(142) ログインフォーム(68) タブ(55) テーブル・表(23) 地図(12) 特集バナー・内部リンク(525) Twitterアイコン・バナー(64) RSSアイコン・バナー(41) フォーム(9) アイコン(195) ＜前へ 次へ＞(12) 検索窓(149) パンくずリスト(12) このページのトップへ戻る(52) フォントサイズ変更ボタン(34) 問合せ・送信・購入ボタン(72) 電話番号(41) フッター・コピーライト(99) ニュース・ポータル・検索(207) ファッション(200) 音楽・ゲーム・コンテンツ配信(58) ネット関連サービス(86) オンラインショップ(308
ScaleOut | Supership
2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。本件に関する詳細は、プレスリリースをご確認ください。 2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。 本件に関する詳細は、プレスリリースをご確認ください。
ScaleOut | Supership
2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。本件に関する詳細は、プレスリリースをご確認ください。 2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。 本件に関する詳細は、プレスリリースをご確認ください。
Website Builder — Create a Website in Minutes — Squarespace
A collection of inspirational websites made by real Squarespace users. Stories and solutions for the modern entrepreneur. In-depth guides and videos about the platform, our services, and how to get started. An online community for Squarespace users and professionals to discuss best practices and seek advice. Free, online sessions where you’ll learn the basics and refine your Squarespace skills. Ea
会社概要 | 株式会社中川政七商店
中川政七商店について 中川政七商店は奈良の地で享保元年（1716）に創業いたしました。 創業以来、手績み手織りの麻織物を扱い続けております。 近年は工芸をベースにしたSPA業態を確立し、全国に直営店を展開。 そのノウハウをベースに業界特化型のコンサルティング事業も行なっております。 もっと見る
UMA / design farm
BED & LOCAL SHIBAMATA FU-TEN 2017, branding graphic identity project sign
このページは存在しません | クレ・ド・ポー ボーテ
クレ・ド・ポー ボーテ お客さま窓口 0120-86-1982（9:00～17:00 / 土・日・祝日を除く） © Shiseido Japan Co., Ltd. All rights reserved.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
SENDAI INC. ー 「仙台×IT」をキーワードに、つながる、あつまるコミュニティWebメディア。仙台インク
Huge | A design and innovation company
東京のWeb制作会社・ホームページ制作｜QUOITWORKS Inc.（株式会社クオートワークス）
Neguse-group.com
Awwwards - Website Awards - Best Web Design Trends
http://www.fontwalk.de/
MORINAGA MILK
Elemis Freebies | Home Page