font-sizeのパーセント表記一覧 - Webtech Walker
font-sizeはpxやptなどで指定するとIEで拡大、縮小ができないので、パーセントなどで指定することが多いと思います。しかし、パーセントで指定すると、ブラウザごとに大きさが違ったりします。そこで、基本サイズが12px～16pxのときに10px～26px相当を表示するパーセントの数値を計算して、各ブラウザで確認したものをまとめました。 注意点 これは僕が自分で確認できる環境でのみ動作確認を行っています。動作確認したブラウザは以下になります。 Windows IE6 IE7 Firefox2.0.0.14 Opera9.27 safari3.1 Netscape7.01 Mac Firefox2.0.0.14 Opera9.27 Safari3.1.1 Safari2.0.4 IE5.2 計算式は以下のとおりです。小数点以下は四捨五入するとブラウザ間で差異でるようなので、切り上げることで
自動入力のパスワードを確認する方法 | Health is better than wealth
インターネットをしているとなんだかんだでID、パスワードが増えてきます。 最近のWebブラウザはおりこうさんなので一度ID、パスワード保存してしまえば、次からはフォームに自動で入力してくれます。 おかげで私たちの記憶力が悪くなっているような気もしますが・・・。 Webブラウザなどの自動入力に任せていると、いつの間にかパスワードがなんだったのか忘れてしまいます。いざ確認しようとしても、パスワードのフォームにあるのは●や*（アスタリスク）だけです。 （確認の必要があるかどうかはおいといて） （このメールアドレス、パスワードは架空のものです） というわけで、●や*で隠れちゃってるパスワードを確認する方法のご紹介です。 Easily Show The Contents of Password Fields » Raymond.CC Blog 上記サイトの真ん中くらいにあるフォームにJavascri
同期も簡単 ブックマークをサムネイルで見やすく！ ihomepage.jp
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネット(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日本のドメイン登録業者(レジストラ)（「ICANNがレジストラとして認定した企業」一覧（InterNIC提供）内に「Japan」の記載があるもの）を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2024年5月時点の調査。
パソコンでスマートフォン画面を確認する
iPhone、Android、Galaxyなどスマートフォン向けにサイトを作成した場合にスマートフォンが手元にあればそれを使いレイアウトを確認できますが、スマートフォンがない場合でもパソコンからレイアウトは確認することは出来ます。Google Chromeやアップル – Safariで簡単に確認することが出来ますので、その方法を紹介します。 Google Chromeでパソコンでスマートフォン画面を確認する Google Chromeブラウザをインストールして、ブラウザをAndroid Mobileとして表示できるように設定します。 Google Chromeでインターネットを開いたらブラウザ内で右クリックをすると下記図のようにメニューが現れますので、そこで「Developer Tools」をクリックします。 すると下記図のようにDeveloper Toolsが開きますのでそこで右下にある
脱Google Chrome！MacのメインブラウザをSafariに完全移行した際にやったことと導入した機能拡張まとめ
先日、OS X Mountain Lionにアップグレードを済ませたのですが、それを機にメインブラウザをGoogleChromeからSafariへ移行しました。 なんだか最近Chromeを使用していると「重いな」と感じることが多くなってきたことと、機能拡張などを使用すれば今までと変わらないブラウジングが可能になるということがわかったからです。 そんなわけで今回はメインブラウザ移行に関してやったことと、導入した機能拡張をまとめ上げておこうかと思います。 気になる新機能などをまとめて一挙紹介！！Mac新OS、「OS X Mountain Lion」レビュー！ | OZPAの表4 ブックマークの移行 まずはGoogle Chromeで使用していたブックマークをSafariに移行。 プラグインの「Xmarks」を使えば問題なく移行できる…と思っていたのですが、なぜだか上手く働いてくれない私のエッキ
3 Cool Techniques For Your Next Web Design Project
2017年3月27日 CSS, jQuery, Webサイト制作 Webデザインの勉強を始めたという方によく質問されるのが、「どうやって勉強すればいいですか？」。私はWeb制作の学校の学生だった頃から実践しているふたつの事があります。素敵だなって思えるWebサイトを見つけたら、どのように作られているのか自分なりに分析してみること。そしてそこで使われている技を実際に試してみること。そこで今日は最近見かけた素敵Webサイトと、そのサイトで使われていた技術を解説してみたいと思います！ ↑私が10年以上利用している会計ソフト！ 準備：分析＆実践に役立つツール Chrome、Safariなら付属のデベロッパーツール ChromeとSafariならブラウザーにはじめからデベロッパーツールなる開発のためのツールがついています。私が愛用しているのはこのツール。表示しているWebページのHTMLやCSSが確
iPhone向けサイト構築 基礎文法最速マスター - EC studio デザインブログ
弊社代表の著書、「iPhoneとツイッターで会社は儲かる」の出版記念と、巷で話題の「基礎文法最速マスター」ブームに便乗して、iPhone（iPod Touch）向けサイト構築における基礎とプラス応用のネタと、参考になるリンク集をまとめました。 2010/11/18追記： iPhone向けサイト制作の書籍を執筆しました！ 既存のデスクトップ向けサイトをモデルにした iPhoneに最適化したサンプルサイトの紹介と コードの解説をしています。 iPhone向けサイト制作の入門書に最適です。 「HTML5＋CSS3で作る 魅せるiPhoneサイト」 基礎編 対象ブラウザはMobileSafariです レンダリングエンジンはSafariと同じwebkitですが、MobileSafariの方にはiPhone向けの一部独自拡張（CSS）があります。検証の際は、通常のSafariのウィンドウサイズを狭くし
スマートフォン向けの無料ホームページテンプレート - TempNate
TempNateトップへ > TempNate スマートフォン・テンプレート TempNate スマートフォン向けの無料ホームページテンプレート こちらでは、TempNateの無料のスマートフォン向けのホームページテンプレートを配布しております。 PC向けホームページと、スマホサイトを個別で作成して、スマホ対応する方法です。Google検索でモバイルフレンドリーと認識していただく方法になります。すでにホームページを持っていて、とにかくスマホ版サイトを作りたいという方はこちらのテンプレートをご利用ください。 今あるホームページを、自動でスマホ変換（レスポンシブ方式）などの方法もありますが、商用サイトでは料金が高額になるケースが多いです。そこで、こちらのテンプレートを活用していただけましたら、手作業は必要ですが、スマホサイトを無料で作成する事ができます。 個人はもちろん商用利用も可能です。会社
振り分けされているスマートフォン向けサイトをPCで手軽に見る方法 – [Mu]ムジログ
振り分けされているスマートフォン向けサイトをPCで手軽に見る方法 2012 年 3 月 20 日 – 11:02 PM category Webサイト開発・運営 tags Safari, スマートフォン Comments: 0 Trackbacks: 0 この記事を読むのに必要な時間の目安: 約 3 分 個人的にはiOSシミュレーターをインストールしているので、普段の開発はそれで済ましています。ChromeやSafariで開いてもそれなりに再現されるので、それらで表示確認することもも出来るでしょう。 しかし、同一URLで表示したときにPC用とスマートフォン向け用と振り分けて表示するようなサイトの場合、そのままではPC用のサイトを表示してしまい、結果としてスマホでないと見れなくなってしまいます。特に開発環境を用意していないお客さんの場合、わざわざスマホで確認してもらうのも大変です（もちろん
CSS で作るスマートフォン向け片手操作メニュー
ちょっとしたお遊びなんですが、普段は画面の下の隅に隠れてて、クリック （タップ） で展開、いくつかのショートカットメニューが表示される、しかもスマートフォンだと片手だけで操作しやすいみたいな UI を CSS と超簡単な JavaScript （jQuery 使用） で作ってみたので紹介。 久々にこの手のネタ書いた気がしますけども… ちょっとしたお遊びなんですが、普段は画面の下の隅に隠れてて、クリック （タップ） で展開、いくつかのショートカットメニューが表示される、しかもスマートフォンだと片手だけで操作しやすいみたいな UI を CSS と超簡単な JavaScript （jQuery 使用） で作ってみたので紹介。多分言葉で言っても伝わりにくいと思いますので実際のサンプルをまずは見てみてください。 CSS で作るスマートフォン向け片手操作メニュー サンプル 現在最新版の Firefox
[WordPress] 自作モバイルテーマを作成しました & 役立ち情報・コツをお教えします * ラクイシロク
先日、自作ブログテーマを作成したので、モバイルテーマもあわせて作りました。シンプル・イズ・ベター！ モバイルテーマ作成初心者ですが、作る際にいろいろと調べたり、コツのようなものも学んだので、シェアします。 この記事が役に立ったり、きっかけを与えられたらなあと思います。 モバイルテーマにスイッチさせるプラグイン WPtap Mobile Detector というのを使いました。@nori510 さんが詳しく説明されています。 参考：WPtouchを卒業!!iPhoneに最適化されたテーマと簡単なカスタマイズ方法など[wordpress] | nori510.com スマートフォン表示の確認方法 iPhone で表示を確認する際は、Safari の開発モードで見ると便利です。 参考：iPhone、iPadでどのようにWebページ・ブログが表示されているのかを確認する方法 | OZPAの表4 し
パニック・ジャパン - Coda - Mac OS X 用 シングルウインドウ Web 構築環境
Codaは終売しました。 サポートやプラグインのご入手などはライブラリをご参照ください。 他社製のCodaはこちら。 ...まったく新しい、Macにネイティブなウェブコードエディタの誕生です!
iphoneで必須のbookmarklet まとめ | nori510.com
iphoneのsafariでwebを閲覧中に私がよく使うbookmarkletの紹介をします。 これらがあるとiphoneサファリが今以上に便利になります。 それでは、早速ご紹介。 ブックマークレットを登録するためのブックマークレット iPhoneでブックマークレットを簡単に登録できるようにするブックマークレット – むぅもぉ.jp iphoneではブックマークレットを直で保存できないので、重宝しています。 ページ最下部へ移動 Safariのページ最下部に移動するBookmarklet(ブックマークレット) – 強火で進め 最上部移動はステータスバーをタップでOKだけど、最下部へはいけないので使用頻度は高め。 Googleリーダーに登録 iphoneからgoogleリーダーへRSS登録する方法(ブックマークレット) | nori510.com 気になる記事があれば、すぐに登録したいので必須
Multi-Safari
Important Notes: I’m no longer making up-to-date version of Multi-Safari. Newer Safari releases make it difficult to create self-contained version, and when they’re possible they usually won’t work on different OS versions, making them rather pointless. A workaround would be to keep old version of the OS, which includes Safari, inside a virtual machine image (such as VirtualBox, Parallels Desktop,
CSS Text Wrapper
The CSS Text Wrapper allows you to generate HTML and CSS to wrap text on your website into any shape.Examples Not Just Rectangles Anymore The CSS Text Wrapper allows you to easily make HTML text wrap in shapes other than just a rectangle. You can make text wrap around curves, zig-zags, or whatever you want. All you have to do is draw the left and right edges below and then copy the generated code
Typetester Compare fonts for the screen
Design Beautiful Typography One of the most popular applications for web designers is now a full-blown typography editor. Typetester classic that is known and loved by all is still online! Test and compare more than 2800 web fonts. The new Typetester is a WYSIWYG web typography editor. Create, export and share unlimited projects.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
0.2%の背伸び - 国生さゆり監修！話題のSAFARi（サファリ）ビューティーローラー
FontEditor BitfontMaker
グッチ メンズバック|グッチ マフラー メンズ|グッチ 財布 偽物|グッチスニーカー|グッチジャパン
http://www.cooliris.com/download-all.php