商用でも完全に無料ですごい！ デザインやイラストでかなり使える有料レベルの高品質なテクスチャ素材 -ResourceBoy

2024/04/25 532 users スモーク 大理石 蜘蛛 水彩 グラデーション

個人でも商用でも完全に無料で利用できる、高品質でさまざまな種類が揃った高解像度8K, 4Kのテクスチャ素材を紹介します。 ゴールド、大理石、煉瓦塀、スモーク、花火、蜘蛛の巣、シャドウ、クラフトペーパー、ブラックペーパー、チョークボード、段ボール、デニム地、水彩、グラデーションなどがそれぞれカテゴリごとに... 続きを読む

DJシャドウ、新たな方向性を模索し続けるヒップホップ・イノベイターの軌跡と現在地 | Rolling Stone Japan(ローリングストーン ジャパン）

2023/10/31 67 users 軌跡 ローリングストーン ジャパン 客演 プロダクション 歌声

ベイエリア出身のベテランプロデューサー、DJシャドウ（DJ Shadow）が新たなアルバム『Action Adventure』をリリースした。近年はラン・ザ・ジュエルズやデ・ラ・ソウルなど客演を迎えて作品を作ってきたシャドウだが、今作はゲストを入れず自身のプロダクションのみで聴かせる作品だ。歌声をサンプリングした「You Play... 続きを読む

InstagramとFacebookで親パレスチナ的投稿をするとシャドウバンされるとの報告が相次ぐ、Metaはバグだと主張

2023/10/18 11 users Meta ハマス Instagram Facebook パク

パレスチナ・ガザ地区のイスラム原理主義組織であるハマスとイスラエルの大規模衝突により、両勢力の戦闘や被害の様子がSNSで大量に拡散されています。しかし、InstagramやFacebookではガザ地区の状況を伝える親パレスチナ的な投稿がブロックされていると、多くのパレスチナ支持者のユーザーが訴えています。これに対し... 続きを読む

CSSのtext-shadowでシャドウをつけるときにハイライトを加えると、よりリアルで美しいシャドウが実装できます

2023/09/11 19 users デモ 上部 発想 text-shadow 実装テクニック

イラストを描くときや写真のシャドウではハイライトが非常に重要ですが、CSSのシャドウでこの発想は抜けていました。 テキストにCSSでシャドウを設定するときに、上部に1,2pxのハイライトを加えると、よりリアルで美しいシャドウになる実装テクニックを紹介します。 まずは、デモで実際のシャドウをご覧ください。 上部... 続きを読む

CSSの美しいシャドウもこれなら簡単！ box-shadowを重ねた面倒なコードを簡単に生成できるツール -boxshadows.xyz

2023/07/04 8 users box-shadow インターフェイス パラメータ CSS

直感的なインターフェイスで、CSSのbox-shadowを使用した複雑で美しいシャドウを簡単に作成できるツールを紹介します。 シャドウはさまざまなパラメータで正確に調整でき、リアルタイムにシャドウの見た目とCSSのコードが生成されます。CSSの初心者でも経験豊富な人にとっても便利だと思います。 boxshadows.xyz boxshad... 続きを読む

UIのフォントサイズ、マージン、コンポーネントで黄金比や白銀比によるバリエーションを簡単に作成できるツール -Proportio

2023/06/13 154 users フォントサイズ マージン コンポーネント パディング 白銀比

UIデザイン用にフォントやアイコンのサイズ、スペース、角丸、シャドウ、パディング、コンポーネントなどで比例スケールを使用したバリエーションを簡単に作成できるオンラインツール（ローカルも可）を紹介します。 たとえば、黄金比でフォントサイズを設計したり、白銀比でコンポーネントを設計したり、ということがで... 続きを読む

悲報「シャドウバンはありません」と言っていたツイッターさん、シャドウバンされる。

2022/11/06 18 users シャドウバン Twitter Japan 悲報 ランク付け

Twitter Japan @TwitterJP Twitterがシャドウバンを行っていると指摘されますが、現在も過去にも行ったこともありません。ただ、利用者の皆さんがより快適に利用できるように、ツイートのランク付けを行っています（トップツイート表示の場合）。なお、皆さんがフォローしているアカウントのツイートは常に表示されます... 続きを読む

カラー生成のこんな便利ツールがあったとは！ ベタ塗りのカラーと同じに見える半透明のカラーを生成するツール -Alphredo

2022/08/22 285 users 半透明 ダイアログ 背後 背景 便利ツール

同じ背景色に配置したベタ塗りのカラーと同じに見える半透明のカラーを生成するツールを紹介します。 半透明のカラーは背景に重なると、ベタ塗りのカラーと同じになります。たとえば、シャドウやダイアログの背後の背景など半透明で複数...記事の続きを読む 続きを読む

「この歳でキャンメイクは恥ずかしい」「値段じゃなくて好み」デパコスでもプチプラでもそれぞれ良いところがあるんだよなぁ、という話

2022/08/20 127 users キャンメイク Dior デパコス ディ ぷちぷら

あーや @sLEOcYY6sjwGptw キャンメイクのシャドウとかこの歳で恥ずかしいってDior使ってる知り合いが、私の瞼見た時そのオレンジ綺麗！どこの？って聞かれたんだけどキャンメイクって答えた時の目がDiorじゃカバー出来ないくらい怖い目をしてた 2022-08-19 16:57:52 5881 @hiromiy98930735 @sLEOcYY6sjwGptw 正直、ディ... 続きを読む

【トレンドコスメ】夏リップはコレ♡1本で旬顔になれるアイテムを紹介！｜ホットペッパービューティーマガジン

2022/05/02 7 users 豊作 変わり目 ホットペッパービューティーマガジン リップ

季節の変わり目は、コスメを新調するのにぴったりのタイミング。 忘れがちなリップも、夏仕様にチェンジすることで、一気にアップデートできます。 今夏はシャドウだけでなく、リップも豊作♡ お気に入りのアイテムを見つけてみてくださいね。 2021年の夏リップは、インパクトと力強さを感じるカラーが盛りだくさん。 定... 続きを読む

“チベットスナギツネ一重”でも大丈夫！可愛い跳ね上げアイラインの描き方はこれ「目を閉じたときどうなる？」シャドウでも変わるよ

2022/02/12 144 users アイライン 極細 ブラウン pic.twitter.com

キープの冷🍫 @xx0rsxx 跳ねあげアイラインの綺麗な引き方 チベットスナギツネ一重でも大丈夫 一重/奥二重/二重に関わらず使える。特に奥目の人は、普通に跳ねあげると覆いかぶさってる瞼が邪魔して上手くいかないから(私)、その部分も塗るつもりでやると◎！ 使ってるのはCEZANNEの極細、ブラウン pic.twitter.com/s48EI... 続きを読む

Google、Chromeブラウザのロゴを8年ぶりに変更

2022/02/04 134 users Chromeブラウザ ロゴ Google 変更 8年ぶり

GoogleのWebブラウザ「Chrome」のロゴが8年ぶりに変わる。色の境目のシャドウがなくなり、色が明るくなる。公式版はバージョン99から変わる見込み。 米GoogleのWebブラウザ「Chrome」のロゴが8年ぶりに変わる。同社のインタラクションデザイナー、エルヴィン・フー氏が2月4日（現地時間）、ツイートで予告した。開発者向... 続きを読む

2022年、Webデザインの新しいトレンド「クレイモーフィズム」のスタイルをさまざまな要素に適用できるCSS

2022/01/17 151 users スタイ メタバース CSS 奥行き 質感

クレイモーフィズムはWebデザインの新しいトレンドの一つで、クレイ粘土みたいなもこもこの質感にシャドウを加えてフラットなデザインに奥行きを与えます。メタバースなどの影響でデザインやイラストにも3Dの人気が高まり、最近ローンチしたスタートアップでも使用しているのを見かけます。 クレイモーフィズムのスタイ... 続きを読む

プロのUIデザイナーに学ぶ！UIとUXの印象がよくなるデザインの知識とテクニックのまとめ vol.10

2022/01/11 11 users UX Micro-Tips フォント UIデザイナー 原則

デザインはちょっとした一手間を加えるだけで、ぐっとよくなります。 プロのUIデザイナーによるWebページやスマホアプリのUIとUXを改善するデザインの知識とテクニックを紹介します。 第10弾は、デザインの原則とフォントやシャドウに関するデザインのテクニックです。 UI & UX Micro-Tips: Volume Ten. by Marc Andrew ... 続きを読む

UIデザインは奥が深い、CSSで美しいシャドウを実装する方法

2021/09/30 31 users CSS 美しいシャドウ 彩度 UIデザイン 明度

Webページやスマホアプリなど、UIデザインで使用されるシャドウをより美しく実装するテクニックを紹介します。 シャドウをぼんやりとしたグレーにするだけでなく、美しく最適化して実装します。また、シャドウのサイズで要素に標高差をつけ目立たせたり、彩度と明度の関係など、UIデザインに効果的なテクニックも詳しく... 続きを読む

最近見かける、粒子の粗いグラデーション！ほんの少しのCSSとSVGで実装できるの知ってた？ | コリス

2021/09/22 307 users コリス SVG ホログラム ノイズ グラデーション

CSSとSVGでグラデーションにノイズを与え、粒子の粗いグラデーションを実装する方法を紹介します。 背景など通常のグラデーションに使用するだけでなく、暗くしてシャドウに使用したり、輝度とコントラストを上げてホログラムのような虹色のグラデーションとして使用することもできます。 Grainy Gradients by Jimmy Chi... 続きを読む

Web制作に役立つ！面倒なCSSのコードを簡単に生成できる便利ツールをまとめました | コリス

2021/07/15 25 users コリス border-radius clip-path 生成

CSS GridやFlexboxでレイアウトを確認しながらコードを生成、box-shadowによる繊細なシャドウを見ながらコードを生成、さまざまな区切り線、border-radiusやclip-pathによるさまざまな形...記事の続きを読む 続きを読む

画像と同じ色のシャドウを加えてくれる【cosha】 | Webクリエイターボックス

2020/09/15 13 users Webクリエイターボックス 単色 透明感 画面 動画派

2020年9月15日 JavaScript 通常 box-shadow などで画像に影をつけると単色になりますが、今回紹介する「cosha」を使えば画像を反射したようなカラフルな影を実装できます。画面に透明感がでて素敵に演出できますよ！ この記事は動画でも紹介しています。動画派の方はぜひどうぞ！ 動作デモ See the Pen JavaScript cosha... 続きを読む

CSSで美しいシャドウをつけるbox-shadowの古い書き方とこれからの書き方 | コリス

2020/07/27 357 users コリス box-shadow 彩度 CSS 美しいシャドウ

CSSで美しいシャドウをつけるbox-shadowの書き方を紹介します。 少し大きめのシャドウを適用し、ネガティブに縮小させることで、通常のシャドウより少しだけ彩度が高くなり、要素がくっきり見えます。 Saturated...記事の続きを読む 続きを読む

ImageMagickでSlackのカスタム絵文字のダークモード対応する - hitode909の日記

2020/03/05 10 users ImageMagick Clone Slack ダークモード

こういうSlackのカスタム絵文字があるとして、ダークモードを使っていると黒背景に黒文字になってしまい見えない。 透過部分に白いシャドウを入れられるとよくて、ImageMagickを使うと1コマンドでシャドウを入れることができる。 convert original.png \ \( +clone -background white -shadow 100x8+0+0 \) \ -backgroun... 続きを読む

CSSもこれなら簡単！ニューモーフィズムのスタイルシートを生成できるジェネレーター -Neumorphism.io | コリス

2020/02/09 13 users コリス ジェネレーター ニューモーフィズム CSS 背景

先日紹介したニューモーフィズムの繊細なデザインでつくられたフォームのように、要素が背景と同じで、シャドウを与えて押し出されたような窪んだようなスタイルを実装するCSSを簡単に生成できるジェネレーターを紹介します。 カード...記事の続きを読む 続きを読む

CSSで簡単に実装できる、ニューモーフィズムの繊細なデザインでつくられたフォーム -Neomorphic Form | コリス

2020/01/31 42 users コリス ニューモーフィズム CSS 背景 去年

去年の暮れあたりから新しいスキューモーフィズムとして、ニューモーフィズム（Neuomorphism）が注目されています。その特徴は要素が背景と同じ素材で作られており、シャドウを与えて押し出されたような窪んだようなスタイル...記事の続きを読む 続きを読む

CSSは奥が深い！グラデーションとシャドウをこれまでより美しく実装するテクニック | コリス

2020/01/17 32 users コリス 美しいグラデーション UIデザイン スマホアプリ

WebサイトやスマホアプリのUIデザインでよく使用されるグラデーションとシャドウをより美しく実装するスタイルシートのテクニックを紹介します。 このテクニックを使用したプラグインやオンラインツールもリリースされているので、思い通りの美しいグラデーションとシャドウを簡単に利用できます。 Using easing for mor... 続きを読む

[CSS]三角形で繋がったパンくずのナビゲーションを実装するスタイルシートのテクニックまとめ | コリス

2019/05/09 59 users グラデーション コリス バリエーション 山形 テクニック

サイトのパンくずやフォームのステップでよく見かける、ブロックに三角形の山形を隣接させたリンクの列をCSSで実装するテクニックを紹介します。 CSSでの実装方法はいろいろあり、またCSSでシャドウやグラデーションを適用したバリエーションの実装方法も解説します。 Oh, the Many Ways to Make Triangular Breadcrumb ... 続きを読む

シャドウの色はブラックとは限らない、さまざまなカラーにあった適切なシャドウの色が分かるオンラインツール | コリス

2018/08/30 209 users コリス レッド 要素 webデザイン それら

最近のWebデザインには使用される要素には、さまざまなカラーが使用されています。それらの要素にシャドウを与える際には、シャドウの色はブラックとは限りません。グレーであればグレー系シャドウ、レッドであればレッド系シャドウが...記事の続きを読む 続きを読む