タグ

関連タグで絞り込む (6)

タグの絞り込みを解除

cssに関するtacchiniのブックマーク (11)

  • CSS： marginの正しい理解 - kojika17


    toggle()や変数、calc、:matchなど、今までにないCSSプロパティ、セレクタが提案・実装されて、CSS3, CSS4も楽しくなってきています。 border-radiusや、box-shadowなども、古いAndroidブラウザ以外なら、prefixなしで使える状況も増えてきました。 最新技術は、これから必要になってくるかもしれませんが、基本も大切です。 float や position など、CSSコーディングを悩ませるタネはいくつもありますが、今回はその中でも私がCSSで一番難しいと思う margin について書きます。 ﹁marginはバグが多い﹂という声をたまに聞きます。 しかし話を聞いてみると、正常な動作をバグと間違って認識しているケースもあります。 marginを正しく理解することによって、効率的なレイアウトを構築できますので、基本的な内容ですが、読んで頂ければ幸
    CSS： marginの正しい理解 - kojika17
    tacchini
    tacchini 2012/08/28
    marginの挙動について詳解
    リンク

  • inuit.css—cooler than a polar bear’s toenails…

    Another CSS framework?! Yup, ’fraid so, but this one’s different… It combines years of my best dev tips, tricks and practices in one handy file. inuit.css keywords Progressive Flexible Mobile Tablet Sensible Extensible Accessible Pragmatic Functional Useful Production-ready More What does it do? Mobile & tablet… inuit.css is built to work on smaller screens (such as tablets) and tiny screens (such

  • サービス終了のお知らせ


    サービス終了のお知らせ いつもYahoo! JAPANのサービスをご利用いただき誠にありがとうございます。 お客様がアクセスされたサービスは本日までにサービスを終了いたしました。 今後ともYahoo! JAPANのサービスをご愛顧くださいますよう、よろしくお願いいたします。
    tacchini
    tacchini 2010/10/28
    リンク

  • Web App Theme Test - Born Neet

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qu

  • Railsのクールなデザインを一瞬で自動生成する「Web App Theme」がステキ - このブログは証明できない。


    4歳の長女がプリキュアにハマっています。ピーチを目指しているんだそうです。ですが、普段から絞め技や関節技を教えているので、寝技からの腕ひしぎ十字固めを狙ってきます。そんなプリキュアはいません。キュア・ノゲイラですか。。。 Web App ThemeというRailsのプラグインがあるのですが、これがステキすぎるのです。クールなカンジのテーマ︵レイアウト＆スタイル︶を一瞬にして自動生成してくれます。お、落ち着いて。ゆっくり説明するから。とにかく聞いてください。 まず、Railsのプロジェクトを作ります。 $ railsmemo_app cd memo_app 手抜きするために、scaffoldを使います。で、db:migrateして、serverを起動。 $ script/generate scaffold memo title:string body:text $ rake db:migr
    Railsのクールなデザインを一瞬で自動生成する「Web App Theme」がステキ - このブログは証明できない。

  • Webシステム開発者に送る便利なテンプレート·Web App Theme MOONGIFT


    正直、Webデザインは苦手だ。システムは構築できても、その後のデザインで行き詰まって頓挫したサービスは数知れない。最近ではWebデザインテンプレートを使うようになったが、汎用性の低いものが多くカスタマイズも困難な場合が多い。 Basecampにも似たWebアプリケーションテンプレート 例えばWebシステムの管理画面を考えた場合、ユーザ向けの画面は気合いが入っているのに管理画面は酷いものが多い。そこで使ってみたいのがWeb App Themeだ。 今回紹介するオープンソース・ソフトウェアはWeb App Theme、テーマにも対応した汎用的テンプレートだ。 Web App ThemeはLighthouse、Basecamp、RadiantCMSにインスパイアされたWebアプリケーション向けテンプレートだ。右上のユーザ情報、タブを使った機能の振り分け、個別のタブの中にさらにセカンダリーのタブを
    Webシステム開発者に送る便利なテンプレート·Web App Theme MOONGIFT
    tacchini
    tacchini 2010/04/20
    をかっこよく
    リンク

  • 秋元@サイボウズラボ・プログラマー・ブログ: 管理画面用のフリーテンプレートが公開されている

    ブログやエンドユーザ向けページのデザインテンプレートは多いけど、管理画面用でフリーでいいのはあまりない、と主張する作者による、自由に使える(言及やリンクも不要。できればブログ読んでね、だそうだ)管理画面デザインテンプレートというのがWebResourceDepoｔというブログで配布されていて、del.icio.us/popularに出ていた。 開くとこんな感じ。アイコンは、これもフリーアイコンとして有名なfamfamfamを使っている。 これを使った管理画面をWebアプリケーションフレームワークのAdminジェネレータで生成するようにすれば、バックエンド側の画面作成は手間が減るだろう。 via del.icio.us/popular この記事は移転前の古いURLで公開された時のものですブックマークが新旧で分散している場合があります。移転前は現在とは文体が違い「である」調です。(参考)記事の

    tacchini
    tacchini 2010/04/20
    かっこよく
    リンク

  • 今風のウェブを作る際に使えるCSS/HTML/JSのテンプレ『Easy Front-End Framework』 - 100SHIKI 〜 世界のアイデアを日替わりで


    これはすごく便利。 Easy Front-End Frameworkは今風のウェブサイトを作る際に使えるテンプレートである。 HTML、CSS、Javascriptが全部含まれているので、見出しや本文、テーブルといったスタイルだけではなくて、Tooltipsや浮かび上がってくる画像なども簡単に作れる点が特徴である。 テンプレ自体は英語で作られているが、日本語対応に改造するのもそれほど難しくはないだろう。 仕事をするときに最も難しいのは﹁始める﹂ことである。こうしたテンプレを使ってウェブ作りをさっと始められると確かに便利ですね。
    今風のウェブを作る際に使えるCSS/HTML/JSのテンプレ『Easy Front-End Framework』 - 100SHIKI 〜 世界のアイデアを日替わりで

  • ホントに助かるフリーのcssジェネレーターいろいろ


    使えるcssのオンラインサービスが50個、Speckyboyで記事にされていた のでよさ気なものをいくつかご紹介します。 全部良さそうなので気になる方はぜひ 記事元を訪れてみてください。 日本語のテキストで作成できるｃｓｓメニュージェネレーターは本当に助かります。 Grid Designer 2 細かい設定を行えてすぐに反映されるグリッドシステム。 Grid Designer 2 nP: Grid Generator グリッドを作成すると、ｃｓｓのソースも出してくれます。 nP: Grid Generator Dynamic 4 Column Layout Generator これ面白い。4カラム専用のレイアウトジェネレーター。設定と同時に反映、 ｃｓｓもＤＬ︵コピペ︶出来ます。 Dynamic 4 Column Layout Generator XHTML/CSS Markup Gen
    ホントに助かるフリーのcssジェネレーターいろいろ
    tacchini
    tacchini 2009/07/28
     まとめ。翻訳系デザインブログをpickup。delciousで検索。次に来そうな記事を見つけるサービスを作る。  

    ●css
    ●layout
      
    リンク

  • !importantハック - CSS Hack Lab


    CSS Hack Labは現在、製作段階のWEBサイトです。製作途中のページやリンク切れ等が多数存在します。 また、テスト等をしっかりと行っていない部分もまだ存在します。 なお、ページ移動も頻繁にしていますので、URLは何度も変わる可能性があります。 以上のことを理解の上でサイトを観覧してください。 !importantハックとは・・・ !importantハック︵!important Hack︶は、Windows IE6以下・Mac IE4のみに対して違うスタイルを適用させます。IE6.x以下が!importantの解釈を誤っているだけなので、CSS Validatorに通ります。 selector{ /*通常*/ propaty:value!important; /*IE6以下・Mac IE4*/ propaty:value; } !importantハック・ブラウザ変化表IE標準モ
    tacchini
    tacchini 2009/07/17
    !important ie6は!importantと書いた行を読み飛ばすので、同じプロパティを2行書いておけば、ie6とそれ以外でスタイルを変えられる。line1: property: value !important <ie6では適用されない line2: property: value < ie6で適用される
    リンク

  • 正しい知識を得たい人の爲のCSS2リファレンス

    正しい知識を得たい人の爲のCSS2リファレンス 簡易目次 概要 CSS2の構文 基本データ型 セレクタ 値わりあて，カスケード処理，継承 メディアタイプ HTML文書へのスタイルシート適用 プロパティの定義 テキスト 色と背景 フォント ボックスモデル 視覚整形モデル テーブル 生成内容 リストとマーカー ユーザインタフェイス 附録 CSSに関するアクセシビリティ技術 CSS2.0のプロパティ一覧表 CSS2.1のプロパティ一覧表 CSS2.1の視覚整形モデル詳細 詳細目次 概要 CSSの概要 HTMLの経緯とCSSの役割 CSSの正式勧告水準について 改訂版CSS2.1と次世代CSS3 CSS2.1 vs CSS2 CSSの設計原則 CSS2の処理モデル カンヴァス（The canvas） わりあてモデル（addressing model） 用語の定義 CSS2の構文 構文（Syntax

    tacchini
    tacchini 2009/02/05
    cssで何か困ったら。しっかりしたリファレンスなので多用したいと思います。
    リンク
  • 1

お知らせ

もっと読む

公式Twitter

  • @HatenaBookmark

    リリース、障害情報などのサービスのお知らせ

  • @hatebu

    最新の人気エントリーの配信

はてなブックマーク

公式Twitter

はてなのサービス

  • App Storeからダウンロード
  • Google Playで手に入れよう
Copyright © 2005-2024 Hatena. All Rights Reserved.