CSS(スタイルシート)のテクニックとトピックのポータル

LESSをはじめてみたいと思いつつも、既にある資産が邪魔していたり最初のとっかかりがないと感じている人は多いのではないでしょうか。そこで使ってみてほしいのがCss2Lessです。 0

良く使われるUIキット付属の CSSフレームワークです。960 グリッドシステムも搭載して いますので、様々なレイアウト にも対応できる柔軟なフレーム ワークになるかもしれません。 UIキット付属のレスポンシブWebデザイン対応CSSフレームワーク。960グリッドシステム搭載です。 Gumby F...

このWebサイトのスタイルではブレークポイントがレイアウト向けに3つ、フォント・サイズ向けに4つ設定されている。なんと7段変速！なんでそうなってるのかとかそういう話を書きたくなったので書く。 レイアウト向け 主にデザインが格納できるのか、バランスはどうかみたいな理由でブレークポイントを設定している...

ものになるモノ、ならないモノ（47） 脅威のフレームワーク「Meteor」で 来れ、1億総Webアプリ開発者の時代 山崎潤一郎 2012/5/16 文系で印象派人間の筆者でも「これならWebアプリ開発、できるかも」と思わせてくれるフレームワークが登場した。技術的な視点からの開設は他所に任せ、ここで...

昨日に引き続き、CSSも収録しなおしました。音質アップ＆フォント見やすく、ですっきりしましたｗ。ふー。 それからCSSに関しては今回見なおして、5つの動画を追加しておきました。以前作ったときに敬遠していたpositionやらセレクタの優先順位やらを簡単に紹介しています。ややこしいですが、やはり知っ...

『 SASShasCompassandLESSdoesnot.これにつきると思う。 』

ポイントカードを収集しているサイトですが、現在はただの普通のブログです。IT/Webな情報や雑記。CSS3のWebフォントは海外では積極的に取り入れられていますが、日本語ではほとんど普及していません。そこで、再配布可能かつ漢字で使えるフリーフォントを集めてみました。 Webフォントとは Webフォ...

Bootstrap、Hogan.js、Finagleなど 注目のTwitter系オープンソース Twitter Tokyo Open Houseまとめレポート 山本裕介 2012/5/15 「Twitter Open House」はTwitter社のエンジニアと直接情報交換ができるオフラインイベン...

グリッドに沿ってタイル状に配置した画像やテキストなどのエレメントをランダムな順番でふわりと表示するjQueryのプラグインを紹介します。 champagne.jsの使い方 champagne.jsは、3ステップで簡単に実装できます。 画像やテキストをタイル状にCSSで実装。 jQueryと当スクリ...

下記は各ポイントを意訳したものです。 Normalize.cssとは Normalize.cssの特徴 ノーマライズ vs リセット Normalize.cssの使い方 終わりに Normalize.cssとは Normalize.cssとは、クロスブラウザにHTMLのエレメントのデフォルトのスタ...

WEBサイト上に会話調のコンテンツを作ろうとするとき、吹き出しのデザインを使いたいなんてこともありますよね。 しかし、０から作ろうとするとなかなか面倒なのが現実。テンプレがあればサクッと作れるものなんでしょうけれども。そこで今回は、吹き出し調のデザインを簡単に作ることができるサービスをご紹介します...

『 21FantasticExamplesofSlidersinWebDesign 』

しょうもないことがとっても気になる@poyosiです、こんにちは。 以下の画像のように、リストで画像と文字を縦中心に並べるのは1行だけなら簡単なのですが、複数行入るかもしれないとなると急にやっかいになるレイアウトです。 というわけで、どうしてもこのレイアウトを実装したいという超レアなケース向けに、...

Web-webkit-border-radius なんて書いているWeb開発者は腹を切って死ぬべきである - hogehoge @teramako と言う記事を読んで、内容自体には頷けると言う部分も多かったのですが、該当記事を Internet Explorer 9 で閲覧して思わず苦笑する事とな...