CATEGORY

Webデザイン

リスト先頭のアローをfont-awesomeで実装

昔からよくつかわれるリスト要素の先頭につけるアロー(右向きの三角形)。 サイト毎に(あるいは1つのサイト内でも)アローの色、サイズが違っていると画像の色、サイズを変更して書き出したりと面倒。 せっかくfontawesomeという便利なfont(アイコン)があるのでこれを使って実装してみます。 まず必要なのが、font-awesomeを読むこむ記述。head内に記述します。 <link rel […]

「ここにテキストが入ります」のサンプルテキストは使わない

ホームページのデザインカンプでよく見かけるサンプルテキスト「ここにテキストが入ります」という文言。 試しに「ここにテキストが入ります」でgoogle検索するとたくさんのサイトがヒットします。 テンプレート、作りかけのサイトなどなど。 制作者としてはまあよく見るんですが、普段は完成したページばかり見ている方にとってはちょっと面白い光景かと思いました。 私はクライアントに見せるデザインカンプや実装した […]

参考にしたいランディングページのまとめサイト

ランディングページ(以下LP)を作ることになったので、参考になるようなサイトを検索してみました。 参考にしたサイトも3つほど上げてみます。 「ランディングページ 集めました」 http://lp-web.com/ 「LANDINGPAGE BOOKMARK」 http://www.landingpage-link.jp/ 「WebDesignClip LP」 http://lp.webdesign […]

バナーデザインの参考集

バナーを作るときにとりあえず参考をいろいろ見たいなーってときに。 googleで「バナーデザイン ○○○」でもよいかもしれないですが、(確かそこからたどり着いたんだったかも・・・)いい感じのバナーデザイン集のページを見つけたので残しておきます。 「坊のデザイン」バナーデザイン集 http://www.bows-design.com/portfolio_list/banner-design01/ デ […]

Fireworksでfaviconをつくる→WordPressに設置

今まであまりFaviconについては意識が高くなかったんですが、WordPressのテーマの中にはデフォルトでFaviconがついてるのがありますよね。 私のブログもフリーのテーマを使わせてもらっているんですが、一応そのままではさすがによくないので変更しておくことにしました。 1.Fireworksの拡張機能をダウンロードする。 http://johndunning.com/fireworks/a […]