HTMLとCSSのコピペですぐに実装できる見出しデザイン14選
WEB制作で必ずと言っていいほど登場するものの１つに「見出し」があります。 そこで今回は、CSSだけで作られている見出しの中でも、実用性が高いものやCSSの最新要素を使ったものを厳選してご紹介します。コピペで簡単に実装できるので、是非使ってみてください。 飾り付きの見出し 擬似要素before、afterを使って飾りをつける見出しです。beforeとafterのcontentプロパティを変更すれば、☆や♡にすることもできます。 同じくbefore、afterを使うパターンです。transformプロパティで斜めにした長方形と長方形を重ねることで三角形を作っています。 beforeとafterを使ったシンプルな見出しです。ボーダーを指定した擬似要素の位置をpositionプロパティで指定しています。 ボーダーがある見出し キャプション付きの見出しです。シンプルなので使いやすいですが、レスポン
次々とセンスある配色パターンを提案してくれるサイト「Coolors」 | ライフハッカー・ジャパン
Nintendo Switchの純正プロコンを異次元レベルの操作性に!使わない理由がない革新的アダプター
意外とわからない柄や模様の名前一覧！チェック柄や花柄など全27種類 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。LIGブログ編集部です。 皆さん、日ごろ目にしている柄・模様の名称、ご存じでしょうか？ 「あの柄のものが欲しいんだけど……なんて言うんだっけ……」ということ、あると思います。 ということで！ 今回はサラッと言えるとかっこいい、覚えておきたい柄の名称27種類をカテゴリー別にご紹介します。さっそく、柄・模様と一緒にみていきましょう。 未経験からWebデザイナーを目指すなら…… Webデザインを効率的に学びたい、転職・就職を目指している、誰かに教えてもらいたい……という方は、「スクールでの勉強」がおすすめです。弊社運営のWebクリエイター育成スクール「デジタルハリウッドSTUDIO by LIG」では、Webデザインの基本からサイト制作のやり方まで、実践的なカリキュラムを採用。少しでも気になる方は、ぜひこちらから資料請求してみてください。 ※この記事は2022年8月に編集部が情報を更
シームレスに使える、ざらっとした渋い感じのテクスチャ用の素材 -WeGraphics
個人でも商用でも無料で利用できる、ちょっと渋い感じのざらっとしたシームレスなパターン素材を紹介します。 Subtle Distress Photoshop Patterns ダウンロードできる素材のフォーマットは、下記の通りです。 PSD (800x800px) PAT (Photoshop用のパターン素材) 両方ともシームレスです。 アイテムは全部で、10種類。 渋い色合いで、グランジ風のデザインに合いそうです。
配色のお供に、超使いやすいカラースキームツール！「COLOURCODE」がとっても良い感じ
これは使いやすい配色ツール！ そんなわけで、マウス・トラックパッドで感覚的に使用出来るカラーツール「COLOURCODE」がとっても良い感じでしたのでご紹介です。 Colourco.de – find your colour scheme 画面上をマウスで移動して色を選択 このCOLOURCODE最大の特徴はその使い方。 画面上をマウスで移動するとキャンバスの色が変化しますので、好きな色が出来たらクリックで保存します。スクロールすると彩度の変更も可能。rgb値、hsl値など5種類の数値で色の値を表示してくれます。 クリックした色はこんな感じで保存されていきます。わっかりやすぅーい。 一度保存した色はご覧のように左右の場所を入れ替えたり削除することも可能です。 また、右上の欄にカラーコードを直接入力して色を選択することも出来ます。 配色ツールとしても良い感じ そして、画面上部に用意されている
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事
新着記事
http://handywebdesign.net/2013/03/layout-and-design-about-menu/
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
新着記事