[CSS]背景画像をブラウザいっぱいに表示するシンプルな最新テクニック
背景画像をブラウザいっぱいに表示するスタイルシートのシンプルなテクニックを紹介します。 デスクトップだけでなく、スマフォやタブレットにも対応、しかもたった一行なのでスニペットに加えておくと便利です。 デモを幅480pxで表示 コンセプト 「background-size」をビューポート全体をカバーするために使う 「background-size」はレスポンシブ対応にする時に非常に有効なプロパティです。値に「cover」を使うことで、背景画像を相対的に自動で調整します。 ※IE8以下はサポートしていませんが、後述のスクリプトを使用するとbackground-sizeが機能するようになります。 「Media Queries」をスマフォ対策として使う スマフォなどの小さいサイズのスクリーン用にMedia Queriesを使って、小さいサイズの画像ファイルを使うことができます。もっともこれはオプシ
なぜインターネットでは「青色」が多用されているのか？
普段何気なく使用しているインターネット上のさまざまサービスをよく見てみると、至る所に「青色」が使われていることに気づきます。なぜ、インターネットではこれほどまでに青色が多用されているのか、IT関連のニュースサイトThe Awlがその理由を公開しており、興味深い内容になっていました。 Internet, Why So Blue? - The Awl http://www.theawl.com/2014/06/internet-why-so-blue こちらはGoogleが頻繁に自社のサービスに使用している青色です。カラーコードをHTMLなどで使う16進数で書くと「4385f5」になります。 試しに、Google検索を確認してみると、至る所に上記の青色が使用されているのがわかります。実は、Googleのデザイナーは上記の青色とは違う種類の青色をサービスのメインカラーに選んだのですが、上司から「
経営ハッカー ｜ 「経営 × テクノロジー」の最先端を切り拓くメディア
ビジネスを立ち上げ、日々運営し、事業継続に奮闘する多忙な経営者・個人事業主に、「会計、経理、人事労務、税務、確定申告、給与計算、起業、会社設立」をテーマに、役立つ情報提供をします。
Material Designから学ぶデザインと技術の共通項
Google I/O 2014 では様々なデバイスが発表されて、ますます Google が日々の生活へ入り込んでいくのだなという印象を受けました。幾つかのプロダクトは興味深かったですが、プロダクトより気になったのが Material Design の発表です。現在 Android L と称されている次期バージョン Android で採用されているデザイン言語のガイドラインです。 Skeuomorphism が全面的に使われていたときは、画面上にあるオブジェクトを触っているような感覚を見た目で演出していましたが、Material Design ではアニメーションを通して触れているような感覚を作り出しています。ときにはカードのような実世界のオブジェクトを模擬していますが、それでもカードを操作しているような感覚を与えているのは見た目ではなく動きだったりします。 感覚からコードへの転換 Mater
投稿しようか迷ったけど少しでもみなさんの防犯意識が高まれば、と思ったので投稿します。
投稿しようか迷ったけど少しでもみなさんの防犯意識が高まれば、と思ったので投稿します。 先日、夜中にゴム手袋をした男がわたしの部屋に侵入し、バスルームに隠れていました。 異様な人の気配を感じたので、バスルームの方の様子を伺っていたら男の頭が見えてわたしはパニックに。 体がガタガタ震えたまま携帯を手に取りバスルームを見に行こうとベッドから降りたら、男がバッと出てきて襲いかかってきた。 わたしは男から目をそらさずにこれまで出したことない位大きな声で悲鳴を上げました。 男は冷静に悲鳴が途切れるのを待っているようだったけど、 わたしはさらにボリュームを上げて叫んだ。 最初は恐怖とガードのつもりで無我夢中で叫んだけど、途中から怒りがこみ上げてきたので気迫を込めて叫びながら男ににじり寄ると、男は驚いたような顔をして慌てて逃げていきました。 一瞬、携帯の隣にハサミがあったのでハサミを手に取ろうとも思ったけ
準備委員にオフ会用のバナーを作成して頂きました - はてな村定点観測所
2014-07-01 準備委員にオフ会用のバナーを作成して頂きました オフ会まであと２週間を切りました。ここからが正念場って感じです。 昨日、ATNDのオフ会応募ページが定員（48人）以上に達して、補欠が発生している状況です。何とかすし詰めでもう少し会場人数が増やせないか、準備委員の方で話し合っていると同時に、会場の大田区産業プラザPiOと掛け合っています。 はてなスペースの準備委員の方も47人に増加しました。はてなスペースは鬼のように使いづらいので、オフ会が終わったらダメ出しをはてなに対して行います。 オフ会の準備の様子がアメーバニュースの記事になりました！アメーバニュースは過去に電通・博報堂の話題でも、実写アイコンの話題でも、私への批判記事を書いてくださったニュースサイトです。アメーバニュースを運営しているサイバーエージェントは、電通系や博報堂系のメディアレップともつながりの深いWeb
橋本環奈、天使すぎるノーバン始球式 - プロ野球ニュース : nikkansports.com
＜ソフトバンク０－１ロッテ＞◇１日◇東京ドーム 福岡・博多のアイドルグループＲｅｖ．ｆｒｏｍ ＤＶＬメンバーで、「天使すぎるアイドル」と話題の橋本環奈（１５）が見事な「ノーバン始球式」を披露した。 ソフトバンク社の「白戸家シリーズ」ＣＭに出演する橋本は、セーラー服姿でマウンドに上がった。白戸家のお父さんがホームベース後方から見守る中、右腕から投げたボールは、ノーバウンドで捕手細川のミットに収まった。 ソフトバンク戦の始球式は今季開幕戦以来２度目。この日は恒例イベント「鷹の祭典」の第１戦で、スタンドが赤いユニホームを着たファンで真っ赤だった。橋本は注目が集まる中で大役を務めてホッとした表情。「２回目の始球式でちょっとは緊張がほぐれるかなと思いましたが、全然！ 今日は真っ赤に染まっていて、緊張しました。前回はバウンドしたけど、今日は届いたので９０点です」と天使のような笑顔を振りまいた。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
BLOGOS サービス終了のお知らせ