フォントのサイズの単位に何を使ってますか？ px？ em？ それら2つのよく利用されるテクニックをおさらいし、さらに第3のテクニックも紹介します。 Font sizing with rem [ad#ad-2] 下記は各ポイントを意訳したものです。 はじめに pxを使ったサイズ指定 emを使ったサイズ指定 remを使ったサイズ指定 はじめに フォントのサイズの単位に何を使用するかは、未だに激しい議論の的となっています。それらのテクニックにはそれぞれ長所と短所があるのも現実です。 それらの中で短所が少なく、よく利用されるテクニックは2つあります。 pxを使ったサイズ指定 emを使ったサイズ指定 これら2つのテクニックを再検討し、さらにもう3つ目のテクニックを紹介します。 pxを使ったサイズ指定 ウェブの初期に、私たちはテキストのサイズを定めるために「px」を使用していました。これは一貫しており
Tipsに関するsugarshinのブックマーク (35)
-
sugarshin 2012/08/22
-
cssで縦方向中央に配置する方法（5つのケース＋1） | バシャログ。
iPhone 4Sが発売間近。 買おうか迷って一旦諦めたはずがまた迷い始めました、hakoishiです。 Siriに甘い言葉をささやきたい。英語できないけど。 さて、コーディングで縦中央にオブジェクトを配置したいことって少なくないですよね。 しかしながら、cssはそういうのちょっと苦手。 「ほら、あの時使ったアレだよアレ！」と過去のソースを掘り起こしてみても、状況が違ってて使えないケースも多かったり。 というわけで今回は、cssで縦中央配置するためのtipsを5つのパターンに分けてまとめました。 case1：画像の場合 上下方向中央を始点として画像を配置し、画像の縦サイズの1/2だけネガティブマージンで上に移動。 サンプル html <p class="case01"> <img src="http://dummyimage.com/100x100/000/fff.gif&text=img
-
creatorish.com
Buy this domain. creatorish.com 2020 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy
-
CSS3 「gradient」と「@font-face」
CSS3 「gradient」と 「ウェブフォント（@font-face）」 このページは背景画像を一切使用していません。 背景のストライプ模様はCSS3のbackground-image:gradient、フォントはCSS3の@font-faceでサーバー上に置いたフォントを読み込んで表示しています。これによって、閲覧者のパソコンにインストールされていないフォントも表示する事が出来ます。また、画像文字ではないのでコピーする事も可能。 SEOの一環としても有効です。 2010年1月現在、InternetExplorerとOperaではまだgradientに対応していない為、これらのブラウザでは背景は単色になります。フォントファイルはうっかり領収書５部ダメにできる筆圧を誇るふいさんの作った「まきばフォント」をお借りしています。 フォントの為のスタイル指定 @font-face { font
-
webzuki.com - webzuki リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
-
Twitter 検索API メモ - 超自己満足プログラミング
【2010-02-28 追記】 いつの間にやら結構な数のブックマークをして頂いて、 情報が古いままでは心苦しいので、１年ぶりくらいになってしまいましたが、情報を更新しました。 思ったほど変更はなかったのでよかったです。 〜〜 ここから元々の本文 〜〜 http://apiwiki.twitter.com/Twitter-API-Documentation の「Search API Methods」について のメモですが、 英語がかなり苦手なので、間違ってるとこもあるかもしれません。 あと、大してtwitterを使ってなかったりするので、 twitterの機能面でよくわかってない部分もあります。 検索API : http://apiwiki.twitter.com/Twitter-Search-API-Method%3A-search 出力形式 AtomとJSONに対応。リクエストURLはそ
-
Twitterをもっと便利に検索する12の演算子とその使い方 - F.Ko-Jiの「一秒後は未来」
Google 検索に様々な検索演算子(オペレーター)があるように、Twitter検索にも多くの演算子が用意されています。 あまり知られていないかもしれないので、ここで簡単に紹介しておきます。これらのオペレーターを使いこなすことで、もっと効率的に世界の今を知ることができるかもしれません。(これらはTwitterのサイドバーにある検索窓からでも利用できるものです。) 1. OR 検索 2個以上の単語のうちいずれかを含むつぶやきを検索したいときは「OR」を使います。たとえば「インフルエンザ」または「タミフル」を含むつぶやきを検索したいときは、 インフルエンザ OR タミフル と検索します。 2. フレーズ検索 ウェブの検索エンジンと同じように、2個以上の単語をダブルクォーテーションで括ると、それらの単語が語順を含めそのフレーズのまま現れるつぶやきを検索できます。たとえば "listening t
-
シンプルなページに仕立ててくれるブックマークレット「Notforest」
Warning: include_once(/home/sites/lolipop.jp/users/lolipop.jp-dp16105308/web/wp/wp-content/plugins/wp-super-cache/wp-cache-phase1.php): failed to open stream: Permission denied in /home/users/0/lolipop.jp-dp16105308/web/wp/wp-content/advanced-cache.php on line 8 Warning: include_once(): Failed opening '/home/sites/lolipop.jp/users/lolipop.jp-dp16105308/web/wp/wp-content/plugins/wp-super-cache/wp-c
-
Wi-Fiが無い場所で20MB以上あるiPhoneアプリのセールを逃さず買う方法
App Storeではアプリのセールが頻繁に行われていますが、アプリのサイズが20MBを超えていたために、Wi-Fiが無くて買いそびれた、という悔しい経験をしたことはないでしょうか。 そこで、iPhoneを3G回線のみを利用している場合でも、セール価格でアプリを購入する簡単な方法を紹介します。 App Storeでは、携帯ネットワークへの負担を配慮し、3G回線でダウンロードできるアプリに制限を設けており、サイズが20MBを超えるものについては、Wi-FiまたはiTunesでのダウンロード・購入するように警告が表示されます。 セールの終了が近い場合などは、「家に帰ってから購入しよう」と思っていると、家に着いた頃には元の値段に戻っている、ということもあります。 例えば、通常600円のアプリが115円で販売されていた時などは、かなり損をしたような気分になるかもしれません。 そのような逃したくない
-
『Handbrake』のプリセットを最大限に利用すれば、iPad/iPhone4に最適なビデオエンコードができる : ライフハッカー［日本版］
Apple , iPad , iPhone , フリーソフト , 動画加工 『Handbrake』のプリセットを最大限に利用すれば、iPad/iPhone4に最適なビデオエンコードができる 掲載日時：2010.06.26 10:00 コメント [0] , トラックバック [0] Appleには、厳密なエンコーディングのガイドラインがあり、ポピュラーなエンコーディングツール『Handbrake』でも、少々ついていけない印象です。そこで米Lifehackerでは、iPad/iPhone4用に最適なビデオエンコーディングのできる、独自のプリセットを作成しました。 ※注 これらのプリセットはiPhone/iPad用であり、他のApple製品では、上手く機能しない可能性があります。 ■プリセットをインストール まず、こちらからプリセットをダウンロード、解凍します。プリセットをインポートするには、
-
-
-
OS運用記録11月3
2010 年 11 月 30 日 anchor お知らせとお願い 個人的なことですが、いろいろ事情があって１２月末をもって失職することが決まりました。 実は長男の病気に向き合わなくてはいけないとか、今の職場で継続していくには困難な面もあってこういう結論になりました。 とはいえ生きていかねばならないし、家族も養っていかないといけないし、できればこのサイトも継続していきたいと考えています。 そこで皆さんにお願いです。 こういう奴でも雇ってみてもいい、あるいはこういう仕事があるよというような情報を何でもいいのでお寄せください。 当方希望としては、Mac、Windows混成のネットワークや専用機の保守とかトラブルシューティングとか、あるいはライターとか、元々の本業のビデオ制作とかそういう方面がありがたいですが、生きていけるならラーメン店員でも何でもいいです。 条件は月に１〜２度長男の病院に同行でき
-
-
基本心得からオススメツールまで、よりよいライティングのための10のコツ | ライフハッカー・ジャパン
「ライティング」は、自分自身を表現したり、頭の中を整理するのに適した、身近で基本的な手段。しかし、そんな身近な手段だからこそ「言いたいことが、なかなかうまくまとまらない」、「じっくり書くことに専念できない」といった悩みも尽きません。そこで米Lifehackerでは、よりよいライティングのためのコツを10点にまとめました。「英語で書く」ことを前提としたものですが、言語を問わず活用できる方法が紹介されているので、ぜひ参考にしてみてください。 1: 書く前に、考えを整理しよう 書き始める前に、落ち着いて考えを整理しよう。ラフなアウトラインがあれば、全体をまとめやすくなる。「Scrivener」や「yWriter」は、ライター向けの便利なツール。このほか、「Evernote」や「OneNote」といった、一般的なオーガナイザーを活用してもよい。 2: 書くためのスケジュールを設定しよう ものを書く
-
Googleアラートが便利 - TAKE OFF
昨日に引き続き、新しい機能ではないですが、Googleアラートを使い始めてみました。 Googleアラートは、気になるキーワードや人物などの情報を元に、 1日に1回や週に一度などまとめて結果をメール送信してくれるサービスです。 例えば「Facebook」についての情報を収集したいと思ったら、検索キーワードにFacebookと入力して、 メール送信頻度などを設定して[アラートの作成]ボタンを実行すればOKです。 結果のプレビューをクリックすれば、右側にどんなメールが送られてくるかのサンプルが表示されます。 その他、例えば自分のブログや管理しているHPなどを指定すれば、どこかでリンクが貼られたりツイートされたりする情報も収集出来ます。 この検索キーワードはGoogle検索と同じように指定出来るので、除外指定や特定のサイト（twitterなど）を指定出来たりもするようです。 ちなみに送信されてく
-
WordなどのOffice系ファイルから画像だけを抜き取る裏技 | ライフハッカー・ジャパン
米Lifehacker読者のjont999さんが、WordやPowerPointなどの、Microsoft Officeのファイルから、画像だけを抜き出す超簡単な裏技を教えてくれました。 拡張子が「.DOC」もしくは「.DOCX」のワードファイルから、画像を抜き取るとします。この際、バージョン2007以降のワードか、「.DOCX」のドキュメントに互換性のあるアプリが必要です。 画像を抜き取りたいファイルの拡張子が「.DOC」の場合は、Wordで開いて拡張子「.DOCX」で保存し直してください。次に、画像を抜き取りたい「.DOCX」ファイルを複製し、拡張子を「.ZIP」に変更します。 zipに変更したファイルを開くと、いくつかのフォルダが入っています。その中の「media」フォルダを開くと、「word」フォルダがあります。その「word」フォルダを開くと、画像があるというわけです。 この方法
-
Notebook Inspiracionがしっくりくる
Warning: include_once(/home/sites/lolipop.jp/users/lolipop.jp-dp16105308/web/wp/wp-content/plugins/wp-super-cache/wp-cache-phase1.php): failed to open stream: Permission denied in /home/users/0/lolipop.jp-dp16105308/web/wp/wp-content/advanced-cache.php on line 8 Warning: include_once(): Failed opening '/home/sites/lolipop.jp/users/lolipop.jp-dp16105308/web/wp/wp-content/plugins/wp-super-cache/wp-c
-
「捨てアド」の正しい運用法、4つのポイント | ひとぅブログ
みなさんは「捨てアド」という言葉をご存じでしょうか。ネットサービスを利用する際に会員登録を要する場合、自分の電子メールを知られたくない場合がありますが、そのときに使うメールアドレスを「捨てアド」と呼ばれています。 はじめて利用するウェブサービスや、知名度が低いウェブサービスにメールアドレスを登録するのは誰もが不安になるでしょう。また、名の知れたサービスでも普段使っているメールアドレスを知られるのは気持ち悪い、と思われる方もおられるでしょう。 ここでは、「捨てアド」の正しい運用方法をご紹介したいと思います。 メールアドレスは3つ持とう あなたはメールアドレスをいくつ持っていますか？私は数え切れないほど持っていますが(^_^;)、一般的には基本は3つで十分だと考えます。「会社用」、「プライベート用」、「捨てアド」の3つです。 会社のメールは支給されるもので、後から変更することはなかなか難しいで
-
iPhone3GSを同期できません。不明なエラーが発生しました（13019） - abinblog
いきなりでした。昨日早朝OS3.0.1にアップしてバックアップも問題なく行ったのに、夕方ジョグから帰宅後、NIKE+にデータ送信すべく同期をかけたところ、タイトルのエラーを連発。いままでこの『13019』というエラーに遭遇したことがなく、ググって確認してみたところ、ボイスメモの同期に関する記事がたくさん出てきましたので、同じように、iTunesの『音楽を同期』の欄にあります『ボイスメモを含める』のチェックボックスを外してから同期をかけてみました。ここで問題解決されている方もいるようですが、私のiPhone3GSは全くダメ！ 他にもチェックを外して同期を試みましたが症状は同じです。3.0.1が関係しているのかとも思いましたが、アップ直後の同期では何の問題もありませんでしたので心当たりが浮かびません。幸いSのスピードには信頼を寄せておりますので、直近のバックアップデータで復元することに。 しか
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Copyright © 2005-2024 Hatena. All Rights Reserved.
設定を変更しました