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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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の人気が高まり、最近ローンチしたスタートアップでも使用しているのを見かけます。 クレイモーフィズムのスタイ... 続きを読む

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

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

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

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

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

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

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

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

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

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

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

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

[CSS]こんなやり方があるとは！ボタンのシャドウに2色の美しいグラデーションを与えるテクニック | コリス

2018/03/27 64 users コリス 矩形 box-shadow CSS 実装

ボタンや矩形などの要素にシャドウを付ける時は「box-shadow」が便利ですが、1色または重ねても全体が均一のカラーでしかシャドウを適用することができません。 2色の美しいCSSグラデーションでシャドウを適用するPure CSSの実装を紹介します。 Gradient shadow in pure CSS デモ 実装 デモ まずは、実際の動作から見てましょう。 2色の美しいグラデーションを伴ったシ... 続きを読む

[CSS]便利なのが登場！レイアウトやUIコンポーネント用のスタイルシートが簡単にまとめて利用できる -Tailwind CSS | コリス

2017/11/06 92 users コリス Flexbox エレメント フレームワーク CSS

既存のページに外部CSSを加えるだけで、最近のWebサイトやブログで見かけるさまざまなコンポーネントやエレメント、Flexboxベースの柔軟なレイアウトをカスタマイズできるスタイルをまとめたCSSのフレームワークを紹介します。 Flexboxを使ってみたい、天地の中央に配置したい、シャドウを加えたい、レスポンシブ対応のナビゲーションを備えたいなど、簡単に利用できます。 デザインにも幅広く対応してい... 続きを読む

[CSS]さまざまな要素に利用できる美しいシャドウ、カードやボタンをふわりと浮かび上がらせるスタイルシート | コリス

2017/10/25 59 users コリス box-shadow CSS スニペット 要素

カードやボタンをはじめ、さまざまな要素をふわりと浮かび上がらせる繊細なシャドウを与えるスタイルシートを紹介します。 box-shadowを重ねがけした複雑なスタイルシートですが、スニペットに登録しておくと簡単に利用できます。 Multiple Shadows 繊細なシャドウを与えるスタイルシート カードにシャドウを与える ボタンにシャドウを与える デモ 繊細なシャドウを与えるスタイルシート シャド... 続きを読む

デザインは奥が深い！目の錯覚を効果的に使ったUI、ロゴ、イラスト、文字組みのデザインテクニック | コリス

2017/10/19 497 users 長方形 正方形 ボーダー コリス アイコン

文字をぴったり揃えたのにしっくりこない、正方形なのに長方形に見えてしまう、シャドウを与えていないのにぼんやりとシャドウが見える、ボーダーを加えただけなのに塗りも変わったように見える、そんな経験はありませんか？ WebサイトのUI、アイコン、ロゴ、イラストなどでデザインしている時に誰しも経験したことがあると思います。これらの原因は目の錯覚によるもので、その仕組みを理解することで困惑されることなく、効... 続きを読む

[JS]マイクロインタラクションを簡単に！よく使うUIエレメントに操作している感覚をアニメーションで与えるスクリプト -Tilt | コリス

2017/01/30 52 users jQuery GitHub tilt グラデーション コリス

カード、パネル、ボタンなど、よく使うUIエレメントをユーザーの操作に応じてふわりと浮かせ、アニメーションでぐりぐりと動かして視差効果を与えるJavaScriptの超軽量ライブラリ（jQueryのプラグインも可）を紹介します。 CSSアニメーションが苦手なグラデーションやシャドウでも60fpsの滑らかな動きを実現します。 Tilt.js -GitHub このアニメーションGIFは軽量化のためコマを落... 続きを読む

瀬尾つかさのブログ : 「小説家になろう」で書いていた作品の話

2016/07/11 104 users 最高レアリティ アレ 小説家 作品 カテゴリ

2016年07月11日 22:00 カテゴリ 日記 「小説家になろう」で書いていた作品の話 最近始めた某ＴＣＧ型ソシャゲというかシャドウがバースするアレがとても楽しいです。 いちばん楽しいのは、かなりざくざく最高レアを引けているところでしょうか……。 基本的にわたし、レア運がすさまじく悪いんですが。 いやほんと、他ゲームの引きが嘘のように最高レアリティがぐばっと来て怖いくらいです。 この運を他のゲ... 続きを読む

イラストやマンガを描く時の参考になるカラーパレット・スウォッチ素材のまとめ | コリス

2016/01/22 127 users スウォッチ素材 コリス 小物 化粧 ハイライト

顔、化粧、瞳、髪、肌、小物などのカラー、対象物のカラーのハイライトやシャドウなど、イラストやマンガを描く時の参考になるカラーパレット・Photoshopのスウォッチ素材を紹介します。 Skin Color Swatche ...記事の続きを読む 続きを読む

アイスランドの魔術書に描かれた、9つの白魔術を使うための呪文 : カラパイア

2015/10/24 51 users アイスランド カラパイア 呪文 マグヌス 魔術書

1896年、アイスランドで生まれた作家兼詩人のヤッフム・マグヌス・エガートソンは、ちょっと特異な人物だ。自らをスカッジ（シャドウ）と呼び、たびたび権力者や教育エリートを批判し、アイスランドの歴史や文化についての因習的な知識に対抗した。 『ガルスキナ（黄金の皮膚）』と呼ばれる失われた秘密の書物の27ページ分をもっていると主張し、30年を費やして、80の古い写本から北欧の呪文を研究して、白魔術の本『魔... 続きを読む

現役女子大生が調査！メイクの参考になるInstagramアカウント14選@Hapicana [ハピカナ]

2015/10/09 76 users ハピカナ メイク 調査 アカウント 参考

海外のゴージャスなメイクも憧れるけど、やっぱり知りたいのは日本人に合うメイクですよね！それなら、日本人のメイクアカウントが最適です。 ①　meroさん 【@mero5332】 meroさんのアカウントはほとんどメイクアップ画像です。おもにアイメイク中心。 とってもわかりやすい上に、種類が豊富なので新しい色味のシャドウを買ったときなどには役に立つこと間違いなしです！ 続きを読む

Web制作者はブックマークしておくと便利！HTMLやCSSやOGPやTwitterカードなどのコードを生成できるオンラインサービス | コリス

2015/07/01 587 users OGP コリス metaタグ CSS グラデーション

CSSの面倒なコード、アニメーションやグラデーションやシャドウなど、表示結果を見ながらコードを生成でき、HTML5のよく使うスニペットや新要素、MetaタグやOGPやTwitterカードなどのコードを簡単に生成できるオン...記事の続きを読む 続きを読む

写真を楽しもう！写真画像を1クリックでよりかわいく、より美しく仕上げるPhotoshopの無料アクションのまとめ | コリス

2015/05/08 52 users コリス アクション コントラスト スナップ写真 ワンランク上

気軽に撮影したスナップ写真をよりかわいく楽しく仕上げたり、コントラストやシャドウを加えより印象的にしたり、美しい白黒写真に仕上げたりなど、1クリックで写真画像をぐっとワンランク上に仕上げるPhotoshopのアクションを...記事の続きを読む 続きを読む

女子も男子も人物の写真画像を美しくかっこよく魅力的に仕上げるPhotoshopのアクション -Chocolate Action | コリス

2014/12/18 66 users ドーン コリス チョコレート 有料 Photoshop

女性はより美しく魅力的に、男性はよりかっこよく魅力的に、写真画像にソフトなチョコレートのトーンを使って、美しいコントラストとシャドウを生み出すPhotoshopのアクションを紹介します。 通常は有料ですが今週末まで無料な...記事の続きを読む 続きを読む

[CSS]シンプルなHTMLで、ギザギザのかわいいボーダーをつくるスタイルシートのテクニック | コリス

2014/08/27 290 users div コリス CSS HTML デモ

シンプルなHTMLで、シャドウを加えたギザギザのかわいいボーダーをつくるスタイルシートのテクニックを紹介します。 実際の動作は、下記ページで確認できます。 Jagged Border HTML まずは、デモのHTMLから。 デモは3つのギザギザがあるので、3つのdivを使用します。 [html] [/html] ギザギザを一つにした最小限のセットは、こんな感じです。 [html] [/html] ... 続きを読む