[CSS]背景を固定させ、カーテンをあげるようにコンテンツを次々にスクロールで表示させるテクニック
ブラウザの高さいっぱいに表示した写真画像とベタ塗り背景のコンテンツを交互に配置した縦長ページをスクロールした際、写真画像の背景を固定表示させ、カーテンをあげるようなスクロールエフェクトを実装するスタイルシートのテクニックを紹介します。 スクリプト無しなのでスクロールのもっさり感がなく、非常にさくさく動作します。 Alternate Fixed & Scroll Backgrounds デモ 実装 ファイルのダウンロード デモ デモはChrome, Safari, Firefox, Operaなどのモダンブラウザ、IEは9+でご覧ください。 エフェクトにスクリプトを使用していないので、スクロールも快適です！ 少しスクロールしたところ 写真画像の背景は固定表示で、コンテンツとベタ塗りだけがスクロールします。 実装 HTML HTMLはシンプルで、main要素をラッパーに、div要素で写真画像と
【主張】知事選自民敗北 慢心への警告受け止めよ - MSN産経ニュース
滋賀県知事選で、自民党の候補が現職の嘉田由紀子知事や民主党が支援した候補に敗れた。秋に行われる福島、沖縄両県知事選と並び重視して取り組んでいただけに、安倍晋三政権にとっては痛手である。 敗因としては、出遅れによる知名度不足に加え、選挙の直前に東京都議会でセクハラやじ問題が生じて、自民党への逆風が強まったことなどが挙げられる。 軽視できないのは、そもそも政府が安全保障政策の見直しに踏み込んだことが内閣支持率の低下を招き、選挙の足を引っ張ったとの分析があることだ。 集団的自衛権の行使容認を決めたことの是非が、直接、知事選で問われたとは考えにくい。だが、国民の十分な理解をまだ得られていないことは否定できない。国民の生命を守るために必要な政策判断であることを、今後とも丁寧に説明する努力が求められる。 有権者の信頼を失うような不祥事は起こさず、起きた場合には直ちに対処し、再発防止策を徹底すべきことは
編集者のように生きられますか？ コンテンツを殺す唯一の方法。 | BLOG HOMME
昔、福満しげゆきという漫画家が大好きでした。 彼が書いたマンガの中で、たびたびネットで取り上げられる有名なページがあります。 福満しげゆきの天才を証明する、象徴的なくだりだと思っています。 彼はずっと、自身の原体験を元にして、いわゆる”非リア”の行動様式を描くことを得意としてきました。 僕が高校生のときに読み、10年来のファンだったのですが、ここ3年ほどの連載はどれもハッキリ言ってイマイチで、新刊も買わなくなりました。 なぜか？ よく、ワンパターンだから、と指摘されているようですが、僕の考えでは違います。 彼が美人な奥さんと結婚し、マンガがヒットしてからはファンレターも沢山届くようになり、公営住宅から立派なマンションに引っ越し、最近では一戸建てを買ったからです。 ほとんどの創作に当てはまるとも思っていますが、特に原動力がコンプレックスに起因するタイプの作品や作家は、幸せになってしまったらた
ベネッセ情報流出 派遣社員が関与認める NHKニュース
「ベネッセコーポレーション」の通信教育サービスを利用している顧客の個人情報が大量に流出した問題で、情報を持ち出した疑いがある、顧客のデータベースの保守管理に当たっていた外部業者の派遣社員が、警視庁の任意での聴取に対し関与を認めたことが分かりました。
自分の個人情報がどこから流出したかが丸わかりになる、Gmailの機能が凄い！個人情報漏洩対策として、登録先ごとに個別設定してみよう。 - クレジットカードの読みもの
近年、日常茶飯事になりつつある個人情報の漏えい事件。 ベネッセや日本航空の事例などなど、セキュリティ意識の高い大手企業であっても個人情報流出を止められないわけですから、対策にお金をかけられない中小企業や個人商店からの流出は、もはや星の数ほど発生してると考えるのが自然…。 酷いケースだと企業側が流出に気付いていない場合すらあることを考えると、住所、氏名、電話番号、クレジットカード情報といった大切な個人情報は自分自身で守るほかないのかもしれません。 大量の情報漏えい： ニュースになるので気付きやすい＆企業側からの連絡が期待できる 小規模な情報漏えい： 被害者が少ないので気付きにくい＆場合によっては流出したことすら通知すらされない（そもそも企業側が流出を認識できていないことも） では、どうすれば個人情報流出から身を守ることが出来るのか？ 今回は参考までに、自分が登録した個人情報がどこから流出した
暮らしの情報サイトnanapiはサービスを終了いたしました | nanapi [ナナピ]
2020年8月31日(月)をもちまして、nanapiに関わるすべてのサービスは終了いたしました。 nanapiは、2009年のサービス開始より「みんなで作る暮らしのレシピ」という考えのもと、ユーザーの皆さまに生活に関する様々な「ハウツー」を投稿していただく投稿型ハウツーサービスとして運営してまいりました。 約11年間にわたって皆さまからご支援をいただきサービスを継続できたこと、nanapi編集部一同、心より御礼申し上げます。 掲載されていたコンテンツなどのnanapiについてのお問い合わせは、nanapi@supership.jp までお願いいたします。 長きに渡りnanapiを応援してくださり、本当にありがとうございました。
![暮らしの情報サイトnanapiはサービスを終了いたしました | nanapi [ナナピ]](https://cdn-ak-scissors.b.st-hatena.com/image/square/420112875c05dcaadf2a5dd3f98760dc35d7162b/height=288;version=1;width=512/https%3A%2F%2Fimage.nanapi.com%2Fr%2F2014%2F07%2F14%2F11%2F20140714113641_53c34239cea08.jpg)
Movable Typeの日付カスタムフィールドを使って「予定」「開催中」「終了」を別々に表示する方法
「Movable Typeの日付カスタムフィールドを2つ使って「開催中」を表示する方法」で、「予定」「開催中」「終了」をそれぞれ別のリストに出力するカスタマイズを紹介します。 変更前 変更後 以下、カスタマイズ方法です。カスタムフィールドは「Movable Typeの日付カスタムフィールドを2つ使って「開催中」を表示する方法」の２項を参考に予め作成しておいてください。 １．カスタマイズ まず、「予定」「開催中」「終了」を表示させるエリアとして、次のHTMLを全面追加します。 <div class="widget-recent-entries widget-archives widget"> <h3 class="widget-header">開催中</h3> <div class="widget-content"> <ul id="during"></ul> </div> <h3 clas
Movable Typeの日付カスタムフィールドを使って現在時刻と比較する方法
Movable Typeの日付カスタムフィールドを使って現在時刻と比較する方法を紹介します。 下のスクリーンショットは「最近のブログ記事」の右側に状況を表示させてみたものです。 このエントリーはMTQの「本日のＤＡＴＥ（日付）を取得するＭＴタグはありませんか？」に対する回答です。 jQueryを使ってリアルタイムに判定するので、ページをダイナミックパブリッシングなどに変更する必要はありません。 １．事前準備 次のようなカスタムフィールドを事前に作成してください。 システムオブジェクト：ブログ記事 名前：（任意の名称） 種類：日付と時刻 オプション：日付と時刻 ベースネーム：（任意の名称） テンプレートタグ：EntryCFDate テンプレートタグは以降に示すサンプルコードとあわせるためのものですので、実際の名称は何でもかまいません。 作成後、ブログ記事作成時にこのカスタムフィールドを設定し
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
約1300円で超本格的ベーコンやスモークステーキなどが燻製できる「燻家スモークハウス」を使い倒した
ベーコン・スモークチーズ・スモークサーモンなどの燻製食品はスーパーなどで販売されており、誰でも気軽に食べることができるわけですが、自分で好きな食材を燻製にできる、アウトドアへの持ち運びも簡単な段ボール製スモークボックスが「ソト(SOTO) 燻家 スモークハウス ST-114」です。約1300円という低価格で段ボール製ながら耐久性は高く、簡単なチーズや玉子などから燻製を始めたところ、グングンと燻製レベルが上達していき、果ては超本格的なベーコンまで完成してしまうという、計り知れぬ潜在力を秘めたスモークボックスとなっており、壊れる寸前まで使い倒してみました。 ◆外観＆組み立て というわけでこんな感じのパッケージで「燻家スモークハウス ST-114」が到着。 中身は段ボールのボックス本体・お試し用のスモークウッド・金棒×2・金網・フック×4・アルミ皿で、食材さえ用意すればとりあえず燻製できるように
財政破綻デトロイト、起業で再生を 空きビルに若手集う：朝日新聞デジタル
「自動車の街」として繁栄した米ミシガン州デトロイト市が財政破綻（はたん）してから約１年がたった。中心部の空きビルにはベンチャー企業が集まり始め、少しずつだが、活気を取り戻しつつある。若い起業家たちの熱気が、地域の再生につながると期待されている。 「まさかデトロイトで事業ができるとは思っていなかった」。こう話すのは、新興企業「スティック」を共同で創業したネイサン・ラベンズ氏（３０）とジェイ・ギーラック氏（３０）。デトロイト市郊外で育った２人は高校卒業後、東海岸のハーバード大に進学。その後、「シリコンバレーで起業家になる」と目標を立て、２０１０年に西海岸地区で創業した。 スティックは、弁護士や歯科医、不動産業者などのサービスの満足度について利用者が採点する口コミサイトを運営する。創業から２年、事業拡大を考えていたところ、デトロイトのベンチャーキャピタル（ＶＣ）から「地元を拠点に活動するなら資金
キムタク「HERO」で道徳教育 文科省との異例タイアップに賛否 （J-CASTニュース） - Yahoo!ニュース
13年ぶりの「連ドラ復活」となる木村拓哉さん主演ドラマ「HERO」（フジテレビ系）が、異例のタイアップを行うことが話題を呼んでいる。 その相手は「文部科学省」。それも、分野は「道徳教育」だという。 ■下村文科相が発表会見に駆け付ける 2014年7月10日、東京・お台場のホテル日航東京レストランで行われた制作発表会。キムタクと並んでニコニコ笑っていたのは、下村博文文科相だ。大臣の出席に、「改めて考えるとすげえ」と喜んでみせた木村さんを前に、下村文科相も「素晴らしい番組」と持ち上げてみせた。 「HERO」は木村さん演じる型破りな検事の活躍を描いた作品で、2001年にドラマ版が放映、07年には映画版も制作され、いずれも大ヒットとなっている。 今回のタイアップでは、 「『正義』ってなんだ？ 『真実』ってなんだ？ みんなで考えよう、本気で生きるってこと」 「道徳教育×HERO」 とい
仕事に関して覚えておくべき「たった一言の知恵」 | ライフハッカー・ジャパン
仕事に本当に必要なことというのは、案外シンプルなものです。今回は、仕事に関することについて、本当に覚えておくべき大事なことを一言でまとめてみました。 議論： すべての議論で勝とうとすると、すべての友だちを失うことになる。 ブレインストーミング： どんなに目的意識を持って取り組んでも、ほとんどのブレストは退屈なものだ。 ブランディング： ブランドは顧客の経験から生まれるもの。ブランディングでできることは商品にラベルを貼ることくらい。 ビジネス本： ほとんどのビジネス本は、言いたいことは10ページ分くらいで、残りの190ページはつなぎみたいなもの。その大半はケーススタディである。 キャリア： 自分が夢の仕事をするイメージを持っていなければ、たとえ夢があってもそれを実現できるチャンスは無いに等しい。 責任： どれだけ多くの責任を果たしたかではなく、責任を果たさなかったことがどれだけ少ないかで評価
そして誰もいなくなった―― 人口減少で瓦解を始める日本の現実 | 週刊ダイヤモンドの見どころ | 週刊ダイヤモンド
全国で頻発する人手不足。その背景には人口減少があった。遅まきながら政府も対策に本腰を入れ始めたが、識者からは「荒唐無稽」「不可能」の大合唱だ。 原因は、その前月から提供を始めた「牛すき鍋定食」。仕込みから調理、配膳まで、通常の牛丼とは比較にならない仕事量に耐えられなくなったアルバイト従業員が、次々と辞めたことで、一気に人手不足に陥ってしまったのだ。 もともと、すき家では「ワンオペ（ワンオペレーション）」と呼ばれる1人勤務体制が敷かれ、外食チェーンの中でも激務な〝ブラック〟職場として、主にインターネット上で評判が良くなかった。 ゼンショー幹部は「すき家個別の問題ではなく、若年労働人口の減少による影響が大きい」と説明する。が、「〝ブラック〟な勤務環境を棚に上げ、人口減少に原因をすり替えている」と非難囂々々だ。 こうした事態をある大手外食チェーン幹部は、「若い世代の人口が減って、他業種ともバイト
なぜ、頭の良い若者ほど、 プロフェッショナルになれないのか？：日経ビジネスオンライン
「知性」と似て非なる、もう一つの言葉 田坂教授は、『知性を磨く 「スーパージェネラリスト」の時代』（光文社新書）の中で、「知性」と「知能」は、似て非なる言葉であり、高学歴とは「高い知能」を持っていることを意味しているが、「深い知性」を持っていることを意味しないと指摘されていますね。 そのことを、この連載の第1回では、「なぜ、高学歴の人物が、深い知性を感じさせないのか？」という逆説として述べられたと思いますが、前回の連載第2回の最後に、「知性」と似て非なる、もう一つの言葉があると言われました。それは何でしょうか？ 田坂：そのことを説明するために、ビジネスにおいて、しばしば遭遇する一つの場面を紹介しましょう。ビジネスパーソンならば、誰もが、こうした場面を経験したことがあるのではないでしょうか？ 例えば、ある新事業企画の会議。 ある若手社員が見事なプレゼンをする。同僚の若手メンバーは、感心しなが
Google検索品質評価ガイドラインが定義する最高品質のページに必須な3つの要素
[対象: 上級] 高品質なサイトやページに求められる条件として「E-A-T」が、メジャーバージョンアップしたGoogleの検索品質ガイドラインに新たに加わったことを先週伝えました。 この記事では、高品質なページに求められる E-A-T 以外の条件、そしてそのなかでも最高品質のページに求められる3つの条件について解説します。 高品質なページに求められる条件 高品質なページに求められる条件として、品質評価ガイドラインの最新版は次の7項目を挙げています。 満足感を与える量のメインコンテンツ 高いレベルの専門性・権威性・信頼性 (E-A-T) 良い評判 役立つ補助コンテンツ 実用的なページデザイン 満足がいく量のウェブサイトの情報 手入れがよく行き届き、きちんと維持されているウェブサイト 順に説明します。 満足感を与える量のメインコンテンツ メインコンテンツとは、そのページの目的となるコンテンツで
一度はご覧頂きたい「間違ったフォント」8選 - Web冷え汁
「この看板のフォント、なんか間違ってない？」と思ったことのある全国2000万人の同志のみなさん、おはようございます。ん？声が小さいゾ？ 私はこの間違ったフォントを地道に集め続けております。「何か使い方がおかしい、違和感がある。」そんなフォントに出会うために、日々街を歩いています。 「間違っている」とは何なのか。そういう根源的な問いはあえて課しますまい。「フォントが間違っている」などという個人の判断には1mmの価値もございません。 この「間違ったフォント鑑賞道」とは、フォントを見ることによって自らの中に生まれた違和感の原因をしゃぶりつくし、そこにあるものを正さず、あるがままを愛でる。そういうものです。 さて、本日はそんな間違ったフォント鑑賞道の成果物をいくつか紹介させていただきたいと思います。こちらを見て「ああ、これは間違っているなあ・・・」と感じるのも「あれ？間違ってなくない？」と思うのも
東大生は､今でも絶望的なほど保守的だ
――「産業の新陳代謝とベンチャーの加速」が、安倍政権の政策の目玉の1つにかかげられました。成果指標は「新規企業の開業率を現在の5％から10％台に倍増する」というもの。これは実現できるでしょうか。 よく開業率の議論だけをしますが、開業率が高くなるということは、廃業率の上昇とセットの話。どの国でも、どちらかだけが高いわけではない。開業率が低くて廃業率ばかり高かったら、それは滅びていくということ。普通に成長している国では、開業率も廃業率も日本より高い。要するに、日本は老化しているってことなんです。「新陳代謝」がない。だから成長戦略ということでは、開業率と廃業率の両方を高くするしかありません。廃業率が高いということは、じつは廃業しやすくする、すなわち起業で失敗したときのリスクを小さい社会システムにするということです。そうでなければ起業する人は増えません。 「新陳」の施策はほとんど実施済み ――人間
知っておいてよかった！Web制作時に効率上げる「便利」なCSSテクニック - コムテブログ
TL;DR 少し前にサイト制作でさりげなく使われている CSS テクニックをまとめましたが、今回はそれを補足する形で、これから増えそうなもの、使っていきたいものを今後忘れないようにメモしておきます。 Photoshop ののように、乗算・オーバーレイなど背景色と背景画像を混ぜあわせたり、写真に色々な効果を付与することができるbackground-blend-modeプロパティ。シンプルな例では、以下のように背景写真と背景色を合成することが可能です。 .blended { background-image: url(face.jpg); background-color: red; background-blend-mode: multiply; } 効果一覧：multiply／screen／overlay／darken／lighten／color-dodge／color-burn／hard
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
グーグル、いよいよChromebookを国内で発売
caraldo.net - it転職 リソースおよび情報
Code Life
パソコン音痴しかいない会社でマクロ組んだら神扱いでワロタ：キニ速