グラデーション付き影をコピペ作成 CSS Shadow Gradients とおすすめツール
グラデーションは鮮やかな配色や動く流体Blobシェイプなど、さまざまな方法や見せ方で見かけるようになっています。 2色の配色によるグラデーションをつかった影、シャドウグラデーション（英: Shadow Gradients）を手軽に作成できるオンラインツール「CSS Shadow Gradients」が公開されています。 CSS Shadow Gradientsで作成したグラデーションは、CSSコードとしてワンクリックでコピー、利用できます。 CSS Shadow Gradients https://alvarotrigo.com/shadow-gradients/ 🧑💻 使いかた CSSグラデーションシャドウは、疑似要素をつかって表現しており、backgroundプロパティにlinear-gradient関数を使うことで、手軽にスタイリングすることができるようになりました。 使いかた
PostCSS まとめ - Qiita
僕はPostCSSは開発当初から追いかけていて、GitHubでPostCSSチームのメンバーのひとりだったり、実際にPostCSSを使ってプラグインやツールをいくつか作ったり、ブログや雑誌で記事を書いたり、勉強会等で話したりしています。 本記事では、自分が知っているPostCSSについての事柄を共有します。 PostCSSとは何か PostCSSとは、ロシア人の Andrey Sitnik という人が開発している、Node.js製の「CSSツールを作るためのフレームワーク」です。PostCSS製のツールとして、ベンダープリフィックスを自動で付与する「Autoprefixer」、未来のCSSの構文の一部を今のブラウザで解釈できるようにする「cssnext」、カスタマイズ性に富んでいるCSSリンターである「stylelint」などが有名です。 PostCSSは2018年2月、かなり広く使われて
SassのGUIコンパイラは「Prepros」がおすすめ！使い方と機能のまとめ | Web Design Trends
Sassに挑戦しようと思ったけどコンパイルのための環境構築が難しそうでやめてしまった方も多いのではないでしょうか。Sassのコンパイルにはコマンドラインを利用する方法が主流ですが、実はGUIコンパイラを利用すればもっと簡単にSassファイルをコンパイルして、CSSに出力することができます。 今回は、SassのGUIコンパイラの中でも特におすすめの「Prepros」というツールについてご紹介したいと思います。 Sassとは Sassとは、CSSを拡張したメタ言語です。CSSをより柔軟に記述することができるのが大きな特徴で、数多くの便利な機能を利用することができます。CSSよりも学習コストがかかってしまう点がネックですが、一度習得してしまえばCSSを効率よく、メンテナンス性を高く記述することができます。 SassのGUIコンパイラとは Sassは記述してそのままだと利用することができないため、
デザイナーにおすすめのChrome拡張機能まとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは デザイナーのミライです。 ジャスの意味がわかるやつは大体友達。 今回はデザイナーにオススメしたいChrome拡張機能を紹介します！ みなさんの日々の業務が、便利なツールで心地よくなりますように。 ※ 導入方法や詳細な使用方法などは、本記事では割愛させていただきます。 01.デザインに役立つやつ Muzli 2 – Stay Inspired デザイン系の情報を集めるならMuzliです。「新しいタブ」で Muzliを毎日見ていればトレンドを追い続けることができそうですね。「dribbble」「Award系のサイト」「クリエイティブ系のブログ」などからの情報が表示されています。 Chrome ウェブストア 提供サイト ColorZilla サイトから色を抽出できる、カラーピッカーです。 抽出しヒストリーを保存してくれたり、1箇所だけでなくページ全体から抽出できる機能があったりして、
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
便利なのが登場！ フロントエンドの開発に役立つ最新ツールがひとまとめに利用できる -HTML＆CSS Code Generator
