2014年8月20日 jQuery いつも使っているラジオボタンやチェックボックスにもっと彩りを！ここではCSSとjQueryを使ってiPhone風のデザインに変える方法を紹介します。使用する画像は一枚のみ。CSSスプライトで表示位置を変えます。サンプルも用意してみたので覗いてみてくださいね！ ↑私が10年以上利用している会計ソフト！ サンプルはこちら。IE7, IE8, FF, Chromeで正常動作 See the Pen Mobile like radio/check buttons by Mana (@manabox) on CodePen. ファイルを準備 必要なファイルを準備します jQuery こんな感じの画像を作る コーディング ファイルを読み込む ヘッダー内にjQueryを読み込ませます。 <script type='text/javascript' src='/samp
Photoshop光のブラシ web制作を進める上で、光を直接使うのではなく、なにかの背景に潜らせたり、メニューなどの後ろにうっすらと構えているラインとしてよく使われるのが、光のラインシリーズだ。 こうしたブラシは非常に人気が高く、私も良くブクマしているのですが、いかんせん、画像が無いとなんとも情報として使えない。 そこで今回はリンクとイメージを直結してただの羅列エントリとして仕上る事にしました。 あとブラシの設定方法がわからないという人がいたら記事の下のほうを参考にしてみてください。 １(+11) ２(+7) ３(+10) ４(+12) ５(+3) ６(+8) ７(+12) ８(+4) ９(+7) １０(+20) １１(+4) １２(+24) １３(+22) １４(+8) １５(+8) １６(+9) １７(+18) １８(+6) １９(+6) ２０(+8) ２１(+6) ２２(+8) ２
Mozillaは、CSSを利用することで利用者の訪問履歴が漏洩する可能性のあるWebブラウザの機能を改善することを明らかにしました。これは、楽天ad4Uのような、CSSやJavaScriptを用いて利用者の履歴を取得しているインターネット広告への対策として考えられたものです。 利便性のための機能から訪問履歴が漏洩 Webブラウザ上のリンクは、訪問したことのあるリンク先に対して色や文字の大きさなどのスタイルを変更することができます。これは、Webブラウザの画面上でどのリンクが訪問済みなのかを知らせるための、ユーザーの利便性を想定して作られた機能です。 しかし一部のインターネット広告では、これを利用して広告の中に大量のリンクを埋め込み、そのリンクの中から訪問済みのスタイルになっているリンクを自動的に探しだすことでユーザーの訪問履歴を取得。履歴情報をいわゆる行動ターゲティング広告の手段としている
これは、Mozilla Security Blog の記事 Plugging the CSS History Leak (英文) の抄訳です。Web 開発者の方は Mozilla Hacks の記事抄訳 CSS の :visited に行われるプライバシー対策 も参照してください。 プライバシーの保護は必ずしも簡単なことではありません Mozilla では近く、以前からブラウザ各社が取り組んでいる個人情報漏えい問題の対策を Firefox の開発ツリーに追加します。私たちはこの改善を非常に楽しみにしており、他のブラウザも後に続いてくれることを期待しています。しかし、これは解決が難しい問題であるため、Mozilla がなぜこのようなアプローチを取ることにしたのか説明しておきたいと思います。 履歴の取得 Web ページ上のリンクは、ユーザがそのリンク先を訪れたことがあるかどうかによって見た目が
テレビ界最大の放送事故って何？ 1 ：以下、名無しにかわりましてVIPがお送りします：2010/03/31(水) 17:18:26.36 ID:6cmGOVDJ0 小島よしお？ 16 ：以下、名無しにかわりましてVIPがお送りします：2010/03/31(水) 17:24:06.95 ID:voXERitI0 よしおだな 風呂のネタばらしはねーよ 3 ：以下、名無しにかわりましてVIPがお送りします：2010/03/31(水) 17:19:04.49 ID:MGUjpl+00 落下が菊間したことだろ 24 ：以下、名無しにかわりましてVIPがお送りします：2010/03/31(水) 17:26:30.51 ID:j2TCqeeDO ビルからアナが落下した動画見たがあれはガチか？ 30 ：以下、名無しにかわりましてVIPがお送りします：2010/03/31(水) 17:28:13.26 ID
グリッドベースのレイアウトを作成すると、ついついdiv要素を多用してしまいがちですが、意味のあるデータにはそれに適した要素を使用し、無駄なdiv要素やclassだらけのマークアップから卒業する方法をWebdesigner Depotから紹介します。 Fight Div-itis and Class-itis With the 960 Grid System 下記は各ポイントを意訳したものです。 はじめに CSSのフレームワーク：960.gsの場合 classの乱用を避ける リスト要素の使用 画像とキャプションの使用 複数の見出しとパラグラフの使用 子要素のclassは親要素に はじめに 数年前までウェブページの設計はテーブルがスタンダードでした。そしてCSSはそれを大きく変え、今日ではCSSのフレームワークがウェブページの設計を容易にしてくれています。 しかしながら、このCSSのフレームワ
自宅ではネットにつながっている機器(ゲーム機を含めて合計8台ぐらい)をすべて無線LANで接続している。どうも調子が悪く、いろいろと設定を変更したり、配置を変えたりと試行錯誤したが、一向に改善されないため、パソコンはLANケーブルで接続することにした。 玄関に電話線が来ており、フスマと扉を最低2箇所を超えないとパソコンまで届かない面倒な配置になっている。まあ、それが理由で無線LANにしていたわけだが、そのまま配線するとそこら中にLANケーブルが這い回って美しくないし、足を引っ掛ける可能性がある。 美しく配線するためにモール(ケーブルカバー)を購入することにした。モールがどういうものなのかは、写真を見てもらった方が早い。 モールは筒状になっていて、竹を割るように二つに分裂する。カバー部分を外した上で床や壁に両面テープで貼りつけて固定し、ケーブルを入れてカバーを付ければすっきりと配線できるわけだ
モバイル担当の渡邉雄介です。以前、ねとらじ担当のクォさんに「仕事を効率よく行う為の基本的なPC環境作り」という記事を書いていただきましたが、今回はさらにもう一歩先のPC環境を実践している、ブログ担当の飯田さんを紹介したいと思います。 まずはディカプルディスプレイ 「ディカプルディスプレイ」って何よ？というと、またの名を「航空管制室」「トレーディングルーム」とも呼ばれ、簡単に説明すると「モニターで表示させる領域を増やしたいなら、画面数を増やせば解決するじゃん！」みたいなものです。 10＝ディカプル 飯田さんは手前からメール用、エクセル用、ターミナル用、ウェブブラウザ用、社内チャット用、萌え壁紙用で使い分けています。また、この写真からは見えませんが、この他にもiTunes (音楽) 用、エディタ用、フリーセル用、ニコ動用などがあります。 これによって、右画面でアクセスログを見ながら左画面でデバ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
