タグ

Webとcssに関するatm_09_tdのブックマーク (6)

  • ブラウザにやさしいHTML/CSS

    1. HTML/CSS 〜 「お・も・て・な・し」をブラウザにも 〜 TAKEHARU IGARI Front-end Engineer / Evangelist ブラウザにやさしい <html5j パフォーマンス部 第⼀回勉強会 /> 2. プロフィール • TAKEHARU IGARI 猪狩 丈治 - 所属 • 株式会社 Lei Hauʼoli フロントエンドエンジニア - 略歴 • 表⽰速度、保守性、ブランディング、SEOを考慮したフロントエンドエンジニアリングを得意とし、 現在、各ナショナルクライアントのプロジェクトや、株式会社リクルートの主要サービスのフロント エンド開発に携わり、⾼速化コンサルティングも⾏う。 - 執筆 • 技術評論社「WEB+DB PRESS」 • Vol.66 〜我流コードからの卒業HTML構造化指南 • Vol.59 〜「Webサイト超⾼速化実況中継 ──

    ブラウザにやさしいHTML/CSS
  • 雑に書いたCSSでもがっちりと美しく整形してくれるwebサービスを使って見えないところもオシャレに変身! * prasm(プラズム)

    インナーのタンクトップにまでこだわる男。フレッシュです。 さて、題に。 ブログやサイトの見た目をいじる方は避けて通れないCSSです。 できれば後々の管理を楽にするためにちゃんと書きたいところですが、なんだかんだ動けばいいやの精神で雑に書いてしまうのです。僕は。 とはいえ、直接CSSを覗かれた時に「ははーん、雑!」とか言われないため(そんなシチュエーションはまあないけどな!)に、簡単にどうにかする便利なサービスがありますので、ご紹介を。 見えないところにも気を配りたいものですね。後々のいらいらを減らすことは、すなわち効率に関わるのです。だろ?未来の俺! はい、という訳で。 #header { background: #8bcdba; border-bottom: none; padding:0; margin: 0; } #header .header-wrap { background:

    雑に書いたCSSでもがっちりと美しく整形してくれるwebサービスを使って見えないところもオシャレに変身! * prasm(プラズム)
  • WebPuttyがちょっといいんじゃないの? | gaspanik weblog

    例によって爺さん並みの時間に起床していろいろチェックをしていたら、オンラインのCSSエディタ「WebPutty」が話題になっているようでした。ちゃんと自サイトで使ったわけではないですが、一応お知らせ程度に載せておきます。 なんでも、このWebPuttyはオンラインのCSSエディタでありながら、CSSのファイルのホスティングも兼ねているようです。さらには「Sass」や「Compass」もサポートしているらしく、そっち系を使ってらっしゃる方でも使える、と。ちなみに、公開時のファイルはちゃんとMinify & Gzipされるようです。 何はともあれ、Googleアカウントでログインだ登録に特別なことは必要なく、Googleアカウントでログインできます。 ログインするとこんな画面。左が保存されたCSS、右に新規サイトの登録のボタンが並んでいます。右上の「HELP」を押せばいろいろ教えてくれます。

    WebPuttyがちょっといいんじゃないの? | gaspanik weblog
  • クロスブラウザなレイアウトデザインテクニック一覧

    CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

    クロスブラウザなレイアウトデザインテクニック一覧
  • クールかつ軽量なCSSメニューを作れる「MenuBuilder.me」

    かっこいいCSSメニューを作れるサービスは数えきれないほど存在します。 そのなかでも、今回ご紹介するサービスは、デザインがクールな上に、シンプルかつ軽量なCSSメニューを作成できるサービスです。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! クールで軽量なCSSメニュー ジェネレーター 「MenuBuilder.me」は、クールで軽量、そしてシンプルなCSSメニューを作成してくれるサービス。 デザインのテンプレートも豊富で、サクっと作れる上に、デフォルトとマウスオーバー時の色も指定でき、メニューのスタイルもカスタマイズできるようになっています。 サンプルCSSメニュー ↑このようなCSSメニューのセットをダウンロードできます。 シンプルながらもカスタマイズ性を保持 ↑右側のテンプレートから選択す

    クールかつ軽量なCSSメニューを作れる「MenuBuilder.me」
  • cssの情報・まとめ - かちびと.net

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

    cssの情報・まとめ - かちびと.net
    atm_09_td
    atm_09_td 2010/01/20
    よくこれだけまとめたものだ。
  • 1