こんにちはこんにちは！！ 今日はちょっとCSSのメモです！ 半透明について！ #testOpacity { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; /* IE */ filter: alpha(opacity=40); /* IE */ -moz-opacity:0.4; /* Firefox(old) */ -khtml-... 続きを読む

• d:id:Hamachiya2
• テクノロジー

テキストで実装した見出しなどを画像に置換するテクニックで「-9999px」が有名ですが、そのパフォーマンスを改善するテクニックを紹介します。 画像置換：-9999px 改善したテクニック 画像置換：-9999px -9999pxを使った画像置換のテクニックは、下記のようにな... 続きを読む

• coliss.com
• テクノロジー

今さらながら CSS animation の使い方が分かってきたので、プロパティなどを簡単にまとめておきたいと思います。 これを書くにあたって、以下の2つを参考にしました。 CSS Animations Editor’s Draft 25 July 2011 CSS animations – MDN 上のは dev.w3.org に... 続きを読む

• unformedbuilding.com
• テクノロジー

CSS3がいくらパワフルとはいえ、さすがにここまで凝ったものが作れるとは思いませんでした。 まずはChromeでこちらを遊んでみてください。 CSS3 OF THE DEAD - jsdo.it - share JavaScript, HTML5 and CSS まるでJSをバリバリ使ったゲーム、のように見えますが... 続きを読む

• design.kayac.com
• テクノロジー

前回の更新日が見たくない程に時が流れている今日この頃・・・。 ブログを更新するモチベーションが中々上がらなかったんですが、まだ、だらだらでも良いから書いていきたいなと言う気持ちは有るんです。えぇ。 こんだけ更新が滞ってても、Twitterとかで時々ブ... 続きを読む

• css-happylife.com
• テクノロジー

CSSセレクタって意外と分かっていなかったりするので勉強ついでにまとめてみました。比較的実用的かなと思うものを20個紹介していきます。いい復習になればと思います。 そもそもCSSセレクタが何かというと、スタイルを適用する対象を選択するものです。普段何... 続きを読む

• weboook.blog22.fc2.com
• テクノロジー

Create unblockable images. Email providers usually block images, but they can't tell the difference between a css image and regular html. With Img to CSS you can be certain that your email images are seen by your customers. If you want an ima... 続きを読む

• www.imgtocss.com
• テクノロジー

Cascader is a tool that helps developers separate inlined CSS from HTML files.Cascader is a tool that helps developers separate inlined CSS from HTML files. Start by entering HTML into the textbox below and Cascader will do the rest. Go Back ... 続きを読む

• www.cascader.co
• テクノロジー

現在floatを解除する方法として、"clearfix"がよく使用されていると思います。 しかしclearfixが初めて公開されたのが、2004年5月8日。 それ以来、7年間ほとんど形を変えずにclearfixが使用されてきました。 ブラウザもCSS3を多く対応してきている中で、「それ... 続きを読む

• kojika17.com
• テクノロジー

僕をフォークして魔術師になってよ！ norahiko forked:0favorite:1lines:0/115/635license: MIT License modified:2011-03-07 20:51:39 pv : 215 <script type="text/javascript" src="http://jsdo.it/blogparts/m1WT/js?view=design"></script><p class="ttlBp... 続きを読む

• jsdo.it
• テクノロジー

主に海外の解析部隊の人達によって、まどか☆マギカの作中で使われてるルーン文字が解析されつつあるみたいです。ご丁寧にもTrueTypeフォントがダウンロード出来るようになってたので、早速はてダで使ってみます。 まずMadokaRunes.ttfだけど、件のサイトへの直... 続きを読む

• d:id:y-kawaz
• テクノロジー

カッコいい管理画面のHTMLテンプレート総まとめ。 これまで紹介したエントリや、新しく発見したエントリで紹介されているものを全てマージしてみました。 有償のものも混じってますが、カッコいい管理画面を作りたいといった際にカタログ的に使ってみてもいいか... 続きを読む

• phpspot.org
• テクノロジー

マークアップエンジニア（以下、ME）のtacamyです！(`・ω・´) カヤックでは、デザイナーに比べてMEが絶滅危惧種的な人数なので、 デザイナーもHTMLコーディングをしてくれています。 （いつもありがとうございます！） そんなワケで、本格的にHTMLコーディング... 続きを読む

• design.kayac.com
• テクノロジー

サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト ... 続きを読む

• html-coding.co.jp
• テクノロジー

個人的なメモです。今まであまり使って いなかったので少し使っていこうと思い、 いくつか自分でも使えそうなフレーム ワークを探しました。表題の通り、PHP、 CSS、HTMLやJS等しか僕は能力が 無いのでこの辺のフレームワークの まとめになります。 使いやすそ... 続きを読む

• kachibito.net
• テクノロジー

CSSやJavaScript（jQuery）を使用して、フォームのテキストエリアをより使いやすくする9つのトリックを紹介します。 CSS 画像の表示には、スタイルシートを利用します。 textarea { background: url(images/benice.png) center center no-repeat; /* This ruins... 続きを読む

• coliss.com
• テクノロジー

CSS HappyLife ZERO が移転したのでお手数ですが、消えちゃう前にブックマーク等変更してもらえるととても嬉しいです。 制作会社でコーディングする場合、社内のガイドライン的なのが有ったりデザイナーもある程度固定されてると思うので、毎回似たような事を確... 続きを読む

• css-happylife.com
• テクノロジー

iOS Icons made in Pure CSS Each one of these icons was rendered in nothing but CSS, no images. Viewed best in Safari 5 or Google Chrome. Read more › 続きを読む

• graphicpeel.com
• テクノロジー

jsdo.it - share JavaScript, HTML5 and CSS - jsdo.it is a service to write JavaScript, HTML5, CSS in your browser and share it. You can copy and modify others' code. And also Ask questions about JavaScript, HTML5, CSS 続きを読む

• jsdo.it
• テクノロジー

class名やid名って付ける時悩みませんか？ 今でもボクは結構悩むんですが、そんな悩みを解決する為に、人さまのソース覗きまくってよくあるclass名とid名を拾ってきました。 これで、チョットだけ作業効率アップ！？ ---- こっから続き 全体に使えそうな感じ wr... 続きを読む

• css-happylife.com
• テクノロジー