box-shadowはもう古い？CSS新時代の「影の落とし方」
長い間Webデザイナーが愛してやまないものの1つに*「box-shadow（ボックスシャドウ）」*があります。 Photoshopのような特殊なソフトウェアを使わなくとも、コードだけで影を落とすことができるという点で、Webデザイナーの中で大変重宝されていたプロパティです。 box-shadowの歴史は長く、2005年時点でW3C内でbox-shadowの草案が発表されました。影を落とす時に、影の長さや角度、色や透明度まで指定することができるので、この技術が登場した当初は感動した方も多いのではないのでしょうか。 しかしながら、box-shadowを使った影の落とし方は、登場から10年以上経過した現在、その使い所を考えていく必要があります。それはブラウザが様々なプロパティをサポートしたことが理由であり、影の落とし方を再考してみるのも大切です。 そこで本稿では、CSS新時代の影の落とし方につい
Mac × Visual Studio Codeで始めるscss（sass）入門。環境構築も簡単にできる！ | Arrown
以前、Visual Studio Codeの使い方・基礎基本 – Microsoft製のコードエディタ –という記事を書かせていただいたことがあるのですが、おかげさまで、少しずつ多くの人に見られるようになり、Arrownでよく見られる記事でも、習慣アクセスランキングTop10入りを果たすことが多くなってきました。 そんなVisual Studio Codeなのですが、実はscss（sass）を使ってCSSを効率的に書く方法を簡単に構築できることはご存知でしたでしょうか！ 今回は、Visual Studio Codeを使ったscss（sass）の利用方法・環境構築についてまとめてみました！ scss（sass）とは何か？？ scss（sass）について そもそも、scss（sass）とは何かについて、まずは書いておきたいと思います。 scss（sass）とは、cssをより効率的に書くことがで
Website Builder — Create a Website in Minutes — Squarespace
A collection of inspirational websites made by real Squarespace users. Stories and solutions for the modern entrepreneur. In-depth guides and videos about the platform, our services, and how to get started. An online community for Squarespace users and professionals to discuss best practices and seek advice. Free, online sessions where you’ll learn the basics and refine your Squarespace skills. Ea
Home - REBRAND
This website uses cookies so that we can provide you with the best user experience possible. Cookie information is stored in your browser and performs functions such as recognising you when you return to our website and helping our team to understand which sections of the website you find most interesting and useful.
メインループにおける投稿の並び順を、タイトル・更新日・ランダムなど自由自在に変更する
投稿の並び順を変更する方法メインループのクエリ条件を変更するには、pre_get_postsというアクションフックを利用します。このライブラリで説明している通り、query_posts()は使用してはいけません。 function twpp_change_sort_order( $query ) { if ( is_admin() || ! $query->is_main_query() ) { return; } if ( $query->is_home() ) { $query->set( 'order', 'ASC' ); $query->set( 'orderby', 'title' ); } } add_action( 'pre_get_posts', 'twpp_change_sort_order' );並び順を変更するには、クエリの順序付けパラメータを変更します。7行目で順序
企業メッセージのビジュアル表現（10の事例） | ベイジの社長ブログ
社会における存在意義を明確にしたり、ブランドイメージを確立する上で、企業メッセージというのは非常に重要な役割を担います。一方、多くの大企業のメッセージは抽象的であり、かつメッセージだけを消費者に届けることはなかなか難しいため、工夫を凝らしてビジュアルで表現し、テレビやWeb、紙媒体などで展開していたりします。 ここでは、そういった企業メッセージのビジュアル表現をいくつかピックアップし、そこにはどのような意図があるのだろうか、そしてクリエイターとしてはどういう点が参考にできるのだろうか、といったところを見ていこうと思います。 資生堂 資生堂のコーポレートメッセージは「一瞬も 一生も 美しく」。これは、2010年の映画公開にともなって展開された新聞広告のビジュアルです。 これは当時公開された映画『Flowers』の1シーンですが、ノスタルジックな白黒写真のトーンと伝統的な和装が、時代に流されな
Dialpad - Ai搭載のクラウド型コミュニケーションプラットフォーム
Talk. Message. Meet. Support. 社内外のコミュニケーションを、一つのワークスペースで。 �H�%wU
Fastask | アンケート調査は圧倒的なスピードと低コストのFastask
Fastaskとは Fastaskはシンプルな操作で使いやすい アンケート調査サービスです。 日本語に強いジャストシステムのリサーチャーチームが アンケートのロジックチェックも行いますので 安心して調査をはじめられます。 様々なシーンで活用いただけます
『教え方が上手い人は何をしているか？』を具体的にまとめた表がとても参考になると話題に
融子 @kinyuuchan 青田努さんがまとめたもので、私自身が後輩指導の際に意識したいとともに上司からもこのように指示をあおぎたいなという思いでツイートしました。まわしもんでもなんでもないんですが、こんなに拡散されているのは同じ思いの方がそれなりにいる証拠だなと思いました🌸 リンク www.wantedly.com 【図表】教え方がうまい人は何をしているか（ヘタな場合はこの8つのどれかができていない） | 株式会社アイ・キュー 「教える」というのは業界や職種を問わず大事なスキル。でもその行動品質はさまざまですよね。教え方がうまい人たちに共通するのって、多分この8つなんじゃないかと思っています。いかがでしょうか。 6 users 76
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Sass - Visual Studio Marketplace
CSS, SCSS, and Less support in Visual Studio Code
Mac 環境にSassをインストールする | Web制作者のためのSassの教科書 - 公式サポートサイト
What to Expect - The Most Trusted Pregnancy & Parenting Brand
Babylist - The Best Baby Registry
Days Of The Year
Get Ready for UIViewController Animated Transitions - Apptillery
Scary Mommy
Parents - Pregnancy, Birth, Babies, Parenting
WebMD - Better information. Better health.
Sittercity: Find Local Child Care, Senior Care, & Pet Care
