タグ

2012年8月17日のブックマーク (8件)

  • Best Casino jQuery Plugins: Example ohne Steuer

    ViewerDecember 9 Viewew is an awesome jQuery image viewing plugin for photo galleries. Created by Fengyuan Chen Download Home Example View more → video-extendDecember 7 Video Extend is a jQuery plugin to create advanced video controls like jump to and chapters to videos Created by andchir Download Home Example View more → Casino pagination-jsDecember 5 Pagination-js is a Casino ohne Steuer jQuery

  • IE6、IE7、IE8におけるCSSの違いまとめ

    Net Applicationsの報告によれば、2009年9月におけるブラウザシェアはIEが65.71%で過半数のシェアを確保している。バージョンごとにみるとIE6 24.42%、IE7 19.39%、IE8 16.84%となっており、IE6、IE7、IE8のシェアが拮抗しつつあることがわかる。これまでのシェア変動から推測すると、今後数ヶ月の間は3つのバージョンのIEが似たようなシェアを持った期間が続くことになる。IEが第一シェアだといっても、結果的に3つのバージョンに対応する必要がある。 この状況は、特にCSSのサポートという面で厄介な状況を生み出している。IE8はCSS 2.1への高い準拠を実現しているが、IE7はそうではない。IE6はサポートしている要素やプロパティがさらに少ない。またIE7やIE6は対象の要素やプロパティをサポートしていても、規約が想定している動作と違う動きをするも

  • 写真やベクトル無料でダウンロード| Freepik

    すぐれたデザインを、より速く作成高品質の写真、動画、ベクトル、PSD、AI 画像、アイコンなどを使えば、アイデアを並外れたデザインに変換できます

    写真やベクトル無料でダウンロード| Freepik
  • [IE][CSS]IEで透過PNGを扱う為のまとめ | 技術雑記

    透過PNG と IE と IE7 まとめ IE6以前では透過PNG(背景部分が透けてるPNG)の扱いが不適切なままでおかしな画像になります。 IE7ではある程度直ってるみたいですが。 ソレを回避する為のテクニックが色々ネット上に散らばってたので、まとめて見ました。 まぁいまさらな感はありますが、自分がWebサービスの開発中にこの問題に今頃直面したってことで(^^) ポイントはIE6のフィルタ機能のAlphaImageLoaderという機能を使うようです。 IEと透過PNG http://amenti.usamimi.info/ie6png.html こちらは色々なパターンでAlphaImageLoaderの使い方がのってます。 ただソースの書き方に一工夫がいるのでこのサイトの方法だと既存のサイトに適用するのは少々手直しがいるので手間が要りそうです。 ウノウラボ Unoh Labs: IE6

    [IE][CSS]IEで透過PNGを扱う為のまとめ | 技術雑記
  • ImageAlpha — image minifier (like JPEG with transparency!)

    DownloadVersion 1.5.1 Mac OS X 10.8-11 Not using a Mac? Check out Color Quantizer (Windows), pngquant (Unix) and TinyPNG (on-line). Snow Leopard (10.6) versionChangelogBugsDonateSource code This application is no longer supported. It was written in Python 2, and Python 2 has been deprecated and removed from macOS. Alternatives: lossy option in ImageOptim, pngquant, or squoosh.app. ImageAlpha great

  • 必読!5分でわかるレスポンシブWebデザインまとめ その2 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    デザイナーの野田です。 前回書かせていただいた「必読!5分でわかるレスポンシブWebデザインまとめ」が、大変好評だったため、今回も続編を書かせていただきます。 今回は、応用編のつもりでしたが、前回だけでは足りていない事が多かったので、もう少し基となる部分を固めていきたいと思います。 当に基的な事ですが、大切な事ですので、少しでも皆様のお役にたてればと思います。 レスポンシブWebデザインで必ず考えなければならない事 「レスポンシブWebデザイン」で制作する際には、必ず考えなければならない事がいくつかあります。 これは、考えていなければ制作する際に必ずつまずく事でもございます。 ■対応デバイスの確認 まずは、対応デバイスの確認をしましょう。 現在、様々な解像度を持つデバイスがございます。大体のサイズとして下記のものが挙げられます。 ※PCの解像度に関しては、今回は省略させていただきます

    必読!5分でわかるレスポンシブWebデザインまとめ その2 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • サイト制作時のメモ 2012年前半

    ここ最近でサイトを作ったときに思ったことのメモです。 個人的なサイトを昨年末と今年の7月に1つずつ、それ以外でやったのが春に1つ(結局なかったことにされたけど)、今やってるのが1つ。 昨年末のは一応レスポンシブウェブデザイン、7月のと春のは普通のソリッドレイアウト、今やってるのがスマートフォンサイト。 昨年末に作ったものについてははてなダイアリーの方でも書いたし、内容は被るけど改めて。 全般「HTML5 Boilerplate」は丸ごとというより必要な部分だけ抜き出して使うと便利。 「これは要らないかなー」という部分を探すのにはコード読まないといけないので、それだけでも結構勉強になると思う。 単純なサイトなら頑張って画像作らなくてもなんとかなったりする。 (対象がいわゆるモダンブラウザの場合) Sass 3.2から使えるPlaceholder Selectorは凝ったことしなくても普通に便

    サイト制作時のメモ 2012年前半
  • 行間(行の高さ)を調節するなら単位はナシで [ホームページ作成] All About

    ここでは、「1.4」という数値に単位を付けていません。 行間を調節する際には、この「単位を付けない」という点が重要です。 以下のように、単位を付ける指定も文法的に可能ですが、こうすると少々問題が起こります。 上記の記述は、行の高さを「1.4文字分」にする指定なので、先ほどの「1.4」とだけ記述した場合と結果は同じです。 しかし、ある特定の場合には「1.4em」のように単位を付けて記述した場合だけ、困った表示になります。 単位を指定した場合、しなかった場合 下図は、line-heightプロパティの値として「1.4em」を指定した場合(左)と、「1.4」を指定した場合(右)のキャプチャ画像です。 ▲line-heightプロパティの値:(左)「1.4em」、(右)「1.4」 line-heightプロパティの値として「1.4em」を指定しても「1.4」を指定しても、どちらも「行の高さが1.4

    行間(行の高さ)を調節するなら単位はナシで [ホームページ作成] All About