Masonryの使い方：サイズの異なるBOXをタイル状に整列大きさの異なる複数のブロックを、うまい具合に隙間無くタイル状(レンガ状)に自動整列してくれる「Masonry」の使い方を解説。横幅や高さの異なるボックスがいくつあっても、できるだけ無駄な隙間ができないように詰めて配置してくれます。当初の「jQuery Masonry」とは違ってjQueryなしで動作可能になり、CDN経由で読み込めるようにもなって手軽になりました。
![Masonryの使い方：サイズの異なるBOXをタイル状に整列 [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/2d598cb7c9e1437f59a7459deffaf32757e9eedb/height=288;version=1;width=512/https%3A%2F%2Fimgcp.aacdn.jp%2Fimg-a%2F1200%2F900%2Faa%2Fgm%2Farticle%2F4%2F0%2F2%2F5%2F4%2F9%2Ftopimg_original.png)
Masonryの使い方：サイズの異なるBOXをタイル状に整列 [ホームページ作成] All About
Masonryの使い方：サイズの異なるBOXをタイル状に整列大きさの異なる複数のブロックを、うまい具合に隙間無くタイル状(レンガ状)に自動整列してくれる「Masonry」の使い方を解説。横幅や高さの異なるボックスがいくつあっても、できるだけ無駄な隙間ができないように詰めて配置してくれます。当初の「jQuery Masonry」とは違ってjQueryなしで動作可能になり、CDN経由で読み込めるようにもなって手軽になりました。
チノパンをシワなしで洗濯する方法！アイロンがけなしでも大丈夫 [洗濯] All About
パンツ専用ネットは、パンツをたたんでネットにはさみ（左上）丸めて、くっついている筒状ネットへ入れて使います（右上）。ガイドは毛布用ネットも活用中（左下）。はさみ痕の残らないピンチもいろいろ！痕の残らないピンチも色々！ チノパンなど、家で洗えるパンツを何も考えずに洗濯すると、シワになって、中にはアイロンがけが必要になるものも。でも洗濯前にちょっとひと工夫し、干し方を気をつけるだけで、楽にきれいに仕上がります。今回は、チノパンのシワにならない洗い方のコツをご紹介しましょう。 チノパンを『シワなしパンツ』にするコツ：洗濯前に絡まない工夫を！ パンツにシワがつくタイミングは「洗濯やすすぎ中に両脚同士や他の衣類と絡まったとき」「絡まったまま脱水したとき」「シワをのばざず適当に干したとき」。 脱水はシワを深めて固定し、そのまま干せばシワが固まって乾きます。そこでチノパンなどのシワになりやすいパンツは、
![チノパンをシワなしで洗濯する方法！アイロンがけなしでも大丈夫 [洗濯] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/b374b40f3c7a6cee9a280e02fb81ddb0330993e4/height=288;version=1;width=512/https%3A%2F%2Fimgcp.aacdn.jp%2Fimg-a%2F1200%2F900%2Faa%2Fgm%2Farticle%2F3%2F7%2F6%2F7%2F1%2F5%2F1578280909%2Ftopimg_original.jpeg)
転勤族的暮らしの技術－ひとり・ふたり編－ [収納] All About
転勤族的暮らしの技術－ひとり・ふたり編－転勤してから長くて２年、早くて半年で再び転勤というケースもあるとか。トホホでもウキウキでも、部屋を片づけて職場や環境の変化をプラスに変えよう！ 転勤してから長くて２年、早くて半年で再び転勤というケースもあるとか。その土地に馴れるどころか、荷物を解くタイミングをはかる間もなく異動だなんて．．．。と嘆く人あれば、その一方で環境の変化をエンジョイする人もいるようです。それにしても、引越しの荷造りと荷解きにかかる時間や手間のことを想像しただけで気がズンと重くなりがち。 ひとり暮らしとは言え、生活用品はひと通りの種類があって、それなりに量もあるはずです。できることなら、引越しの準備や転居後の片付けで生活のペースを乱されるようなこともなく、いつも通りに暮らしたい。たとえ周囲の環境が変わろうとも、自分の生活くらいは変えずに暮らせたらそれが一番です。 そこで引越し前
![転勤族的暮らしの技術－ひとり・ふたり編－ [収納] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f530daf3cb408d6b6a0ba6f38ed7ccece36cffc/height=288;version=1;width=512/https%3A%2F%2Fimg.aacdn.jp%2Faa%2Fcommon%2Fogp300_300.png)
「大人の早起き」が最近のトレンド! - ［ストレス］All About
「早起きなんて子どものための習慣だ」と思うかもしれまんが、いまや「大人こそ早起きを！」という考えが注目されています。 「早起き」はストレス対策としても、理にかなっています。なぜなら早寝早起きをすることで睡眠の質が向上し、朝のだるさや心身の疲れを予防することができるからです。 たとえば、夜更かししてパソコンに向かったり、読書やTV鑑賞などに夢中になっていると、就寝後にも興奮が続いて深い眠りが得られなくなります。こうした習慣が続くと、朝になっても調子が上がらずに心身が疲れやすくなり、ちょっとしたストレスにも心が凹みやすくなってしまうのです。 したがって、夜には脳を興奮させずに早めに眠りにつき、その分早起きして心身を活動モードにチェンジさせるのは、日中のストレスに対処するためにもオススメな方法なのです。 就寝のポイントは“子どもの寝る時間” しかし、就寝時間を1時間早めるくらいでは早起きはなかな
心が疲れてネガティブになってしまう…ストレス軽減のコツ [ストレス] All About
同じ環境のなかで似たようなストレスを受けたときに、そのストレスをとても大きく感じる人もいれば、さほど大きく感じない人もいます。この違いには、心の状態が影響しています。 たとえば毎日のように残業が続いていたり、睡眠不足によって前日の疲れが解消できていなかったり、ストレスを発散する時間を持てなかったり……。人はこういった状況に置かれると、心が少しずつ疲弊していきます。 すると、目の前のことにあせって空回りしてしまったり、小さなミスで大きく自信をなくしてしまったり、「私がしっかりしていないからこんなことになったのかも？」などと自責の念が募ってしまったりすることがあります。 また、他人に対しても苛立ちや不満を感じ、「これができなければ負け」というように○×思考が強くなったり、「～ねばならない」といった自分に厳しい言葉が増えすぎてしまうこともあります。 心が疲れたときの対処法……できそうなことからス
![心が疲れてネガティブになってしまう…ストレス軽減のコツ [ストレス] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/e28bb0c8884747996b4f8d7aa781f05a1011bde3/height=288;version=1;width=512/https%3A%2F%2Fimgcp.aacdn.jp%2Fimg-a%2F1200%2F900%2Faa%2Fgm%2Farticle%2F3%2F0%2F1%2F5%2F4%2F3%2F1691384400%2Ftopimg_original.jpeg)
Time Capsuleの設定と使い方 [Mac OSの使い方] All About
Time Capsuleの設定と使い方AppleのTime Capsule（タイムカプセル）は、主にMacをワイヤレスでバックアップするために使用するデバイスだ。今回は、このTime Capsuleの使い方やできることなどを見ていこう。 AppleのTime Capsule（タイムカプセル）は、主にMacをワイヤレスでバックアップするために使用するデバイスです。 USB2.0ポートx1、Ethernetポートx3のポート類を持っていて、これ１つで802.11nドラフト2.0仕様を採用したAirMac Extrame Base Stationの機能、プリントサーバー機能、ファイルサーバー機能を利用できます。しかも、MacとWindowsの両方ですべての機能が利用できて、両OSで動作する管理ツール※も付属。 これだけの機能が盛り込まれて、ハードディスク容量500GBで￥30,800（アップルス
包丁の使い方・素材の切り方【切り方の基本を詳しく解説】 [毎日のお助けレシピ] All About
包丁を使うときの姿勢 家庭の主婦がそこまで覚えなくとも、と思われるかもしれませんが、これは慣れれば出きるとかじゃなくて、 最初から心積もりがないとできない事なので、是非、これを機会に、習得していただきたいと思います。 まな板に向かうときは、身体を調理台から10㎝くらいはなし、右足をこころもち後ろにひいた姿勢をとり 、腰を少しひいて力をいれ、上体を安定させる。 両腕は、肩の力を抜き、自然に前に出して切る作業をする。その時、まな板の上の左手は、 切られるものが動かないように、手の平と指を丸めて材料を押さえ、中指の関節に包丁の腹を当てる。 左手をずらしながら、切り幅を調節し、切り進める。左手首はなるべく下げて、まな板につけるようにすると安定する。 目は常に切る材料を見つめる。調理台によりかからない。 包丁の持ち方 1.軽く握りこむ 一般的な持ち方で、親指、人さし指、中指で、包丁の柄の付け根部分を
![包丁の使い方・素材の切り方【切り方の基本を詳しく解説】 [毎日のお助けレシピ] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/2c8a9f92a54126af528dbb06af5c878af29d7086/height=288;version=1;width=512/https%3A%2F%2Fimgcp.aacdn.jp%2Fimg-a%2F1200%2F900%2Faa%2Fgm%2Farticle%2F7%2F3%2F4%2F6%2F6%2F1556241609%2Ftopimg_original.jpeg)
基本のおかゆ＆あんかけがゆ - ［料理のABC］All About
米の5〜6倍の水で炊いたお粥が【全がゆ】です。 この全粥とおもゆの割合によって↓このように呼ばれます。 （重湯：かゆ） おもゆ（重湯）..........10：0 1分がゆ（お交じり）..9：1 3分がゆ......................7：3 5分がゆ......................5：5 7分がゆ......................3：7 全がゆ........................0：10 今日は、5倍の水で炊いた全粥と、あんかけ粥を紹介します。あんをかけると嚥下しやすくなるので、 老人食・介護食・離乳食などに適しています。 土鍋で炊くごはん 中華粥 茶粥 ■材料■1人前 ・米........1/2カップ ・水.........↑同じカップで2杯と1/2 ■作り方■ 1.米をとぐ。土鍋に水と米を入れ、30分〜1時間
指定されたファイルが見つかりませんでした - All About
指定されたファイルが見つかりませんでした。 All About トップへ サイトマップへ ファイルが削除されているか、あるいは存在しないアドレス（URL）へのアクセスです。 もう一度、アドレス（URL）をご確認いただき、アクセスをお願いいたします。 All Aboutへのお問い合わせやリンク切れなどのご連絡につきましては、 お手数ですが「All About へのお問い合わせ」フォームをご利用下さい。
著作権表記の「年」表示を自動更新する！ - ［ホームページ作成］All About
著作権表示の「年」の修正は忘れがち ページの末尾に著作権表示（Copyright表示）を記載している方々も多いと思います。 たとえば、All Aboutの各ページには、末尾に次のような記載があります。 Copyright © 2001-2006 All About, Inc. All rights reserved. このような著作権表示には、更新年の記載もありますね。 この「年」表記を、古いまま放置していませんか？ ここが古いままだと、最近まったく更新していない「古い情報しかないホームページ」だと思われかねません。 ページ末尾にあって、あまり重要なものではないため、更新をついつい忘れがちです。 そこで今回は、Copyright部分の年表示を現在の日付に合わせて自動更新する方法をご紹介致しましょう。 JavaScriptを用いる方法と、CGI＋SSIで実現する方法が
画像の下に謎の隙間ができるのを防ぐ方法 [ホームページ作成] All About
上記のHTMLは、ブロックレベル要素の中に、画像を1つ入れているだけです。このような記述は頻繁に使われるでしょう。 このとき、文字サイズ(font-size)がとても小さかったり、行の高さ(line-height)が低かったり、表示に使われているフォントの種類によっては、あまり隙間が気にならない場合もあります。しかし、右図のように画像の下に隙間が見える場合もあります。 画像の下に空く謎の隙間がハッキリ見える記述・装飾例 以下のようにHTMLとCSSを記述すると、謎の隙間がハッキリ見えるでしょう。 <p> <img src="sea.jpg" alt="海"> quick doggy jump </p> 上記のHTMLでは、画像の隣に小文字のアルファベットを掲載しています。さらにCSSで、 p { font-size: 200%; line-height: 1.4; font-family:
![画像の下に謎の隙間ができるのを防ぐ方法 [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/07356548dced5830ac122644793311a373810346/height=288;version=1;width=512/https%3A%2F%2Fimgcp.aacdn.jp%2Fimg-a%2F1200%2F900%2Faa%2Fgm%2Farticle%2F2%2F3%2F8%2F8%2F9%2Ftopimg_original.png)
CSSを1行書くだけ！ 楽な方法で枠の角を丸くしたい！
枠の角を丸くする方法として、スタイルシートに1行書き加えるだけで済む方法をご紹介したいと思います。 丸みの半径を自由に指定できるなど、画像とHTMLを駆使するよりも楽に作れます。 今回ご紹介する方法のメリット・デメリットは次の通りです。 メリット スタイルシートに1行加えるだけで済む 丸みの半径サイズの指定が自由自在 デメリット Mozilla系ブラウザ以外だと普通の四角い枠になる というわけで、以下にご紹介する方法は、Netscape NavigatorやFirefoxなどのMozilla系ブラウザでしか実現できません。 しかし、他のブラウザで閲覧されても、枠の角が丸くならないだけで、別段問題になるようなことはないので、 気軽に使っても構わないでしょう。 「できれば角を丸くしたいけど、別に丸くならなくてもいいや。」 というくらいの感じで角を丸くしたい方々には、便利
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
野菜炒めのレシピ！味付け・火力のコツ [毎日のお助けレシピ] All About![野菜炒めのレシピ！味付け・火力のコツ [毎日のお助けレシピ] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/cdb5d9a40f4d2da40e12c46a8578534cd4ec96fd/height=288;version=1;width=512/https%3A%2F%2Fimgcp.aacdn.jp%2Fimg-a%2F1200%2F900%2Faa%2Fgm%2Farticle%2F1%2F8%2F6%2F3%2F0%2F6%2F201703241801%2Ftopimg_original.jpg)
[Javascript] All About｜JSの基礎やjQueryの活用法を解説
ASPの正しい選び方 - ［企業のIT活用］All About