[B! css] namaniku_keroのブックマーク

cssの情報・まとめ - かちびと.net

cssの情報まとめです。ローカル環境にストックしていた情報を開放してみますのでシェアして頂ければ幸いです。内容は結構偏っていると思いますので参考程度になさってください。全てのcss情報が有るわけではありません。主観でストックしていたリンク集です。ツールとかメニュー関連とかハックとかいろいろ188の情報です。ツールオンラインのcssツール。 CSS Validation Service / W3C検証サービス日本語版 RoundedCornr / 角丸のHTML・CSSコードを生成してくれる CSS Type Set / ファミリー、色、単語間、行間等をプレビューで確認 CSS Text Wrapper / 様々な形のテキストの回りこみを簡単に実現できる CSS Builder / オンラインでスタイルを生成可能 Spiffy Box / cssによる角丸を簡単に生成 The

namaniku_kero 2010/01/21

リンク

都道府県選択するやつ。

メモ。誰かの役にも立つかもしれないしってことで、いつも過去の案件のソースとか探してペタペタしてるけど、何処で使ったのか忘れたりするのでここに貼っておこう。 - コメントにて使用条件を書いてほしいとの事だったので念の為追記しておきます。特別記載が無いエントリー以外は、どう使うのも自由です。自分のブログにそのままソース掲載してもらっても、仕事で使ってもいいですし、あらゆる用途に対して自由に使ってください。もちろん、改変・配布とかも自由です。ただ、ウチで公開しているソースやサンプルに対して何らかの問題が生じても責任は負いません。各自の責任でご利用ください。大体こんな感じです。 select要素でマークアップ済みの都道府県のやつ <select name="都道府県"> <option value="">都道府県をお選びください。</option> <optgroup label="北

namaniku_kero 2009/07/16

リンク

これは驚きの、CSSだけで作れる吹き出しボックス:phpspot開発日誌

Fun With CSS Shapes - Nettuts これは驚き！CSSだけで作れる吹き出しボックス。次のような吹き出しが、画像を一切使わずにCSSだけで実現できてしまうようです。 HTMLコードをちょっと分かりやすいようにダイエットしてみたものが以下。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <style type="text/css"> blockquote {

namaniku_kero 2009/04/09

css
tips

リンク

モダンCSSにおける黄金比とは？ | CREAMU

CSSでのレイアウトに黄金比を取り入れたい。そんなときに参考になるのが、『Golden Ratio in modern CSS』。モダンCSSにおける黄金比だ。このエントリーでは、960pxのdivがある場合、960 / 1.62 = 593px　が左カラム、960 – 593 = 367pxが右カラムになるといったように、黄金比を取り入れたレイアウトの方法が解説されている。その他にも、 line-height = font-size x 1.62 paragraph margin = paragraph line-height x 1.62 / 2 といったような設計の例が紹介されている。結論としては、 Many people will argue, that this technic is an utopia and we cannot spend time coding ne