CSS記述が速くなる、コピペできるチートシート用コードスニペットまとめ - PhotoshopVIP

2021/02/08 20 users

CSSはシンプルな表記でスタイリングが特長ですが、ときには複雑なコードによってどう書いたらよいか、迷ってしまうことがあります。 今回は、CSSでの制作をスピードアップさせる、コピペできるチートシート的コードスニペットをまとめてご紹介します。 リアルタイムによるプレビュー、確認が可能で、生成されたCSSコード... 続きを読む

CSSデザインで綺麗なボタンを作成する （How to make sexy buttons with CSS） - youmos

2007/07/25 263 users youmos ユーザービリティ CSSデザイン CSS ボタン

コンテンツにボタンを用意する際、フォームのボタン以外にもさまざまな場面で利用する。例えば、ダウンロードリンクをボタンデザインに変更するだけで、ユーザービリティが改善される。綺麗なボタンをCSSとイメージ画像でデザインする方法がoscaralexander.comで解説されている。 簡単なHTMLとCSS記述で実装できる、またデザインは背景用のイメージを用意するだけなので、デザイン変更は簡単に可能。... 続きを読む

CSS記述をスマートにするPHP （CSS Server-side Pre-processor） - youmos

2007/07/02 109 users htaccess youmos レイアウト PHP サーバ環境

スタイルシート中心のデザイン、レイアウトでコンテンツを作成しているとCSS記述が複雑になる。運用中に修正を繰り返しているうちに、スタイルシートが複雑になり思わぬトラブルになりかねない。スタイルシートを少しでもわかりやすく記述しておくことで、こうした問題から開放してくれるのがCSS Server-side Pre-processor。 利用するにはPHPとhtaccessが利用できるサーバ環境が必要... 続きを読む