CSS 基準文字サイズ（px）ごとの相対フォントサイズまとめ | バシャログ。
こんばんは、ishidaです。急に肌寒くなってきましたね。 弊社シーブレインは馬車道から目と鼻の先にありますが、その馬車道にて今年も恒例の馬車道まつりが開催されています。１１月１日（日）～１１月４日（水）まで開催されておりますので、馬車道付近にお越しの際は是非お立ち寄りくださいね。 それはさておき、フォントサイズを指定するときにまずはベースとなる基準のフォントサイズをbody等に指定しますが、サイトによって基準を12pxにしたり、13pxにしたり、たまぁ～に10pxにしたりしてます。 そうなってくると相対指定で20px相当って何％だっけ？ってことがよくあるのと、毎回毎回電卓をたたくのが面倒になったので、ここに基準としてよく使いそうなフォントサイズをメモします。 基準文字サイズ 10px 基準文字サイズ 11px 基準文字サイズ 12px 基準文字サイズ 13px 10px
「おいしすぎる」と噂の鶏もものマヨポン酢炒めと、豆腐のネバネバサラダランチ - まかない日記
「おいしすぎる」「奇跡の食品」と絶賛された、間違いなしの一品です！ 鶏もも肉のマヨポン酢炒め（4人分） 材料 鶏もも肉 500g 白ネギ 1本 エリンギ 1パック 塩コショウ 適宜 酒 大さじ１ 醤油 大さじ１ 片栗粉 大さじ３ マヨネーズ（炒め用) 大さじ２ マヨネーズ（味付け用） 大さじ１ ポン酢 大さじ２ 炒りごま 適量 1.鶏肉を食べやすい大きさにきり、塩こしょう、酒、醤油をもみこみ少し漬け置いて、片栗粉を全体にまぶす。 2.エリンギ、白ネギも食べやすい大きさに切っておく。 3.あとは炒めて、味をつけるだけなんですが、油代わりにマヨネーズをフライパンで熱し、溶けてきたら鶏肉をいれる。 4.最初は中火で、表面を焼く。表面にいい焦げ目がついてきたら、ネギ、エリンギもいれて炒め、蓋をしめて火を少し弱め、中まで火をしっかり通す。 5.最後にポン酢と、マヨネーズをまわし入れ、軽くいため、炒り
システム開発に欠かせない契約の基礎知識まとめ - GoTheDistance
先日識者の方に色々教わったのでメモっておきます。知ってそうで知らない、元々よくわからない、そういう方に向けてまとめてみました。 僕がSIにいた頃は大抵｢基本契約｣と｢個別覚書｣ってのがありました。納期とかお金とかそういうのは個別覚書に書かれたりしていました。 開発の契約体系 ｢仕様策定〜開発まで｣と｢保守運用｣で別契約にすることが多い。 ｢仕様策定フェーズ｣で1つの契約にして、別に新しく契約を締結しなおせるほうが望ましい。リスクが低減できる。 仕様策定までは準委任、開発は請負、保守運用は準委任という契約が多い。 ちなみに準委任は｢事務作業の代行｣という意味合い。委任は｢法的効力がある作業｣の代行。サムライビジネスは後者が多い。 別に運用が事務作業とイコールじゃないけど、成果を問わないタイプの契約の場合は役務提供という位置づけになる。 かといって契約で｢僕らのコンサル案を僕らが実施し成果が出
文具王選――ブツ撮りを快適にする「超お気に入り文具」
アマチュアでもデジカメ撮影は必須スキルに カメラに関しては全くの独学でハッキリ言ってアマチュアの私だが、最近は仕事でもプライベートでも、ほとんど毎日のように何かしら写真撮影している。仕事なら製品についての指示や、図版作成、プレゼン資料作りなど。プライベートではブログに掲載する写真や、もちろんこのコラムに掲載している写真もそうだ。 写真を撮る度いつも思うが、写真は本当に奥が深い。私みたいなシロウトが片手間に極められるものではないのは分かっている。しかしそれでも、少しだけ救われている部分がある。私が撮影するモノの大半がブツ撮り。それも比較的小さいものだ。 ブツ撮りはいい。相手が逃げないからシャッターチャンスを逃がすことがない。幸いデジタルカメラは何枚撮ってもタダ。しかもすぐに結果を見られるから、失敗してもちょっとずつ条件を変えて何度でも試してみることができる。 しかも私の場合、取るべきポイント
Web担当者×自社サイト―Web担当者の悩みを解決する法則&ガイドライン/申請シートサンプル | ビジネス目的別企業Webサイト成功の法則
本コラムの最終回は企業Web担当者の皆さんが抱える悩みの根本である「社内の各部署をいかにして巻き込むか」にフォーカスしていきます。企業サイトを担当する皆さんの悩みの多くは、実は社内を巻き込み各部署との連携を図ることで解決できる事柄が多いものです。今回は、これまでのお話しを交えながら、最終的に皆さんの問題を解決するための方法を整理してお伝えしたいと思います。 企業Web担当者の悩みは「社内の巻き込み」社外に公開する企業Webサイトを充実させていくためには、業務フローや社内の情報を集めてくる仕組みが重要だというお話しを何度かしてきました。採用・IR・商品情報・サポート・法人向け・サプライヤー向け・CSRなど、どの切り口のWebサイトをとってみても、ユーザーが満足行くレベルで対応するためには、Web担当部署以外のどこか別の部署と連携しなければなりません。コンテンツの企画やアイデアはあっても、基に
overflow:hiddenでfloatをclear - とその理由 | Takazudo Clipping*
以下のように指定するとfloatをclearできる模様。 <div class="Box1"> <div class="L">something long text</div> <p>something short text</p> </div> .Box1{ width:400px; overflow:hidden; } .L{ width:130px; float:left; } overflow:hiddenでfloatをclearしたサンプル これで:afterでゴニョゴニョやったりclear:bothを利用しなくてもfloatがクリアできるみたいです。以下のページで知りました。 画像が消えたり、繰り返さなかったり系が解決しそうなこと overflow:hiddenって、飛び出たのクリップされるんでないの？ しかし、普通に考えると、これでなぜfloatがクリアできるかは甚だ疑問です
80 Examples of Add to Cart Buttons for Design Inspiration
President of WebFX. Bill has over 25 years of experience in the Internet marketing industry specializing in SEO, UX, information architecture, marketing automation and more. William’s background in scientific computing and education from Shippensburg and MIT provided the foundation for MarketingCloudFX and other key research and development projects at WebFX. The primary task of an online shop is
テキストメールを作成する際の注意点 (ユーザビリティ実践メモ)
メールマガジンは新製品・サービスの案内やキャンペーン告知など、ユーザとの長期的な関係性を構築する重要なチャネルとして重要視されています。 今回はテキストメールを配信する際に注意すべき事項を3点紹介いたします。 1.「タイトル」や「リンクへの誘導文言」にユーザへのメリットを明示する 1日に何通ものメールを受信するユーザは、1つ1つのメールにかける時間を短縮するため、メールの中で目立つ「タイトル」や「リンク部分」のみを閲覧し、それ以外の部分は飛ばし読みする傾向があります。 そのためユーザに伝えたいことは、必ず「タイトル」や「リンク部分」にも盛り込むことが重要になります。 2. 1行を全角35文字以内に収める 多くのメールソフトにおいて、横幅のデフォルト設定は36~38文字となっています。それ以上に横幅が長いメールを配信すると、表示が崩れてしまいますので、メール文面において1行は全角35文字以内
とっても使えるoverflowプロパティ。その使い方色々。
光の4戦士を買ったんすが、売り文句通りレトロな感じがしていいですね。 まぁまだ2, 3時間程度しかやってないんで、これからどうなるか分かりませんが時間を見つけてやって行こうかと。 さて、以前からoverflowプロパティは使い勝手が良いというか、使う場面が多いプロパティの一つですが、考えてみると色んな事に使ってるなぁ～と思ったので自分が良く使うのをまとめてみました。 あんまoverflowプロパティを使った事が無い方は、ビックリですよ！ これで、ソコの可愛いアナタもoverflowプロパティの虜になる事間違い無し！！（わかんないけど サンプルとかは以下よりどうぞ。 サンプルサイトを見る サンプルをダウンロード 基本的に、全てoverflow: hidden; の指定を足す事で解決したり実現出来る感じです。 01 clearfixみたいに使う まずは以前の「clearfixを使わないでやるに
HTML5 を学ぶための情報源まとめ
ちょっと更新サボりすぎでしたが、最近 HTML5 関連の話もとっても増えてきましたので、ここらで HTML5 に関する情報を集めるときに情報源として有益なサイトをまとめてみたいと思います。やはり、英語での情報が多くなってしまうので、英語能力が残念な私なんかは結構厳しいんですが、いくつか日本語での情報源も挙げてみましたので、併せて見ておくといいと思います。 ちょっと更新サボりすぎでしたが、最近 HTML5 関連の話もとっても増えてきましたので、ここらで HTML5 に関する情報を集めるときに情報源として有益なサイトをまとめてみたいと思います。 やはり、英語での情報が多くなってしまうので、英語能力が残念な私なんかは結構厳しいんですが、いくつか日本語での情報源も挙げてみましたので、併せて見ておくといいと思います。 ちなみに、XHTML 好きな私としては、XHTML5 で次のサイトリニューアルとか
弁当男子も必見！簡単・節約、今日から始める「お弁当」作り - はてなニュース
オフィスに自作のお弁当を持参する男性を「弁当男子」と呼んだりもするように、「お弁当」が密かなブームの今日この頃。毎日作るのはなかなか大変ですが、節約の面や健康の面でもいいことづくめなのがお弁当の良さですよね。そこで今回は、はてなブックマークでも注目されているお弁当関連エントリーをご紹介します。 オフィスで続々増えているという噂の「弁当男子」。お弁当作りをはじめたきっかけは、節約、健康、モテ、それぞれいろんな理由があるようです。 節約？モテ？ 僕らが“弁当男子”になった理由 - 東京ウォーカー 弁当男子特集 〜弁当箱などオススメのお弁当グッズ＆レシピも見れる弁当男子ブログ紹介！〜 - カラメル 今回は男女年齢問わずおすすめしたい、お弁当についてのエントリーを集めてみました。 お弁当のおかず、何にしよう？ まずは「お弁当に何入れよう？」と悩んだ時に使えるレシピです。「短い時間でパパッと作れて、
「吹き出し」をツールチップとして実装するjsいろいろ
マウスオーバー等で吹き出しが 現れるツールチップのまとめです。 jQueryが殆どになります。 吹き出しは画像やcssを変更 すれば別の形状にする事も可能 なのでうまく活用したいですね。 吹き出し以外のツールチップを実装できるjsをお望みでしたら以下の記事が参考になりそうです。 15 jQuery Plugins To Create A User Friendly Tooltip 40+ Tooltips Scripts With AJAX, JavaScript & CSS vTip 凄く可視性が高い吹き出し。フェードインで表示し、マウスオーバーの間はマウスストーキングします。使いやすそう。対象がテキストでも画像でもOK。試しに入れてみました。以下のリンクにマウスをあわせるとバルーンが現れます。角はcssで丸くしました。デフォルト状態だとマウスカーソルにarrow部分が重なってしまうので
ほぉ - finalventの日記
⇒沖縄に行ったら買いたいお土産ランキング（女性） - 沖縄情報：ＨaisaiＴＶ ほいじゃ、つっこみ、と。 １位 ちんすこう ちんすこうはラードがきいてないとうまくないというか、ただのクッキーになる。なので安いのはアウト。手作りの店があって、そこが旨いのだけど、名前忘れた。まあ、現地で聞けばわかるよ。 ２位 沖縄そば/ソーキそば これは現地で食って終わりにするもの。ナイチャーはあまり好まないがフーチバーのほうが面白い。あと、現在の沖縄だと木灰使っているところが少ないけど、木灰の麺がうまい。食感が、くにゅぅぅじゃなくて、くぅぷちっと切れと独特の香りがある。 ソーキについては豚がうまいとうまいのだけど、沖縄で上質の豚肉は意外とない。 3位 南国系フルーツ 釈迦頭（アップルシュガー）があったら食ってみると吉。ドラゴンフルーツはあたりはずれあり。パッションフルーツは、ジュースで。アップルマンゴーは
You are being redirected...
Javascript is required. Please enable javascript before you are allowed to see this page.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
100 Best Website Galleries to Submit Your Creative Design
Mash Design — Interdisciplinary Studio
薬の個人輸入比較サイト
株式会社コンセント 