[B! coliss] ikd9684のブックマーク

グラデーションの中央がグレーに濁ってしまう仕組みをくわしく解説、美しいグラデーションをCSSで実装する方法

グラデーションを作成した時に、中央がグレーに濁ってしまうこと（グレーデッドゾーン）があります。なぜこの現象が起こるのか、どうすれば回避できるのか、鮮やかで美しいグラデーションをCSSで実装する方法を紹介します。 Make Beautiful Gradients in CSS by Josh W Comeau 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。はじめに CSSグラデーションが算出される仕組みおすすめのカラーモードこれらの知識を活用する美しいグラデーションを生成できるツール終わりにはじめにさっそくですが、CSSで実装したイエローからブルーの線形グラデーションをご覧ください。

ikd9684 2022/01/30

リンク

こんな便利なのがあったとは！Web制作者やデザイナー向け、macOS用のアプリとツール総まとめ

Web制作者やデザイナー向けの定番のアプリ・ツールをはじめ、あまり知られていない便利なものまで、macOS用のアプリとツールを紹介します。制作者やデザイナーに限らず、macOSを便利にするツールもたくさん揃っています。 Awesome Mac -GitHub MITライセンスで公開されており、せっかくなので、翻訳してみました。私が日常的に使うツールや、気になっていたツールも含まれており、こんなのもあるんだ！という便利そうなツールもたくさんあります。エディタとIDE（統合開発環境）開発ツールテストツールコマンドラインツールバージョン管理データベースデザイン&プロダクト仮想マシンコミュニケーションツールデータ復旧オーディオとビデオオフィス・読み書きツール Ebookリーダー FTPクライアントハイブリッドアプリ用のフレームワークダウンロードツールオンラインスト

ikd9684 2017/04/08

coliss

リンク

ダミー画像生成の真打ちとも言える高性能がすごい！オンラインなのにオフラインでも利用できてしまう -satyr.io

ダミー画像の無料サービスはいくつかありますが、真打ちとも言える高性能なダミー画像が利用できる無料オンラインサービスがリリースされました。ダミー画像はレスポンシブ対応、可変画像や高さが不揃いの画像にも対応しています。しかもオンラインなのにオフラインでも利用できてしまう優れものです。

ikd9684 2017/01/22

coliss

リンク

Web制作者が備えておきたい最新版チートシートのまとめ、CSS3 Flexbox, CSSアニメーション, jQuery3, ES6, Bootstrap4など

CSS3のFlexboxをはじめ、CSSアニメーション、CSSのセレクタ、jQuery3, ES6, Bootstrap4など、フロントエンドのマークアップやコーディングに役立つチートシートを紹介します。ブックマークしておいて、PDFや画像をダウンロードして、すぐに確認できるようにしておくと便利ですね。

ikd9684 2016/11/20

css3
coliss

リンク

head内に記述する要素の総まとめ -meta要素、link要素、ソーシャルサービス用の要素、ブラウザやスマホアプリ用の要素など

HTMLドキュメントのhead内に記述するmeta要素やlink要素、ソーシャルサービス用の要素、ブラウザ用の要素、スマホアプリ用の要素などをまとめた「HEAD」を紹介します。 HEAD -GitHub 翻訳するにあたりいくつか尋ねたところ、著者様はとてもいい人でした。公開当初から内容がアップデートされ、ライセンスもCC0に変更されています。オススメの最小限の構成要素 meta要素 link要素ソーシャル関連のhead内の要素ブラウザ・プラットフォーム関連のhead内の要素スマホアプリ関連のhead内の要素メモオススメの最小限の構成下記は、head内に記述する最小限のタグです。