Getting started | Less.js
It's CSS, with just a little more. Use with Node.js: npm install -g less > lessc styles.less styles.css Or the browser: <link rel="stylesheet/less" type="text/css" href="styles.less" /> <script src="https://cdn.jsdelivr.net/npm/less" ></script> Or try the online playground ! 🆕 Less (which stands for Leaner Style Sheets) is a backwards-compatible language extension for CSS. This is the official do
3分でわかるHTML5のコンテンツモデルとカテゴリー (1/3)
「HTML5タグの誤用で恥をかいた」「分厚い仕様書は読み切れない」コーダー＆デザイナーのためのコーディングガイド。最終草案に対応したほか、商用サイトを意識したコーディング例を新たに書き下ろし。HTML5マークアップへ移行するために必要な知識を効率よく学べる1冊です。ネットで話題の「HTML5カルタ」付き! HTML5マークアップ 現場で使える最短攻略ガイド 定価：2,808円 （本体2,600円）／形態：B5変 (240ページ) ISBN：978-4-04-866070-9 前回のセクションに関する要素の解説では、「カテゴリー」や「コンテンツモデル」という単語が登場しました。カテゴリーとコンテンツモデルを理解すると、「要素の中にどの要素を入れられるのか」を、容易に判断できます。 「コンテンツモデル」は入れられるコンテンツのルール、 「カテゴリー」は詳細な分類 第1回の記事で、「a要素がブロ
組織図っぽい図を簡単に作れるjQueryプラグイン「jQuery Org Chart」:phpspot開発日誌
jQuery Org Chart ? a plugin for visualising data in a tree-like structure The Silver Lining 組織図っぽい図を簡単に作れるjQueryプラグイン「jQuery Org Chart」 次のような組織図を作ることができます。ドラッグ＆ドロップでインタラクティブに再配置することも可能です ドラッグ＆ドロップで再配置可能 気になるマークアップですが、ul, li を階層的に記述するだけでよいものになっています。これを上記のようにビジュアライズしてくれるのは楽ですね 関連エントリ アニメーションするスピードメーターを実装できるjQueryプラグイン「Speedometer」 複数要素の関連をビジュアライズできるライブラリ「arbor.js」
Facebookは非公開設定でも直リンで誰でも写真が見れる上に、削除しても永遠に写真は消えないようです。
Facebookは非公開設定でも直リンで誰でも写真が見れる上に、削除しても永遠に写真は消えないようです。
小人閑居して: 「ぐへへお姉ちゃんパンツ何色」から始めるクラス解説
2011年12月6日火曜日 「ぐへへお姉ちゃんパンツ何色」から始めるクラス解説 「ぐへへお姉ちゃんパンツ何色」はこれ以上ないほどオブジェクト指向であり、しかも理想的な実装をしていることに気づきました。これを用いてオブジェクト指向を説明してみようと思います。 ある人が「ぐへへお姉ちゃんパンツ何色」と質問するのは、お姉ちゃんオブジェクトの保持するpants_color変数を取得しようとする手続きと見ることが出来ます。つまり oneechan.pants_color を取得しようとしているわけです。 ではどうすればいいのでしょうか？ 考えてみましょう。直接パンツを見ればpants_colorを取得することができますね。 クラスを使わないとすればこんな書き方が考えられます。 struct oneechan{ int pants_color; }; 構造体でひな形を宣言します。
自分の歯を守りたいならやめるべき、歯に良くない「3つ」のこと | ライフハッカー・ジャパン
自分の歯を大切にして、自分の歯で食べ続けたいという気持ちは、おそらく誰にでもあると思います。できることなら、そのためにお金が掛かったり痛かったりせずに済むといいのですが、歯磨きとフロスだけで自分の歯が守れるとは限りません。そこで今回は、自分の歯をいい状態に保つために気をつけたい、歯に良くない3つのことをお教えしましょう。 Image remixed from an original by Pete Simon. 歯科医のWendy Bach先生に、先生が最近見てきた中でも際立って多い「歯に良くないこと」を3つ挙げてもらいました。まず指摘したのは、砂糖とミルク入りのコーヒーをダラダラと一日中飲むことです。しかし、これは砂糖とミルク入りのコーヒーを飲まない方がいい、ということではないのでご安心を。 問題なのは、長時間少しずつ常に飲んでいると、唾液の中に有害な糖分がたまること。Bach先生は水を
Sass を今すぐ実務で使おうよ！ « NAVER Engineers' Blog
はじめましての tacamy です。 さて今日は Less & Sass Advent calendar 2011 の 3 日目です。 「Sassかぁ。まーたしかに便利そうだけど、 実務で使えるか分からないし自分には関係ないかな。」 とか思ってませんか・・・！？ ぜんぜんそんなことないですよ！( ･`ω･´) その証拠に、NAVER では半年ほど前から、 新規サービスはすべて Sass を使って制作していますが、問題なく使えています。 むしろ効率化できて、CSS を書く工数が減った気もします（個人の感想です）。 小難しいテクニックは、このあとの 22 人が書いてくれると思うので（丸投げ）、 今日の記事では、Sass を実務で使うことに絞って書いてみます。 実務でSassを使うメリットって？ 制作の工数が減る CSS3 を使うときのベンダープリフィックスをいちいち自力でつけたり、
iOSゆとりプログラミングのススメ - 仕事人の開発日誌
iOS Advent Calendar 2011という今年を締めくくる売名イベントが突如発足したので我こそはとエントリーしたわけなんだが。http://atnd.org/events/22792 俺は入門書をいくつ読んでもアプリをいつまでたっても完成させることのできないお前らの為にわざわざ書き下ろす事にした。精力的に入門記事を書いているもとまかさん(@motomaka)ですら書いていない内容をな！ 今更ですがiOSアプリ開発の基礎について色々調べてみましたhttp://d.hatena.ne.jp/moto_maka/20110425/1303673150 12月3日までの記事は以下の通り。 12月1日 @glassonion1 失敗しない iOS In-App Purchase プログラミング12月2日 @k_katsumi CAEmitterLayer でクリスマスは爆発しろ12月3日
不明なCSSセレクター
ブラウザーがCSSをパースする際、不明なセレクターに遭遇するとどうなると思いますか？ 実はそのセレクターを含むルール全体が無視されます。何を当たり前のことを言っているんだと思われるかもしれませんが、そのルールが複数のセレクターを持っていて、そのうちひとつだけが不明なものだとしてもルール全体が無視されるということはあまり知られていないような気がします。知られていないというよりも意識する必要があまりなかったという方が近いですかね。 つまり以下のようなCSSコードは無意味です。 :-moz-any(article, aside, nav, section) h1, :-webkit-any(article, aside, nav, section) h1, :matches(article, aside, nav, section) h1 { color: red; } CSS4の:matche
youkoseki.com | 「それが大事」の状態遷移図
昼食時に店で流れていた、大事MANブラザーズバンド「それが大事」の歌詞が、あまりに繰り返しばかりなので、状態遷移図を作りました。どうぞご利用下さい。（2011/12/02） 歌詞は「うたまっぷ」に準じております。 「負けない事」がふたつあったバグや、二番に入る時も「Oh…」を経由する点、「傷ついてる人」が「傷ついて人」になっていた点を修正しました。@Hiedano氏のご指摘に感謝。（2011/12/03） 描画にはGraphvizを利用しています。レイアウトは自動生成です。DOTファイルもあります。 @vilart氏が「それが大事」っぽい歌詞の自動生成に挑戦されています。 状態遷移図ものではid:debedebe氏による「あたし状態遷移図」が金字塔です。 「そもそも状態遷移図じゃねえ」というご批判を受けました。ごもっともです。 Hey Judeで似たようなものがあると教わりました。ネットは
苦況（ピンチ）の内にも入りません - Mozilla Flux
（2011/12/21追記） Mozillaが公式ブログでGoogleとの提携契約の延長を発表した（『Mozilla and Google Sign New Agreement for Default Search in Firefox』）。秘密保持条項があるため契約の詳細は記載されていないが、Mozillaは今後3年間この提携関係が継続すると明言している。 （2011/12/07追記） CNET News『Don't write off Mozilla-Google revenue deal as dead（Mozilla・Googleの収入提携を死んだことにするな）』という記事が出た（CNET Japanによる抄訳）。Stephen Shankland記者がGoogleとMozillaに取材したところ、GoogleはMozillaとの契約関係がなお継続している事実を認め、Mozilla
HTML5に踏み出せない人に捧げる、HTML5を使う10の理由
HTML5、使ってますか？ このサイトも未なのですが、これからHTML5を使い始めるぞっとなる10の理由を紹介します。 Top 10 Reasons to Use HTML5 Right Now [ad#ad-2] 下記は各ポイントを意訳したものです。 10. アクセシビリティ 9. ビデオとオーディオのサポート 8. Doctype 7. よりクリアなコード 6. ストレージ 5. インタラクション 4. ゲームの開発 3. 古いブラウザのサポート 2. スマートフォンへの対応 1. これからはHTML5 10. アクセシビリティ HTML5は「セマンティック」「ARIA」の2つの理由でサイトをアクセシブルにします。header, footer, nav, section, adiseなどのような要素はスクリーンリーダーにもコンテンツに容易にアクセス可能なようにします。また要素にrole
実質SDカードの容量が無限大に！ 不要になったiPodやiPadやiPhoneを活用可能！ Eye-Fi ロケットニュース24（β）
» 実質SDカードの容量が無限大に！ 不要になったiPodやiPadやiPhoneを活用可能！ Eye-Fi 特集 無線LAN機能付きSDカード『Eye-Fi』（アイファイ）。以前から発売されている次世代SDカードなのでご存知の方も多いと思うが、これはSDカード本体に無線LAN機能を搭載したもので、カメラで撮影した瞬間に、パソコンやiPad等に写真を転送してくれるスグレモノなのだ。 『Eye-Fi』は、周囲に無線LANの電波があればそこに接続し、インターネット上に画像をアップロードすることが可能。パソコンを持っていれば、ダイレクト送信でインターネットを介さずに写真を転送することも可能だ。 さらに凄いのは、iPod touchやiPadやiPhoneにもダイレクト送信で写真を転送できる点である。つまり、古くなって不要になったiPod touchやiPadやiPhoneをデータバンクとして写真
新潮社、「新潮新書」全作品電子書籍化へ
新潮社の「新潮新書」が全作品電子書籍化されることが明らかになった。今後、新潮文書発刊当時からの全作品を、月30点ほど電子書籍化していく予定。 「現代を知りたい大人のために 700円で充実の2時間」をキャッチコピーに新潮社が発行する「新潮新書」が全作品電子書籍化されることが明らかになった。 『バカの壁』（累計430万部）、『国家の品格』（累計260万部）、『人は見た目が9割』（累計110万部）などのベストセラーを生んできた新潮新書。同社ではこうした話題作など約60点をすでに電子書籍化しているが、新潮新書発刊当時からの全作品を順次、電子化していくこととなった。 今後、新潮文書発刊当時からの全作品を、月30点ほど電子書籍化していく予定。BookLive!、Reader Store、LISMO Book Store、ソフトバンクブックストアの4電子書籍ストアで半年間先行配信される。ソフトバンクブッ
LESS初心者向けのナニカ - Archiva
Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い！情報の正確性は自己責任で判断してください。 こんにちは『Less & Sass Advent calendar 2011』4日目。Sig.@sigwygがお送りします。「ハードル下げるよ」と言っていたtacamyが文量ある良記事を上げており、高まるハードルに恐々としている今日この頃。皆さん如何お過ごしでしょうか。まあ僕はマイペースで行きます。久しぶりのBlog記事ですしね！（言い訳） さて、小狡く予防線を張ったところでLESS紹介です。LESSはCSSに変数やら関数やらネストやらを実装します。Sassと同じようなCSS拡張とかメタ言語とか言われるモノです。この辺りの解説はdebiruくんの記事が詳しいので割愛。
【2ch】ニュー速クオリティ:結局どんなシャンプーを使えば一番捗るんだよ そろそろ結論だそうぜ
1 名無しさん＠涙目です。(福岡県) 2011/11/28(月) 23:26:56.50 ID:7aUSqgOa0 [1/3] ?PLT(12000) ポイント特典 楽天市場の年間売れ筋ランキング……スカルプDが圧倒的強さ 楽天市場ランキング 楽天は25日、楽天市場の「2011年 年間売れ筋ランキング」を発表した。 それによると、1位となったのは薬用シャンプーの「スカルプD」。2位、4位もスカルプD関連商品がランクインし、高い人気を維持した。また、今年は3位に「水」、10位に「米」がランクインしたのも特徴的だ。 新食感バウムクーヘン「マダムシンコ」は今年に入っても人気で、現在でも3ヵ月先まで予約でいっぱいだという。 同社では、今年の消費の特徴として「ネット通販の日常化」「節電需要」「超円高需要」の3点を挙げる。2008年ごろから米や水、洗剤などの日用品が年間ランキングの上位へラ
【画像あり】学校の机と椅子買ったｗｗｗｗｗｗ授業を始めますｗｗｗｗｗｗｗｗｗ : 暇人＼(^o^)／速報 - ライブドアブログ
【画像あり】学校の机と椅子買ったｗｗｗｗｗｗ授業を始めますｗｗｗｗｗｗｗｗｗ Tweet 1：以下、名無しにかわりましてVIPがお送りします：2011/12/03(土) 22:58:11.62 ID:0H88IdXU0 前スレ : 【画像あり】大金が転がり込んできたｗｗｗｗｗｗｗｗ やべえ・・・懐かしすぎるだろ・・・ 8：以下、名無しにかわりましてVIPがお送りします：2011/12/03(土) 22:59:44.84 ID:E+LSKRdH0 筆記用具がなきゃ授業できんな 12：以下、名無しにかわりましてVIPがお送りします：2011/12/03(土) 23:00:21.44 ID:SgmCLNfH0 ウッディーのやつかな 13：以下、名無しにかわりましてVIPがお送りします：2011/12/03(土) 23:01:00.69 ID:0H88IdXU0 すげえｗｗｗｗプラモデルみたいだｗ
「ベーシックインカムで働く気が失せる」は嘘 生活保護と違って逆に働くようになる
■編集元：ニュース速報板より「「ベーシックインカムで働く気が失せる」は嘘 生活保護と違って逆に働くようになる」 1 名無しさん＠涙目です。(神奈川県) :2011/12/03(土) 16:41:21.52 ID:AUUQkI2f0 ?PLT(13035) ポイント特典 前回はベーシックインカム（BI）について、社会正義から見た正当性と、制度としての合理性について説明した。BIは、民主主義社会の正義とされる（1）「自由」、（2）「機会の平等」、及び（3）「格差の極少化」に適っている。また現行の社会保障制度と比べて、（1）シンプルで分かりやすい、（2）運用コストが小さい、（3）恣意性を排除できる、（4）働くインセンティヴを損なわない、（5）受給者の尊厳を保てる、という5つの具体的なメリットがある。 就労の動機と選択条件が変化する まず第1の批判である「働かない人が増える」という指摘につ
台湾ウェザーガールズが美少女戦隊 に「天気戦隊ウェザーガールズ」結成
■編集元：ニュース速報板より「台湾ウェザーガールズが美少女戦隊 に「天気戦隊ウェザーガールズ」結成」 1 中国住み （美楽加油!） ◆0AyEq578t2 (東京都) :2011/12/02(金) 19:40:32.04 ID:Vrt5JZ+d0 ?PLT(12501) ポイント特典 12月は戦隊コスプレだそうです http://www.nexttv.com.tw/weather/section/vdo/12468/issueid/20111201/n/4/set/3 http://www.nexttv.com.tw/weather/section/vdo/12467/issueid/20111202/n/5/set/3 http://www.nexttv.com.tw/weather/ 続きを読む
新規カテゴリのランキングURLについて - ニコニコ動画 開発者ブログ（新着情報）
12月中旬に、動画において新カテゴリが追加されます。 新カテゴリのランキングURLを事前にお伝えいたします。 ニコニコインディーズ http://www.nicovideo.jp/ranking/fav/daily/nicoindies 旅行 http://www.nicovideo.jp/ranking/fav/daily/travel 車載動画 http://www.nicovideo.jp/ranking/fav/daily/drive 作ってみた http://www.nicovideo.jp/ranking/fav/daily/make ニコニコ手芸部 http://www.nicovideo.jp/ranking/fav/daily/handcraft 新規カテゴリの週間、月間ランキングは、初回の生成期間までデータがない状態となります。 また、12月中旬カテゴリの追加と同時に、
カオスちゃんねる : 成長期すぎて身長をのばす方法
2011年12月03日09:00 成長期すぎて身長をのばす方法 1 名前：以下、名無しにかわりましてVIPがお送りします[] 投稿日：2011/11/30(水) 16:08:57.59 ID:FD0xP0x9i 19で162なんだが教えてください。 16 名前：以下、名無しにかわりましてVIPがお送りします[] 投稿日：2011/11/30(水) 16:13:10.94 ID:QMWXn+nQ0 金と時間と根性あれば 17 名前：以下、名無しにかわりましてVIPがお送りします[] 投稿日：2011/11/30(水) 16:14:17.63 ID:STv/1cTX0 身長伸ばすための注射があったはず 41 名前：以下、名無しにかわりましてVIPがお送りします[] 投稿日：2011/11/30(水) 16:27:40.25 ID:qprAt/qv0 身長を伸ばす方法 : 伸長法 : 背が伸びる
font-familyの指定はウェイトなしのアルファベット表記のみでほぼよさそう | Culture27
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif; 同じフォントを日本語表記とアルファベット表記の両方で指定しているのは、各ブラウザの解釈や挙動が異なるなどの理由からです。ただ、最近のブラウザはどうなんだろうかとちょっと気になったので調べました。 結果としては下記の表になりました。詳細はデモページを見てください。 Parallels上のWin7: IE6-8(IE6,7はIETester), Chrome15, Firefox8, Safari5, Opera11 Mac OS X 10.6.8: Chrome15, Firefox8, Safari5, Opera11 文字コード: UTF-8 指定方法 IE Chrome Saf
ポリゴン女子の歴史 - うさだBlog / ls@usada's Workshop
# 1993/??/?? バーチャファイター / SEGA / Model1/SS/32X 当時の最先端技術を結集して生まれたSEGA Model1システムに搭載されたのは、固定機能のフラットシェーダのみであり、テクスチャマッピングは使用できなかった。 - 1994/11/?? バーチャファイター2 / SEGA / Model2/SS Model1の後継基板であるModel2ではバーチャファイター2が開発され、そのビジュアル的インパクトから、普段およそビデオゲームなどやらない人間まで巻き込み、スト2を越える格闘ゲーム史上最大規模のヒットを記録した。Model2には依然として固定機能のフラットシェーダしか搭載されていなかったが、「デカールではなく階調のみ」という特殊な仕様ながらテクスチャマッピングが使用可能となっており、品質の向上に大きく貢献した。 - 1994/12/?? 鉄拳 / ナム
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Emacs Major Mode: LESS CSS - JD Huntington
はてなまとめ（仮）
Amazon.co.jp: 笛付きアヒル（大） 50入り: Toy
http://ide911.com/wpss/
ggsoku.com
中2の時に着てた服が出てきたwwwwwwwwwwww : ニュー速VIPブログ(`･ω･´)
アニメとのタイアップが決まったV系バンドが声優 堀江由衣の顔をブログで「アイドルではない、劣化ってわけじゃないけどチープ」と発言 : ニュー速VIPブログ(`･ω･´)
Good night, Posterous
http://kazetaka.com/archives/51950831.html