はてなブックマーク - 亜細亜ノ蛾 - ブックマーク

あじもす@asiamoth id:asiamoth

ブックマーク: 12,440

お気に入り: 348

お気に入られ: 152

ブックマーク / css (344)

Media QueriesとjQueryを使って、スマートフォンでアクセスした時だけナビゲーションメニューを上に隠す - かちびと.net 85 users
シンプルで良かったので一応メモ。レスポンシブWebデザインのTipsです。Media Queries とjQueryを使用して、スマフォでアクセスした時だけ、邪魔になりがちなナビゲーションメニューを上に隠す、みたいな手段。割と良かったので参考までに記事に備忘録とし... 続きを読む
- kachibito.net
- コンピュータ・IT
- tsutomura iPhone, jQuery, これはすごい, メニュー・パンくず
  2012/04/04
- asiamoth PC・ゲーム・家電, webdesign, CSS, jQuery
  「隠す」だけなら Media Queries (CSS) だけで十分だし、そもそも大事なナビゲーションを隠す利点が分かりません。むしろ“タップで降りてくる、引っ張る、などのギミック”のほうが便利。 2012/03/09
- すべて表示
OOCSS（オブジェクト指向CSS）のススメ | hijiriworld Web 19 users
米ヤフーのNicole Sullivan氏が提唱する「OOCSS（オブジェクト指向CSS）」について紹介します。 Object-Oriented CSS 「IDをきっかけに子孫セレクタによってスタイルを定義するのではなく、すべてのスタイルをクラスで定義し、複数組み合わせる。」という考え方... 続きを読む
- hijiriworld.com
- コンピュータ・IT
- asiamoth PC・ゲーム・家電, webdesign, CSS
  オールド・タイプな人間なので `.red { color: red; }` というスタイルは禁断の技に感じる。でも、文章に意味を与えるのは HTML タグにして、クラス名はスタイル重視で良いかも。 2012/03/02
CSS Chrome Fix (Chrome alone css hack) « Mahaveer's Blog 1 user
CSS Chrome Fix (Chrome alone css hack) October 31, 2010 Chrome alone fix, here when i was in a situation where i had a good design ready for a live implementation, but there was an issue waiting for me. Everything was intact untill i got my s... 続きを読む
- mahaveersingh.wordpres...
- コンピュータ・IT
- asiamoth PC・ゲーム・家電, CSS, GoogleChrome, webdesign
  Google Chrome だけに CSS を適用できるハック方法です。意外と簡単に導入できる。各ブラウザが完全に同じ描写をする日は来るのだろうか……。 2012/02/29
JavaScript無しで作るレスポンシブなコンテンツスライダー・CSS3 Responsive Slider - かちびと.net 121 users
使えそうだったので参考にしました。 JavaScriptを使わず、CSSのみで動作させるレスポンシブWebデザイン対応のコンテンツスライダーのサンプルです。軽量化にも繋がりそうですね。 CSSのみで作られたレスポンシブなコンテンツスライダーです。これはちょっと... 続きを読む
- kachibito.net
- コンピュータ・IT
- asiamoth PC・ゲーム・家電, webdesign, CSS
  動きは面白いけれど、サンプルのナビゲーションは「針の穴を通す」ようで大変です！元ネタと違って横の矢印がないからですね。頼みますから世のデザイナさんは、サムネイルにリンク張って終わってください！ 2012/02/28
- kkeisuke
  イージング ease cubic-bezier 2012/02/28
- すべて表示
納期間近でIEで崩れてる！そんな時にも慌てないCSS開発のワークフロー | コリス 651 users
まだまだIE7、そしてIE6のユーザーをターゲットに考えているウェブサイトは多くあると思います。そんなIEユーザーをターゲットに含めたウェブサイトを制作する上で、より効率的にCSSの開発が行えるワークフローを紹介します。下記は各ポイントを意訳したもの... 続きを読む
- coliss.com
- コンピュータ・IT
- kkeisuke
  2012/02/03
- lepton9 css, html, design, browser
  2012/02/02
- rouxril *web制作, css
  2012/02/02
- guldeen web, browser, design, webdesign, tips, なんだかなぁ
  いわゆる『バッドノウハウ』(場当り的対応、とも言う)の集積だよなぁ、こういう『バグ(と言っていいレベルの)を含むシステム』でどうにか、見栄えを確保する方法って。 2012/02/02
- asiamoth PC・ゲーム・家電, webdesign, CSS
  2012 年も IE から目が離せない！（悪い意味で）個人的には、IE のマージンやフロートの問題くらい軽く解決できない人は、プロを名乗って欲しくないけれど。 2012/02/02
- A410 *あとで読む
  2012/02/02
- すべて表示
2012年のMedia Queries - Weblog - hail2u.net 24 users
2011年にはMobile Firstという手法が浸透した。当初は多分に技術的な事情によるもので、先に低解像度向けのスタイルを書くことによって、高解像度向けのスタイルで使われる大きな画像を読み込まれないようにするというテクニックでしかなかった。しかし、結果と... 続きを読む
- hail2u.net
- コンピュータ・IT
- ciqlie css
  2012/02/12
- miyagawa
  2012/01/19
- terkel css, mediaqueries
  2012/01/17
- kits css
  2012/01/17
- asiamoth PC・ゲーム・家電, webdesign, CSS
  「モバイル・ファースト」ではなく、「コンテンツ・ファースト」というか「内容第一」のような考え方が良さそうですね。自分のサイトも見直そう。 ──まだまだあと数年は「IE・ファースト」だったりして。 2012/01/17
- すべて表示
@silent directive coming soon to Sass? - Weblog - hail2u.net 4 users
Compass開発者のChristopher M. EppsteinがSassに@silentというディレクティブを追加してた。どうやら待望の出力CSSに含めないCSSルールを書けるようになるもののようで、これがマージされれば思う存分@extendまくれそう。カラム定義も $col: 60px; $gap: 20px... 続きを読む
- hail2u.net
- コンピュータ・IT
- asiamoth PC・ゲーム・家電, Sass, CSS
  プレリリース版をインストールして % を試しましたが、どう考えても「最初から #main, #sidebar って書けばええやん」という結論になってしまいます。自分の頭が固いのかな。 2012/01/06
Sass で Singleton を実現し、安心してクラスを最利用する | nodot.jp 40 users
※このドキュメントは Google Docs で書いたものをそのままエクスポートしただけなので、環境によって読みにくかったりするかもしれません。すいません。あとでちゃんと体裁を整えます。Sass で Singleton を実現し、安心してクラスを最利用するこの article は... 続きを読む
- nodot.jp
- コンピュータ・IT
- ciqlie sass, less
  2012/01/08
- fujimogn sass
  2012/01/01
- asiamoth PC・ゲーム・家電, SCSS, Sass, CSS
  @extend は誤爆がこわくて使いにくいです。。たんに要素をカンマ区切りでつなげばいいような気がするし、CSSTidy の縮小でまとめられるし。 2011/12/26
- vantguarde web, dev, CSS
  「ただしあんまり再利用性にこだわると泥沼にハマるので容量・用法を守ってほどほどにね!」 2011/12/26
- h2u
  !defaultフラグで多重ロードの制御。 2011/12/26
- terkel sass
  2011/12/26
- すべて表示
俺の CSS リセット: 2011 冬 - terkel.jp 694 users
年末だからというわけでもないのですが、いつものサイト作りに使う CSS リセットについて見直してみました。今までもちょっとずつ手を入れてはいたのですが、今回はかなり大きく修正しています。というのも、Nicolas Gallagher と Jonathan Neal の両氏による n... 続きを読む
- terkel.jp
- コンピュータ・IT
- toricoco css
  2011/12/27
- kkeisuke
  ノーマライズ 2011/12/26
- retlet css, web制作
  2011/12/26
- tsutomura css, あとで読む
  2011/12/26
- hiro_y css
  resetきれい 2011/12/26
- cyokodog css reset, *css, ****あとでみる
  2011/12/26
- lepton9 development, css, design, html
  2011/12/26
- tikeda CSS
  2011/12/25
- Journey css, HTML5
  2011/12/25
- asiamoth PC・ゲーム・家電, webdesign, CSS
  リセット一辺倒だった CSS 業界に normalize という概念を生み出したことは偉大でした。そこから、さらに進化させようという気概が素晴らしい！ただ利用するだけではなく、自分も発展を試みよう。 2011/12/25
- maRk css
  2011/12/25
- fujimogn css
  2011/12/25
- A410 *あとで読む
  2011/12/25
- rikuo css, development
  2011/12/25
- vantguarde thought, CSS, dev
  2011/12/25
- すべて表示
画像を一切使わずCSSで描かれた「けいおん！」の澪がマジですごい！ - 裏技shop DD 450 users
今回紹介するのは、画像を一切使わずにhtml+CSSだけで「けいおん！」の秋山澪を描いた技術デモ作品です。実際に作品を見てもらえば分かると思いますが、ものすごくクオリティが高くて普通に画像にしか見えないレベルです。久しぶりにCSSで絵を描く作品で驚かさ... 続きを読む
- shopdd.blog51.fc2.com
- コンピュータ・IT
- asiamoth PC・ゲーム・家電, 漫画・アニメ・玩具, CSS, けいおん!, 中野梓
  「画像ではない」と言われても、わけがわからないよ！そして安心の IE8 ワロタ。人によっては、「やだなー、CSS じゃなくて (Photoshop) CS って言うんですよ！」とか思っていそう。 2011/12/23
- RM233
  Opera信者「やっぱりOperaで描画される澪が一番かわいいな」 2011/12/22
- kanose CSS, アニメ
  2011/12/21
- Journey css, アニメ
  2011/12/20 1 RT▼
  
  1 RT
- keloinwell html, css
  CSS職人現れるかな？　もしくは画像をHTML+CSSに変換するソフトとか。 2011/12/20
- Marin_MTB ネタ, html, CSS, アニメ, けいおん！, これはすごい
  これ凄いなぁ。なんていう作り込み…。 2011/12/19
- dododod
  2011/12/19
- KoshianX
  ドラえもんに続いて相変わらずIEェ…… 2011/12/19 2 RT▼
  
  2 RT
- A410 *あとで読む
  2011/12/19
- HolyGrail
  2011/12/19 7 RT▼
  7 RT
  - @gorton ゲームキャラとかこれからこの方向なんだろうか RT @HolyGrail
- すべて表示