株式会社GENEROSITY（本社：東京都港区、代表取締役CEO：西垣 雄太）は、この度、株式会社SpincoasterのWEBサイト制作支援において、世界的なWEBデザイン・開発アワード『CSS Design Award』にて審査員と一般投票から高い評価を受けたことにより、「Best UI Design ...

当社がデザインを担当した株式会社サムザップ様のコーポレートサイトが、国際的なウェブデザインアワード「CSS Design Awards」において、Special Kudos賞を受賞いたしました。 CSS Design Awardsは、革新的なWEBデザインを評価・表彰する国際的なアワードであり、UI ...

ということで、今まで数限りなくネットのあちこちで紹介されてきたCSSデザイン関連のサイトがリスト化されてまとめられたようです。これだけあれば当分はブログなどのデザインのネタに困ることはなさそう。インスピレーションを得るのに使うもよし ...

こんにちは！Webデザインに興味をお持ちの皆さん、ようこそ！ 「Webサイトってどうやって作られているんだろう？」「自分でも簡単なページを作ってみたいけど、何から始めればいいのか分からない」と感じていませんか？ この講座では、Webサイト制作の ...

これまでの章では、Tailwindの基礎や具体的な使い方について解説しました。ここからは発展編として、デザインとCSSの関係性や、CSS設計におけるTailwindの意味について考察していきます。 ユーティリティファーストは実際のデザインプロセスに近い ...

2024年1月26日発売の 『Tailwind CSS実践入門』 の第9章 「ユーティリティファーストでデザインシステムを構築する」 の一部を、前後編の2回に分けて掲載します。ユーティリティファーストというTailwind CSSの発想を活かしたデザインシステム構築の最初の一歩を ...

CSS 3では、セレクタだけでなく複数のプロパティも追加されている。POINT 1で述べたようにCSS 3ではモジュールベースで策定が進められており勧告への状況はモジュールごとに異なるが「CSS 3 Backgrounds ＆ Borders Module Level 3」や「CSS Multi-column Layout Module」など一部 ...

CSSスプライトとは複数の画像を1つのファイルにまとめて、CSSのポジション指定で画像の一部を表示させる方法だ。ここでは、CSSスプライトを用いてロールオーバーを実現する方法を紹介する。 CSSスプライトとは複数の画像を1つのファイルにまとめ、CSSの ...

CSSコードのチュートリアルサイト「Max Design」の9つのフローティングチュートリアルです。細かく手順が書いてありますので、わかりやすいのではないかと思います。 詳細は、以下から。1から9のチュートリアル名とデモ画面の画像です。

HTMLとCSSは、Webサイト開発の基礎となる言語であり、ページの構造設計やデザインを担当します。HTMLはサイトのコンテンツ構造を定義し、CSSはデザインやレイアウトを制御します。これらの基本文法、レスポンシブデザイン、アクセシビリティ、SEOの基礎 ...

Twitterは8月19日(米国時間)、Webアプリケーションを迅速に開発するためのフロントエンドツールキット「Bootstrap」を公開した。「Bootstrap」は基本的にはTwitterデザインのCSS。統一されたデザインがすでに実現されており、開発者は説明通りにHTMLを組めばTwitter ...

モバイルファーストでデザインするCSSの書き方(2ページ目) ウェブページのデザインをモバイルファーストで作る際のCSSソースの書き方を解説。スマートフォンに最適化したシンプルなCSSを「共通デザイン」として先に記述しておき、後から「タブレット向け ...