HTMLはシンプルなまま、Webサイトの見栄えをよくするclassレスの超軽量CSSフレームワーク -Almond.css

2022/03/09 210 users 見栄え classレス ポートフォリオ CSSリセット ブログ

HTMLはシンプルなままで、モダンなWebページを簡単に作成できるclassレスの超軽量CSSフレームワークを紹介します。 ポートフォリオやブログなどをさくっと作成したい時に便利です。少し手を加えて、CSSリセットとして利用するのもありかもしれません。 Almond.CSS -GitHub Almond.CSSの特徴 Almond.CSSのデモ Almond.CSS... 続きを読む

デザインに少し手を加え、フォームを改善する実践的なUIのテクニックのまとめ | コリス

2021/09/14 207 users コンバージョン コリス UIデザイン ユーザー 翻訳記事

フォームを改善するUIデザインのテクニックを紹介します。 フォームのデザインに少し手を加えるだけで、ユーザーにとって使いやすい、コンバージョンを高めるための実践的なテクニックが満載です。 15 UI Tips for Better Forms by Jim Raptis 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト... 続きを読む

WordPressの管理ページをより便利にカスタマイズする方法13 | Webクリエイターボックス

2011/05/18 1173 users WordPress Webクリエイターボックス 目次 裏側

WordPressを使ってWebサイトを作る際、自分のサイトならさほど気にならない管理画面も、クライアントに納品するのであれば少し手を加えて使いやすくしておきたいところ。少しデザインを変えるだけ、機能を追加・削除するだけで「オリジナル感」がでますよね。今回はそんなWordPressの裏側、管理ページのカスタマイズ方法を紹介します。 WordPressの管理ページをカスタマイズ　目次 管理バーを消す... 続きを読む

CSS3とjQueryでフォームを美しく装飾する方法 | Webクリエイターボックス

2010/10/27 862 users Webクリエイターボックス CSS3とjQuery 装飾

どんなWebサイトでも設置されているフォーム。なんの装飾もなく味気ないフォームより、デザインされたもののほうが連絡してみたくなるはずです！そんなフォームも少し手を加えるだけで素敵なデザインに変身させることができます。今回はCSS3とjQueryを使ってより美しいフォームを作成する方法を紹介します。 フォームの仕様 今回チャレンジするフォームの主な仕様です！ グラデーション・ボックスシャドウを使って... 続きを読む

影のつけ方いろいろ - DesignWalker

2007/08/04 195 users RSSアイコン アイコン クオリティ 本日 写真

最近では、アイコンや写真など、ものすごくクオリティの高いものが、無料でダウンロードできますね。。 もちろん、そのまま使ってもいいのですが、せっかくなので少し手を加えてみてはいかがでしょう？ っちゅうわけで、本日は影のつけ方をいろいろご紹介。。。 今回は、↓のようなRSSアイコンを元に影をつけてみました。 続きを読む

Breadcrumb CSS - Appleに習うパンくずデザインCSS - youmos

2007/06/27 379 users youmos opacity Apple ペー 半透明

Apple.comのようにパンくずも少し手を加えるだけで、使いやすいものになります、Appleのパンくずの区切りには半透明の透過PNGが使われている為、InternetExplorerへの対応はAlphaImageLoaderをCSSで指定しています。 半透明のアルファチャンネルを持つPNGイメージを使う方法と、CSSでopacityを指定する方法のどちらでも同じようにデザインできます。IEはペー... 続きを読む