まだCSSで書いてるの？Sassを使って効率的にスタイリング | Will Style Inc.｜神戸にあるウェブ制作会社
こんにちは、先日第一子が誕生し父になった奥田です。 生まれてすぐ新生児室の前で一眼レフで写真を撮りまくるといういきなりの親バカぶりを発揮しまくっていますが、良き父になれるよう精進してまいりたいと思います。 さて、個人的には普及しだした当初から使っているので割と今更感はありますが、今回はSassのご紹介です。 僕はあまり複雑なことはせず、CSSのネスト化やちょっとした変数の持ち回りなどで使っています。 この記事で少しでもSassに興味を持っていただけると幸いです。 Table of contentsSassとは？インストール使い方SASS記法とSCSS記法Sassでできること最後にSassとは？Sass（サース）※とはCSSを変数やmixinと呼ばれる関数を使って書くことができるRuby製のCSSメタ言語です。 複数のSassファイルをimportし、コンパイルすることで一つのCSSにまとめ
求人検索をさらにリッチ化！「Google for Jobs」についてまとめてみた | Will Style Inc.｜神戸にあるウェブ制作会社
こんにちは、Designerの松並です。 2018年9月27日でGoogleが20年目の誕生日を迎えたそうです。 創立20周年おめでとうございます。これからもよろしくお願いいたします。 ブラウザはChrome、GoogleドキュメントにGoogleスプレッドシート、動画サイトといえばYouTube、その他にもあらゆる場面でGoogleが登場するようになりました。 さらに先月の9月19日にはGoogle Pixel 3を日本で発売する予定であることが発表されましたね。 皆さんはそんなGoogleが昨年公開した、新しい求人検索機能「Google for Jobs」というサービスをご存知でしょうか？ リスティング広告とオーガニック検索の間に新たに生まれた求人検索に特化したGoogleの新しいサービスです。 本記事では、Google for Jobsの基本情報やマークアップの方法等をご紹介させてい
PhotoShopでRetinaディスプレイに対応した画像を書き出す方法 | Will Style Inc.｜神戸にあるウェブ制作会社
こんにちは、制作担当の奥田です。 今まではPhotoShopで画像を書き出す際、スライスを使って「WEB用に保存」というコマンドで書き出していました。 しかし、もうその必要は無くなりそうです。 PhotoShop CC 2015で新たに追加された書き出し形式の指定を使って書き出しがとても容易になりました。 今回はその方法についてご説明いたします。 Table of contentsRetinaディスプレイに対応した画像とはどのように記述するのかPhotoShopでの書き出し方Retinaディスプレイに対応した画像とはRetinaに対応していないと折角のきれいなデザインも汚く表示されてしまいます。 以下の画像は左がRetina対応、右がRetina非対応の画像をRetinaディスプレイで見た例です。 右は文字が少し荒く表示されています。 どのように記述するのかHTMLではどのように指定すれば
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
