美しいグラデーションをCSSで実装！配色に使える便利ツールや実例も！
2020年5月18日 CSS, Webデザイン, 便利ツール 背景に動画を使ったWebサイトや、大きな背景画像を使ったWebサイトに続き、最近は画面全体にきれいなグラデーションカラーを用いたサイトを見かける機会が増えてきました。そこで今回はグラデーションカラーをCSSで実装する基本的な方法から、画像に重ねる応用、配色選びに使えるサイト、実例集などを紹介します！ ↑私が10年以上利用している会計ソフト！ CSSでグラデーションを実装 グラデーションは background プロパティーに linear-gradient の値を使って色を指定します。意外と簡単。 body { background: linear-gradient(#05FBFF, #1E00FF); } See the Pen CSS linear-gradient by Mana (@manabox) on CodePen
React & Firebaseで簡単なChatアプリを作ってみた - Qiita
この記事は Retty Advent Calendar 22日目です。 昨日は、@akiさんのAWS Cognitoを実践で使うときのハマりどころでした。 こんにちは、エンジニアのkawamuraです。 今年も盛り上がりを見せた、React.jsとFirebaseの流行りの波に乗り、簡単なChatアプリを作ってみました。 データベースからホスティングまで全て無料で利用できるFirebaseはとても便利ですね！ 作ったアプリはこちらです。 Firebaseの準備 https://console.firebase.google.com/ にアクセスし自身のGoogle accountでログインし、「新規プロジェクト」を作成します。 Reactプロジェクトの準備 一から環境構築するのが大変なので、create-react-appを利用します。 導入方法 Node.js version 4以上があ
Amazon Glacierでクラウド破産しないために - HDE BLOG
おはこんばんちは!! 尾藤 a.k.a. BTO です。 HDEのメールアーカイブシステムでは、月間1億6000万通ものメールを処理しています。 それだけのメールを処理するので、メールのデータ量も大変なものになります。 一方で、過去のメールに関しては、それほど頻繁にアクセスするものでもありませんので、できるだけコストを抑えたい。 そこでAmazon Glacierを使ってみてはどうかと考えたのですが、詳しく調査してみると、気をつけないと破産をしかねない危険なものでもあるのが分かりましたので、今回はそれを書きたいと思います。 Amazon Glacier とは まずは Amazon Glacier についてご紹介しましょう。 Amazon Galcier は平たく言うと、安価なストレージサービスです。安価である代わりに、取り出すのに3〜5時間かかります。 Glacier と S3 の料金は次
Engadget | Technology News & Reviews
Nintendo Switch 2: Everything we know about the coming release
JR上野駅「痴漢転落死」は超一流ホテルの支配人だった（週刊現代） | 現代ビジネス | 講談社（1/4）
痴漢は卑劣な犯罪である。だが、痴漢の告発には「冤罪」の可能性もつきまとう。無実を主張しながら命を落とした男性は、職場にも家族にも愛されていた。事件の深層をリポートする。 「あの人がやるはずがない」 「支配人はいつ休んでいるのかと周囲が心配するくらい仕事をされていました。深夜に海外からのお客様から問い合わせのメールがそれこそ山のように来るのですが、そのすべてに丁寧に対応していたんです。 日中は専任のスタッフがいるのですが、早朝や深夜などのイレギュラーな時間帯の海外からの問い合わせには、即対応する必要があるため支配人が自ら受け持っておられました。 成田空港からのアクセスや食事のこと、部屋の調度品、旅行プランやその他の本当に細かなことまで応対されます。とても責任感が強く信頼できる先輩です。 ですから、今回の一件がいまだに信じられません。支配人が痴漢をするだなんて天地がひっくりかえってもありえませ
Amazonの推薦システムの20年
IEEE Internet Computingの2017年5・6月号に "Two Decades of Recommender Systems at Amazon.com" という記事が掲載された。 2003年に同誌に掲載されたレポート "Amazon.com Recommendations: Item-to-Item Collaborative Filtering" が Test of Time、つまり『時代が証明したで賞』を受賞したことをうけての特別記事らしい 1。 「この商品を買った人はこんな商品も買っています」という推薦で有名なAmazonが1998年にその土台となるアルゴリズムの特許を出願してから20年、彼らが 推薦アルゴリズムをどのような視点で改良してきたのか 今、どのような未来を想像するのか その一端を知ることができる記事だった。 アイテムベース協調フィルタリング 20年前も
ヨッピーさんが提起した「記事広告に【PR】と入れるかどうか問題」について、たらればさんの解説が明快だった件
ヨッピー @yoppymodel ライター／オールドルーキーサウナ渋谷店GM／お仕事や相談はyoppymodel@gmail.com もしくはDMでどうぞ！ ※Amazonアソシエイトプログラム参加者です yoppymodel.hatenablog.com リンク ヨッピーのブログ 記事タイトルに「PR」って入れるかどうか問題について - ヨッピーのブログ FBで昨日からケンケンガクガクの議論があったので、 ちょうど良い機会だし観測気球的に色んな人の意見を聞きたいなと思っているのでこのエントリを書きました。 広告まわりの話なので「興味ねーぞ！」って人は読まなくても良いと思います。 【発端】 宮脇 淳 - ヨッピーさんの衣装が謎すぎるけど、スポンサードコンテンツやネイティヴ広告に関する理解が進む良記事でした。... | Facebook ↑のリンク先が舞台ではあるのですが、死ぬほど長いし登場
ミュシャは”手を抜くプロ”だった「色数・描き込まない部分の計算がスゴい」
ワカサト @wakasato_ ミュシャ展は描いてないところの描いてなさと、色数の抑え方が「この人、納期を守る印刷用下絵を描く人だ」感があるので、画面の四隅の描いてないところの上手い抜き方を是非会場で見ような pic.twitter.com/qPwyCXo48r 2017-06-04 17:04:48 ワカサト @wakasato_ 青の下地に赤を塗って、補色の背景の緑色から浮き上がらせつつ色数は抑える画面設計は、まさにグラフィックデザイナーだし、描いてないところの手数の抜き方が工期を守るプロの技・・・ 緑や青の絵の画がふんだんに使え、色相環によるコントロールをしてるのも近代以降の科学的背景感じる pic.twitter.com/KPDzccsDdi 2017-06-04 17:07:45 ワカサト @wakasato_ 石版印刷で広告作る現場じゃ納期は厳しかったろうし、ミュシャ自身も納期
食べログ・有名レビュアー「うどんが主食」氏が全レビューを削除 週刊文春「高評価店から過剰接待」の報道をうけ : 痛いニュース(ﾉ∀`)
食べログ・有名レビュアー「うどんが主食」氏が全レビューを削除 週刊文春「高評価店から過剰接待」の報道をうけ 1 名前：てんてん ★：2017/06/11(日) 18:57:53.94 ID:CAP_USER9 グルメサイト「食べログ」の有名レビュアーとして知られている「うどんが主食」（以下、うどん）さんが6月11日、これまで投稿していた全てのレビューを削除した。 削除の理由をうどんさんは、食べログ内で以下のように説明している。 “私はこれまで飲食店を評価する時、いくら親しい友人の店であっても正直に評価をしてきました。 今回、週刊文春の記事において書かれたことで多くの読者の方々に誤解を与えてしまい、また友人のお店に多大なる迷惑をかけてしまいました。 今後、たとえ美味しくても友人のお店は誤解を招く恐れがあるので一切レビューしないことにします。“ うどんさんについては、週刊文春が6月15日号で高
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Phantasïc Ånthologia - DIA & すみす
トマトには『トマチン』という毒素が含まれていて1日4トン食べると死ぬ→未成熟ならもっと少量で死ねる（ただし3.4kg）
https://jp.techcrunch.com/2017/06/10/20170608taylor-swift-spotify/
【グラブル】目指せ十天衆最終上限解放への道
「アドブロック入れてる人にはコンテンツ表示しません」AntiAdBlockに大変好感を覚えるし広まって欲しい: 不倒城
Serverless Framework - AWS Credentials
預金残高ついに1000兆円 回らぬ経済象徴 - 日本経済新聞
自転車でおばちゃんをはねてしまった高校生に届いた請求額がエグい →事故を防ぐのもそうだけど保険もしっかりね