CSSのみで背景を全体的に斜めにして傾斜をつける方法 | UNORTHODOX WORKBOOK | Blog
最近よく見かけるやつなんですけど、ちょうど今作っているサイトで使ってみたくて、色々やってみた結果なかなか良かったのでブログに残しておきます。 斜めのストライプとかじゃなくて、ブロックごと全体的に斜めにして背景を傾かせる方法です。プラグインは使わずに、CSSのみで実装してます。 デモ つまりはこんな感じのやつです↓ DEMO PAGE 大胆に背景全体を傾斜させているので、単調なフラットデザインに、ちょっとしたスパイスを加えることができますね。 実装方法 色々とやり方はあるかと思いますが、ここではCSSのbefore擬似要素とtransform:rotateを使って表現しています。 HTML <section class="contents"> <div class="contents_inner"> <!-- ここはコンテンツ --> </div> </section> ※HTMLは該当部分
集中力が続かないのは自然なことだった！集中力を高める方法とポモドーロ・テクニックについて | ナースが教える仕事術
このコンテンツでは、架空のキャラクターである山下リコと伊集院ヨシミが、あなたの生活に役立つ話をできるだけわかりやすい言葉を使って解説しています。 当コンテンツはこちらの運営ポリシーに沿って、信用度の高い情報を取り上げています。もしお気付きの点などございましたら、お知らせください。 こんにちは！ ユリカモメ病院の新人ナース、山下リコです。 あなたは、学生時代にこんな経験ありませんか？ テスト前日の夜。 勉強しなきゃと思いながら、ついついマンガを読んでしまったり、部屋の掃除をはじめてしまい、結局思うように試験勉強ができなかった。 心当たりのある人が多いのではないでしょうか。 “集中しないといけないのに、ほかの行動をとってしまう”という、この状態。 実は、「セルフ・ハンディキャッピング」といわれる心理が働いているんです。 セルフ・ハンディキャッピングとは、自分の能力を評価される場面で、評価される
Google社員がSEOの質問に答える AMA with Google Search SMX West 2017 ::SEM R (#SEMR)
Google社員がSEOの質問に答える AMA with Google Search SMX West 2017 SMX West 2017 より、Google社員Gary Illyes 氏と Mariya Moeva 氏が答える AMA with Google Search セッションを紹介。 公開日時：2017年03月28日 19:05 2017年3月下旬に米国カリフォルニア州サンノゼで開催された SMX West 2017 より、Google社員がウェブマスターからの質問に答える "AMA with Google Search" (AMA = Ask Me Anything) セッションを紹介。回答者は、Gary Illyes 氏と Mariya Moeva 氏の2名、二人とも Google Webmaster Trends Analyst です。 ドメインオーソリティといったシグナ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
