ext3のブックマーク - はてなブックマーク

【HTML＋CSS】ウインドウ幅に合わせて画像サイズを変化させる方法 [ホームページ作成] All About

レスポンシブWebデザインとは、画面サイズなどの閲覧環境に応じてWebページのレイアウトや装飾が自動調整される作り方のことです。記事「レスポンシブWebデザインの簡単な作り方」でも解説しました。特に、画像サイズを画面幅に自動で合わせる方法は、Webサイトのスマートフォン対応目的でも需要が高いでしょう。例えば、下図のWebページをご覧下さい。ページ上部に見える大きなバナー画像の表示サイズは、ブラウザのウインドウサイズをある程度小さくすると、描画領域の横幅に合わせて自動的に縮小されるデザインになっています。今回はこのような、画面サイズ（ブラウザのウインドウの横幅サイズ）に合わせて、縦横比率を維持したまま画像の表示サイズを変化させる方法をご紹介いたします。レスポンシブWebデザインを採用したページではもちろん、そうでない場合でも、画面サイズに合わせて画像サイズを自動で拡大縮小させたい様々な場

ext3 2017/08/15

リンク

小職とは？ビジネスでよく使う言葉の意味・読み方・使い方！ [ビジネス文書] All About

あなたはビジネスメール・文書で、自分のこと（自称）をどのように書きますか？年配の方を中心に手紙やメールで好んで使われるのが「小職」「弊職」「小生」です。「それって正しい言葉なの？」と疑問をもつ人もいれば、「なんでわざわざ小難しく書くの？」という意見があるのも事実。そこで今回は、違和感のないビジネスでの一人称について考えてみます。まずは、「小職」「小生」「弊職」の意味と使い方について確認していきましょう。「小職」の意味・読みと使い方管理職が使いやすい「小職（しょうしょく）」は官職（国家公務員）が役人としてへりくだる表現です。やがて民間にも転用して使われるようになりました。民間会社でも管理職、つまり課長や部長といった「役職についている人」にとって「小職」は使いやすいでしょう。役職者以外が使っても間違いとは言えませんが、本来の意味は知っておきましょう。「弊職」の意味・読みと使い方一般

ext3 2016/04/19

リンク

公立・私立高校でかかる学費はいくら？【最新データ】 [学費・教育費] All About

高校はどれくらいお金がかかる？文部科学省『平成30年度子供の学習費調査』のデータをもとに、高校でかかるお金を、公立と私立に分けて見ていきます。「高校無償化」（「高等学校等就学支援金制度」）や「高校生等奨学給付金制度」についても確認しておきましょう。公立高校の学習費総額（年額）公立高校で、1年間に平均してかかるお金の合計と内訳は下のとおりです。公立高校でかかる学習費・・・45万7380円↑ うち学校教育費・・28万487円↑ うち学校給食費・・・0円→ うち学校外活動費・・・17万6893円↑ （文部科学省『平成30年度子供の学習費調査』より）＊前回調査より高くなったものに↑、下がったものに↓、変わらないものに→を付けています（以下同）。 2010年度から「高校授業料無償化」（「高等学校等就学支援金制度」）が導入されたことで前々回調査（2014年度）では学習費が下がったのですが、

ext3 2015/04/29

リンク

ピザは太る？パスタやピザのダイエット中での食べ方・選び方 [食事ダイエット] All About

ずばり、ピザやパスタは太るのか。その答えは「メニュー選びや食べ合わせ、食べる量を工夫すれば太りません」となります。その各論に向かう前に、まずはダイエッターが気になる炭水化物問題について、解説したいと思います。ピザ・パスタ・パン……炭水化物はやっぱり太る？ダイエット中は控える人が多い、ピザやパスタ、パンやご飯の炭水化物。その働きはエネルギーになるものだから、控えたら痩せそうなイメージは強いのでしょうか。では実際、炭水化物は太るのか。その答えも「適量食べる分には太りません！」となります。細かな諸説は様々あれど、結論から申し上げるなら、どんなに身体に良い成分を含むものも食べすぎたらカロリーの摂りすぎになり太るということ。同じ論理でいえば、炭水化物はそのものが太るわけではなく、食べすぎたら太るだけのことです。ダイエッターに人気の鶏肉や豆腐、豆乳やヨーグルトだって、必要なカロリー（エネルギー）

ext3 2015/04/27

ここまでして食いたくないなぁ

ピザ

リンク

ネキシウムカプセル20mgの効果効能・副作用・用法容量について【アストラゼネカ株式会社】 [薬検索] All About

主成分エソメプラゾールマグネシウム水和物２０ｍｇ１カプセル剤形濃い青色/ごくうすい黄赤のカプセル剤、長径11.40mm、短径4.90mm 薬価 160.10円 ※この薬は先発品ですシート記載（表面）ネキシウム20、（裏面）Nexium 20、ネキシウム20mg、胃酸を抑える薬薬には効果(ベネフィット)だけでなく副作用(リスク)があります。副作用をなるべく抑え、効果を最大限に引き出すことが大切です。このために、この薬を使用される患者さんの理解と協力が必要です。作用と効果について胃酸分泌の最終過程であるプロトンポンプに作用し、胃酸分泌を抑制します。また、胃酸分泌を抑制し胃内のpHを上昇させることにより、抗菌薬の抗菌作用を高めます。通常、胃潰瘍、十二指腸潰瘍、吻合部潰瘍、逆流性食道炎、Zollinger-Ellison症候群、非ステロイド性抗炎症薬投与時における胃潰瘍または十

ext3 2015/04/23

リンク

体幹トレーニングの基本！自宅で体幹を鍛える5つの方法 [筋トレ・筋肉トレーニング] All About

体幹トレーニングの基本！自宅で体幹を鍛える5つの方法自宅で簡単にでき、ダイエット効果の高い「基本の体幹トレーニングメニュー」を紹介します。体幹とは、体の幹となる胸や腹、お尻など胴体の筋肉・インナーマッスルの事。アスリートも実践する、基本の体幹を鍛えるトレーニングメニューを集めました。

ext3 2015/04/22

リンク

Twitter利用が捗るChrome拡張10選｜All About（オールアバウト）

Twitter利用が捗るChrome拡張10選 Twitterをコミュニケーション、情報収集ツールとして活用する方は多いと思います。ここでは、Twitter利用が捗るChrome拡張をご紹介します。プライベート・ビジネスシーンで活用していただければ幸いです。

ext3 2015/03/14

Twitterの画像投稿に対応したクライアントがない

リンク

金持ちになりたいならTODOリストを捨てる [ニューリッチへの道] All About

金持ちになりたいならTODOリストを捨てるやるべきこと、やりたいことを書き出して一覧できるTODOリストは、多くの人が使っているツールだと思います。仕事の備忘録にもなりますし、やり終えたときに得られる達成感も大きなメリットです。私もよく使います。しかしTODOリストも万能というわけではなさそうです。やるべきこと、やりたいことを書き出して一覧できるTODOリストは、多くの人が使っているツールだと思います。仕事の備忘録にもなりますし、やり終えたときに得られる達成感も大きなメリットです。私もよく使います。しかしTODOリストも万能というわけではなさそうです。社会心理学者のRoy Baumeister氏とジャーナリストのJohn Tierney氏の共著『Willpower』には、人は一般的に、常時150以上のタスクを抱えており、あまりに多くの目標を抱えていることからくる不安が、身体や精神、そ

ext3 2015/02/27

捨ててはいない気がするが

TODO

リンク

旨い！安い！間違いのないランチ選び15店　渋谷編｜All About（オールアバウト）

旨い！安い！間違いのないランチ選び15店　渋谷編さっと食べて、午後からの仕事のエネルギー補給ができるおすすめランチスポットをセレクト！今回は「渋谷」編。ハンバーガー、ラーメン、カレー、ピザ、とんかつ、お蕎麦、意外なところではネパール料理やトンテキなどなど15店をご紹介。

ext3 2015/02/04

リンク

TablesorterでHTMLの表をソート(並び替え)可能にする [ホームページ作成] All About

TablesorterでHTMLの表をソート(並び替え)可能にするウェブ上に掲載された表形式のデータでも、Excelなどの表計算ソフトと同様に並び替え(ソート)機能が使えると便利です。jQuery(JavaScript)で作られたTablesorterスクリプトを使えば、table要素で記述されたHTMLの表に対してもソート機能を加えられます。Tablesorterの使い方と、オプションの書き方を解説。閲覧者が自由に並べ替えできるテーブルを作ってみましょう。

ext3 2015/02/02

まあjqueryだよな。

リンク

家賃の目安は給料の3分の1？一人暮らしの家賃目安とは [部屋探し・家賃] All About

一般的に、「家賃の目安は月収の3分の1」と言われています。毎月の月収が18万円なら家賃は6万円、月収が24万円なら8万円が上限ということになりますが、実は月収がいくらであっても同じように「月収の3分の1が目安」というわけではありません。家賃の目安は「月収の3分の1」とは限らない！たとえば、月収が次のような時、3分の1を家賃の上限とすると、・月収12万円→家賃4万円、残り8万円・月収18万円→家賃6万円、残り12万円・月収24万円→家賃8万円、残り16万円となります。毎日生活していくために、家賃以外にも生活費がかかります。電気、ガス、水道、電話といったライフラインから食事、レジャー、車の維持などの費用まで実にさまざま。となると、家賃を差し引いた残りで生活しなければなりませんから、月収が少ない人は家賃はなるべく抑えめにしておきたいものです。また、どんな生活をするのかによって、ど

ext3 2014/06/19

だよねぇ。

家賃

リンク

2/3 デュアルスクリーン搭載の「ASUS TAICHI」レビュー [ノートパソコン] All About

ext3 2013/11/02

リンク

クロコダイルハンター、エイの一撃に倒れる [オーストラリア] All About

クロコダイルハンター、エイの一撃に倒れるクロコダイルハンターことスティーヴ・アーウィン氏が、突然その生涯を閉じました。彼の死去でオーストラリア国内だけでなく世界が騒然！氏の経営するオーストラリア動物園の情報と共にこのニュースをお届けします。 9/4午前、凶暴なワニや猛毒のヘビとの格闘で知られるクロコダイル・ハンターこと、スティーヴ・アーウィン氏が、アカエイ（グレート・ブル・スティングレイ）の一撃を食らい、44歳の生涯を閉じました。あまりにも突然訪れたアーウィンさんの死に、オーストラリア国内は悲しみに打ちひしがれています。ハリウッド進出も果たし、世界的な有名人でもあったアーウィンさん。サンシャイン・コースト・ヒンターランドにある『オーストラリア動物園』の経営者でもあり、子供達にとってはヒーローのような存在でした。どんな猛獣にも果敢に挑み、必ずや成功させる不死身の男といったイメージが強かっ

ext3 2013/09/01

エイ

リンク

5/5 速度、互換性が向上したOffice for Mac 2011 レビュー [Mac OSの使い方] All About

速度、互換性が向上したOffice for Mac 2011 レビュー(5ページ目)Macをビジネスで使う上で欠かせないのが、今回紹介する「Microsoft Office for Mac 2011」です。新しいMicrosoft Office for Mac 2011では、全体的なパフォーマンスが劇的に向上して、全体的にとても使いやすいものになっています。 VBAが復活してバージョン6.5に旧バージョンのMicrosoft Office for Mac 2008では、VBA（マクロ）が削除されていたため、Windowsで作ったマクロ付きのドキュメントなどはほとんど使い物にならない状態でしたが、Office for Mac 2011では完全復活。バージョンもOffice 2007相当の6.5となり、定型処理などWindowsユーザーとのコラボレーションも夢ではありません。ただし、すべて

ext3 2013/06/05

リンク

2/2 簾(すだれ)と葦簀(よしず)の違いや使い方、効果 [内装建材] All About

簾(すだれ)と葦簀(よしず)の違いや使い方、効果(2ページ目)【2018年5月更新】暑い夏、エアコンにすべてを頼らない方法として、日本古来のアイディアである、簾（すだれ）、葦簀（よしず）が見直されています。それぞれの違いや使い方、サイズの選び方や取り付け方、効果を紹介していきます。その「簾（すだれ）」や「葦簀（よしず）」はホームセンターなどで、比較的安価に入手することができます。もっとも「葦簀（よしず）」は非常に大きいサイズので、クルマに乗せて帰るのもなかなか大変なので、配達してくれるお店にお願いするのがいいかもしれません。大きいけれど、手っ取り早く利用できるのが「葦簀（よしず）」です。軒下やベランダの吐き出し窓に立てかけて使うのが一般的であり、窓の高さより2、3割長いものを購入しておくと、扱いやすいはずです。そう、たったこれだけで取り付け完了です。これによって直射日光は遮れるし、窓を

ext3 2013/05/28

リンク

風邪の種類 - インフルエンザ・風邪対策特集 | 基礎知識を学んで対策や予防・治療 - AllAbout

ext3 2013/05/12

リンク

履歴書送付時には送付状を付けよう [転職のノウハウ] All About

履歴書送付時には送付状を付けよう履歴書や職務経歴書を送る際は、送り状をしたためて添えましょう。ちょっとした心遣い一つで、人事に与える印象をぐっと違ってきますよ。ビジネスの場面では、文書を郵便や宅配便でやりとりする際、「ご請求のありました資料をお送りします」など簡単な挨拶状を添えるのが普通です。しかしながら、履歴書や職務経歴書を応募先の会社に郵送するにあたって、なにがしかの添え状を用意する人はほとんどいません。求人広告の募集要項に「履歴書郵送のこと」とあるから、履歴書を書いて送る。ただそれだけすませているのが実情です。応募書類を受け付ける企業の人事担当者も、それが当たり前の状況になっているためか、挨拶状がなくても別に気にしていないようですが、であればこそ、履歴書や職務経歴書を郵送するときに、一言の挨拶を兼ねた送付状を添付すると、それだけで、ほかの応募者とはひと味違う印象を人事担当者に植

ext3 2012/10/11

リンク

小数・分数の英語表現！帯分数の英語で表す方法も [ビジネス英会話] All About

小数は、整数の部分は普通の読み方。小数点を point と読み、小数点以下の桁数は数字を1つずつ読みます。たとえば、円周率 3.14 であれば、"three point one four"となります。10.57 なら"ten point five seven"になります。小数点以下で使われるゼロは、ゼロと読んでもOKですが、アルファベットの"O"に似ていることから、よく［ou］と読まれます。3.05 は"three point oh five"と読みます。帯分数の英語での読み方英語の分数（fraction）は、基数（cardinal number）と序数（ordinal number）の組み合わせで表現します。分子（numerator）を基数、次に分母（denominator）を序数で表します。たとえば、2/3は、two thirds と表現されます。分子が2以上になれば、分母は複

ext3 2012/09/11

リンク

2/3 属性セレクタで、スタイルシートを柔軟に！ [ホームページ作成] All About

属性セレクタで、スタイルシートを柔軟に！(2ページ目)Internet Explorer 7から使えるようになったスタイルシートの機能に、「属性セレクタ」があります。FirefoxやOperaでは以前から使えていました。これを活用すると、より柔軟な装飾対象の指定が可能になります！

ext3 2012/08/28

要素名[属性名="値"] { }

リンク

スタイルシートの class と id の使い分け

idとclassの違いと使い分け！スタイルシート(CSS)適用法(2ページ目)idとclassの違いと、使い分け方法をご紹介いたします。HTMLにスタイルシート(CSS)を適用する方法には、class属性を使う方法と、id属性を使う方法があります。この「class」と「id」は明確に役割が異なります。全部にclass属性を使っている場合は問題ありませんが、全部にid属性を使っている場合は問題がある可能性があります。 class属性とid属性の役割の違い「class」と「id」の役割と、使用上の違いを簡単に言うと、次の通りです。 ■class：「種別名を割り当てる」 → 同じclass名を、1ページ中に何度でも使える。 ■id：「固有の名前を割り当てる」 → 同じid名は、1ページ中に1度しか使えない。 class属性が対象の「種類・部類」を表しているに過ぎないのに対して、id属性は対

ext3 2012/08/27

"「id」は、場所を一意に特定するため、「ページ内リンク」を作る際にも活用できるのです"そっちが本来の用途じゃなかったっけ？

css
id

リンク

はてなブックマーク

タグ

ブックマーク / allabout.co.jp (48)

お知らせ

今週のはてなブックマーク数ランキング（2024年6月第1週）

今週のはてなブックマーク数ランキング（2024年5月第4週）

今週のはてなブックマーク数ランキング（2024年5月第3週）

公式Twitter

キーボードショートカット一覧

はてなブックマーク

公式Twitter

はてなのサービス