HonokaはオリジナルBootstrapテーマです HonokaはBootstrapテーマの一つですが、以下の特徴を持っています。 Easy to Start HonokaはBootstrapを元に製作されているため、非常に高い互換性を持っています。マークアップに関する規約はほとんど変わりません。
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
.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
AI & MLLearn about artificial intelligence and machine learning across the GitHub ecosystem and the wider industry. Generative AILearn how to build with generative AI. GitHub CopilotChange how you work with GitHub Copilot. LLMsEverything developers need to know about LLMs. Machine learningMachine learning tips, tricks, and best practices. How AI code generation worksExplore the capabilities and be
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
少ない手間と知識でそれなりに見せる、ズルいデザインテクニック with Sass / Compass (English Version) https://speakerdeck.com/ken_c_lo/zurui-design-technique-english-version 第一回…
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
きのう私のはてなブログのデザインを変えたのですが、周りの人からは好評なようで良かったです。夜の０時くらいに思いついて４時くらいまでやっていたかいがありました。こういうモチベーションは日をまたいで長くは続かないので、昔から徹夜で朝までやって作るみたいなことが多いような気がします。そして、ほぼできたモノを見せてフィードバックをもらって、モチベーションを次につなげていくというやり方です。 私は普段からCSSトリックの様な技術をはてなブックマークで毎日追いかけているのですが、そういう類のものは実践で使えないことが多いです。Internet Explorerというブラウザがあるからです。最近ではiPhone,Androidといった特定のデバイス向けにWebページを作ることもあるので、そういう場合には気にせず使っていくことができるのですが、PC向けとなるとなかなか…。 という訳で、ためしてみたいCSS
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を更に便利に使う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ページを開く