はてブログ

はてなブックマーク新着エントリーの過去ログサイトです。



タグ デザインサンプル

新着順 人気順 5 users 10 users 50 users 100 users 500 users 1000 users
 
(1 - 8 / 8件)
 

シンプルなHTMLとCSSをコピペするだけで実装できる見出しデザイン20選–[FIT BLOG-フィットブログ]

2017/07/10 このエントリーをはてなブックマークに追加 646 users Instapaper Pocket Tweet Facebook Share Evernote Clip CSS 内藤 コーディング HTML 見出し

画像を使用することなくHTMLとCSSだけでデザインした見出しのデザインサンプルを20パターン紹介いたします。できるだけ特性の違うデザインに仕上がるように工夫しております。これから紹介する様々なデザインサンプルを組み合わせれば、また新たな面白い見...コーディング  内藤 康太 / 2017.07.11 シンプルなHTMLとCSSをコピペするだけで実装できる見出しデザイン20選 画像を使用すること... 続きを読む

ちゃちゃっとCSSで色々とやりたい時に激しく便利なサイトとまとめ記事 | Flips Blog Web担の小技

2016/03/17 このエントリーをはてなブックマークに追加 414 users Instapaper Pocket Tweet Facebook Share Evernote Clip CSSコピペ コピペ 見出し Web担 HTML

Webサイトを作っている時に、ここ便利だなというところをご紹介。 なるべくさくっとやりたいことをコードにする。そんなCSS作成のサポートにピッタリな記事、サイトをご紹介します。 シンプルなHTMLとCSSコピペで実装できるタイトル(見出し)のデザインサンプル 50  とりあえず見出しの作成に悩んだら一回見ておけばいいよっていうやつ。 コピペも大量。すごい便利。 コピペするだけで使えるCSSボタンジ... 続きを読む

シンプルなHTMLとCSSコピペで実装できるタイトル(見出し)のデザインサンプル 50 | NxWorld

2015/10/07 このエントリーをはてなブックマークに追加 1048 users Instapaper Pocket Tweet Facebook Share Evernote Clip CSS 見栄え NxWorld 手間 複数行

画像は使用せずにCSSだけでスタイリングしたタイトル(見出し)のデザインサンプルで、似たようなものやちょっとCSS追記した程度のものも多いですが全50種類です。全体的にすごく手間がかかっているようなものはないのですが、似たようなタイトルデザインを使う場合はCSSコピペで実装できると思います。また、一部複数行に向かないものもありますが、基本的には複数行のタイトルでも見栄えが崩れない感じのものになって... 続きを読む

Textwellでカエレバを使ってアマゾンの商品紹介をするアクション Kaereba - W&R : Jazzと読書の日々

2014/09/03 このエントリーをはてなブックマークに追加 11 users Instapaper Pocket Tweet Facebook Share Evernote Clip Textwell カエレバ JAZZ アマゾン 読書

AmazonSearchだとリンクが作れないケースが出てきたので。 商品紹介ブログパーツ カエレバ デザインサンプルあります!カエレバの最新情報はわかったブログで!テキストリンク(Amazon)September Song画像リンク(Amazon)※利用方法はこちら※利用方法はこちら開発者:かん吉会... こういうときは素直になって専用ツールを借りることにします。カエレバ。キーワードで検索してブロ... 続きを読む

デザインサンプルで学ぶCSSによるスタイリング~「テーブル(ハイライト表示/縦列のスタイリング)」編 (1/3):CodeZine

2014/07/18 このエントリーをはてなブックマークに追加 54 users Instapaper Pocket Tweet Facebook Share Evernote Clip CodeZine CSS スタイリング 縦列 テーブル

本連載では、Webページをデザインする際、具体的にどのようにコーディングすれば良いのか分からない人のために、見出しやリスト、フォームなど、Webページを構成する部品のデザインサンプルを紹介し、CSSによるスタイリング方法を解説します。今回は、前回に引き続き、テーブルをCSSでスタイリングする方法を紹介します。 縦列に対してスタイルを適用するための方法や、行や列のハイライト表示、データセルのソートな... 続きを読む

hr要素のデザインサンプル 12 | NxWorld

2013/09/12 このエントリーをはてなブックマークに追加 698 users Instapaper Pocket Tweet Facebook Share Evernote Clip 罫線 備忘録 NxWorld 見栄え CSS

hr要素は罫線を表示させるもので、話題を変える時の目印となる区切り線などとして用いられます。どのブラウザでも完璧に同じ見栄えをとなると背景画像とかがやはり手っ取り早いし無難なんですが、やろうと思えばCSSだけでも結構いろいろとできるので、備忘録兼ねてhr要素をスタイリングしたものをまとめてみました。 以下で紹介しているものは、ブラウザによっては(特にCSS3を用いているもの)ちゃんと表示されません... 続きを読む

夏のアイテムをモチーフにしたアイコン・パターン素材のまとめ -2013年夏 | コリス

2013/07/15 このエントリーをはてなブックマークに追加 37 users Instapaper Pocket Tweet Facebook Share Evernote Clip カクテル スイカ ビーチ アイス アイコン

ビーチやキャンプ、スイカ、アイス、カクテルなど、夏のアイテムをモチーフにしたアイコンを紹介します。 アイコンは商用利用可のものからデザインサンプルまで、最後には夏をイメージしたパターン素材全62種も!まずは、フラットなアイコン素材から。 Free Summer Icons アイコン、個人・商用利用無料(参照:Terms of Use.rtf)。 Free Summer Icon Set アイコン、... 続きを読む

おすすめのデザイン本「レイアウトのデザインパターン帖」: DesignWorks

2011/07/08 このエントリーをはてなブックマークに追加 16 users Instapaper Pocket Tweet Facebook Share Evernote Clip 毎回 制作 デザイン書籍 注目 DesignWorks

毎回、注目のデザイン書籍や写真集、おすすめの本を紹介します。 今回は、「レイアウトのデザインパターン帖」です。 デザインの基本的なレイアウトとなるデザインサンプルが詰まった、レイアウトの参考書となる一冊です。 詳しくは以下 デザイン制作の際は、イメージやレイアウトを固めて制作に入ることが、作業時間を短縮させる効率的な方法ですが、どんなレイアウトが合うのか、一つ一つ考えていくのには時間が掛かります。... 続きを読む

 
(1 - 8 / 8件)