Honoka - 日本語も美しく表示できるBootstrapテーマHonokaはオリジナルBootstrapテーマです HonokaはBootstrapテーマの一つですが、以下の特徴を持っています。 Easy to Start HonokaはBootstrapを元に製作されているため、非常に高い互換性を持っています。マークアップに関する規約はほとんど変わりません。
CSS謝罪文 - jsdo.it - Share JavaScript, HTML5 and CSS
CSSによるインデックスされない謝罪文 CSSに本文が書いてあるので、画面上は表示されているがGoogleでのキーワード検索には引っかからない 「流出」などの嫌な単語は:beforeと:afterに「流」「出」を分けて書くことで、自然言語解析を回避 #s { p:first-child { font-weight: bold; font-size: 120%; } p:not(:first-child) { text-indent: 1em; } p:nth-child(1):before{ content: "お 詫"; } p:nth-child(1):after{ content: " び"; } p:nth-child(2):before{ content: "平素は弊社のサービスをご利用いただき、誠にありがとうございます。"; } p:nth-child(3):before{ c
SpinKit
.spinner { width: 40px; height: 40px; background-color: #333; margin: 100px auto; -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out; animation: sk-rotateplane 1.2s infinite ease-in-out; } @-webkit-keyframes sk-rotateplane { 0% { -webkit-transform: perspective(120px) } 50% { -webkit-transform: perspective(120px) rotateY(180deg) } 100% { -webkit-transform: perspective(120px) rotateY(180deg
Optimizing large selector sets
EngineeringOptimizing large selector setsCSS selectors are to frontend development as SQL statements are to the backend. Aside from their origin in CSS, we use them all over our JavaScript. Importantly, selectors are declarative,… CSS selectors are to frontend development as SQL statements are to the backend. Aside from their origin in CSS, we use them all over our JavaScript. Importantly, selecto
Justified and Vertically Centered Header Elements | Codrops
A little journey into positioning header elements to be centered vertically and justified with the help of pseudo-elements. Sometimes the most simple looking little layouts require complicated structures and various styling tricks. Centering elements, justifying content or aligning them the way we want can get really funky and frustrating. One of those little simple things that comes with many pit
少ない手間と知識でそれなりに見せる、ズルいデザインテクニック// Speaker Deck
少ない手間と知識でそれなりに見せる、ズルいデザインテクニック with Sass / Compass (English Version) https://speakerdeck.com/ken_c_lo/zurui-design-technique-english-version 第一回 プログラマ向けデザイン勉強会 #design4p http://connpass.com/event/1185/ で発表させていただきました。 （#p4d プログラマ向けデザイン部 主催イベント http://prog4designer.github.io/） @mah_lab さんが ズルいデザインのRails gemを作って下さいました http://blog.mah-lab.com/2012/11/07/zurui-design-for-rails/ (Repository) https://git
Internet Explorer 10 の quirks モードは今までの quirks モードではない
Internet Explorer 10 Compatibility Cookbook http://msdn.microsoft.com/library/hh801219.aspx Internet Explorer 10 では Web 標準への準拠や他のブラウザーとの相互運用性の向上が Internet Explorer 9 以上に強化されています。これは Web 全体の進化と将来的なユーザー利益には問題なく大きな前進ですが、その反面、古いバージョンの Internet Explorer の挙動に依存していた Web サイトや Web アプリケーションでは、深刻な互換性の問題が生じる可能性もあるという事です。 その中でも注意すべきだと考えているのが、Quirks モードの動作の変更です。 Internet Explorer における quirks モードは、Internet Explo
くらげメモ１ - nothing
きのう私のはてなブログのデザインを変えたのですが、周りの人からは好評なようで良かったです。夜の０時くらいに思いついて４時くらいまでやっていたかいがありました。こういうモチベーションは日をまたいで長くは続かないので、昔から徹夜で朝までやって作るみたいなことが多いような気がします。そして、ほぼできたモノを見せてフィードバックをもらって、モチベーションを次につなげていくというやり方です。 私は普段からCSSトリックの様な技術をはてなブックマークで毎日追いかけているのですが、そういう類のものは実践で使えないことが多いです。Internet Explorerというブラウザがあるからです。最近ではiPhone,Androidといった特定のデバイス向けにWebページを作ることもあるので、そういう場合には気にせず使っていくことができるのですが、PC向けとなるとなかなか…。 という訳で、ためしてみたいCSS
IE 6, IE 7, IE 8 が退場した未来 - latest log
Internet Explorer の自動アップグレードについて | TechNet 長かった… 本当に長かった… やっと、IE 6, IE 7 が居なくなるのですね… uupaa.js ver 0.8 に埋まっている処理から情報を抜き出し IE 6, IE 7, IE 8 が居なくなった未来では何が可能になるのか抜粋してみました。 IE8 でやっと使えるようになる機能 一部は IE 6 や IE 7 でも使えるのですが、対応が限定的だったり不具合が多かったりと、安心して使えなかった機能も含まれています。 display: inline-block display: table, table-cell など position: fixed; E:active {...} E:focus {...} E::first-child {...} E:lang(C) {...} E::after
twitter bootstrap railsを使ったら職が見つかり彼女も出来て背も3センチ伸びました。 - ppworks.jp
twitter bootstrapを更に便利に使うgemがtwitter bootstrap railsです。 railsアプリを作りましょう。 rvmでgem set作ります。 rvm --create 1.9.3-p125@tbrsample railsアプリ生成します。 gem install rails --no-ri --no-rdoc rails new tbrsample gemを指定しましょう。 Gemfileのgroup :assetsに追加します。 cd tbrsample vim Gemfile gem "twitter-bootstrap-rails" どん bundle install --without=production bootstrapをgenerateしましょう。 必要なjsやcssをapp/assets配下に配置します。 rails g bootst
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Primer
Buttons - A highly customizable CSS button library.
Geo for Bootstrap, a Timeless Theme by Divshot
Internet Explorer デベロッパー センター
Designing the Hi-DPI Web
GitHub's CSS Performance
Google Bootstrap has moved!
スマートフォンブラウザ不具合特集
Web Fonts with Web Design
くらげごはん。
