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

2024/04/25 532 users スモーク 大理石 蜘蛛 シャドウ 水彩

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

これは便利！ HTMLはdiv要素一つ、あとはCSSをコピペするだけで100種類のツールチップを簡単に実装できる -CSS Tooltips & Speech Bubbles

2024/03/06 206 users CSS HTML ツールチップ デザイ div要素一つ

HTMLはdiv要素一つだけ、あとはCSSをコピペするだけで約100種類のールチップとスピーチバブルを実装できるCSS Tooltips & Speech Bubblesを紹介します。 このツールチップって実装すると、けっこう面倒ですよね。ベタ塗りのツールチップをはじめ、グラデーションの枠、しっぽの位置、しっぽの形状など、さまざまなデザイ... 続きを読む

商用利用でも完全に無料！ デザインやイラストでかなり使える高解像度テクスチャ素材 -ResourceBoy

2023/10/19 349 users 水彩 段ボール チョークボード 商用 クラフトペーパー

個人でも商用でも完全に無料で利用できる、さまざまな種類が揃った高解像度8K, 4Kのテクスチャ素材を紹介します。 ホワイトペーパー、ブラックペーパー、クラフトペーパー、チョークボード、段ボール、デニム地、水彩、グラデーションなどがそれぞれカテゴリごとにまとめてダウンロードできるので、非常に便利です。 難... 続きを読む

最近のWeb制作に役立つ、CSSの便利ツール総まとめ

2023/01/19 165 users CSS Flexbox SVG フォントサイズ Web制作

最近のWeb制作に役立つ、CSSの便利ツールをまとめました。 CSS Grid, Flexboxで実装するときに役立つレイアウトのツール、CSSやSVGでさまざまな背景・区切り線を生成するツール、美しいシャドウやグラデーションを生成するツール、色選びや配色に役立つツール、コピペで利用できるボタン、可変のフォントサイズ、CSSアニ... 続きを読む

ブックマークしておくと便利！ 背景、テクスチャ、パターン、シェイプ、グラデーションなどを生成するSVGツールのまとめ

2022/08/10 412 users テクスチャ シェイプ アイソメトリック 背景 SVG

WebサイトやスマホアプリのUIデザイン、イラストなどにもぴったりな背景、テクスチャ、パターン、シェイプ、グラデーション、装飾グラフィック、カラーパレットなどのSVGを生成するオンラインツールを紹介します。 ネオンカラーや美しいグラデーションをはじめ、アイソメトリックやスパイラルなどの幾何学形状、波線や等... 続きを読む

TVアニメ「僕の心のヤバイやつ」公式サイト

2022/08/01 208 users ヤバいやつ TVアニメ 心待ち 公式サイト 色彩

とうとうアニメ化していただくことになりました！ 私含め、心待ちにしていただいた方も多いかもしれません。 柔らかなグラデーションのように、2人の関係や心の内の変化を丁寧にじっくりと描いてきた作品ですので、音楽や動き、色彩が加わることによってさらに繊細に表現できる映像化を嬉しく思います。 これも変わらず... 続きを読む

【CSS】「なんかグラデーションが汚くなんだけど」を解決する。 - Qiita

2022/04/08 297 users Qiita 茶色 CSS 真ん中あたり みなさん

概要 このグラデーションは、#ff0000 → #00ff00のグラデーションになります。 みなさんは、このクラデーションを見てどう思いますか？ 真ん中あたりの色が茶色っぽくなって あまり綺麗なグラデーションとは感じないですよね? この記事では、これが発生する原因と綺麗なグラデーションの作り方を 解説していきます。 この... 続きを読む

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

2022/01/27 576 users CSS 美しいグラデーション 中央 解説 現象

グラデーションを作成した時に、中央がグレーに濁ってしまうこと（グレーデッドゾーン）があります。なぜこの現象が起こるのか、どうすれば回避できるのか、鮮やかで美しいグラデーションをCSSで実装する方法を紹介します。 Make Beautiful Gradients in CSS by Josh W Comeau 下記は各ポイントを意訳したものです。 ※当... 続きを読む

UIデザインの最近のトレンド、近未来的なかっこいいグラデーションを実装するCSSのテクニック

2021/12/02 166 users CSS 白地 テクニック UIデザイン トレンド

近未来的なかっこいい印象を与えるグラデーションを使用した、テキスト・ボタン・背景のスタイルを実装するCSSのテクニックを紹介します。 白地のテキストをわずかに輝かせたり、ダークモードに映えるグラデーションでテキストやボタンを目立たせたり、カードに美しいグラデーションの背景を実装したり、少し色味を変え... 続きを読む

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

2021/09/22 307 users コリス SVG ホログラム シャドウ ノイズ

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

政治的立場にグラデーションがあることを許せない人々 - メロンダウト

2021/04/01 146 users メロンダウト 立場 人々

前々回の記事が広く読まれたみたいで、ツイッターのフォロワーも１００人ぐらい増えたのですが、それとは別に左翼であろう人からDMで白饅頭氏の肩を持つなという長文DMが寄せられてきてかなり困惑しました。晒したりはしないですけど。 こんな泡沫ブロガーにDMするほどの布教活動なんてやってるから左翼は支持されないっ... 続きを読む

ユニコーンっていったら白でしょうって思ってたら、最近は蛍光ゆめかわ色..

2021/02/17 101 users ユニコーン ターゲット 年齢 低年齢化 初体験

ユニコーンっていったら白でしょうって思ってたら、最近は蛍光ゆめかわ色のグラデーションみたいのがユニコーンカラーって言われてて、なんかそんな色に染めるのがユニコーン界で流行ってるらしい。 たぶん、初体験の年齢が下がってユニコーン好みのティーンズ美少女が軒並み非処女に→ターゲットが低年齢化→女児好みのパ... 続きを読む

大企業アジャイルの勘所 #devlovex #devlovexd

2019/06/23 461 users DevLOVEX アジャイル イル 黒田 スライド

大企業アジャイルの勘所 #devlovex #devlovexd 1. 大企業アジャ イルの勘所 黒田　樹 @i2key #DevLoveX 2. 若干、愛ゆえにアジャイルをDisりますが、アジャイルの精神は大好きです。 色々なグラデーションがあるなかですべての事情を網羅することは不可能なので コントラスト強めにスライドを構成しています。解釈は読み... 続きを読む

「指を入れるだけ」でネイルが印刷できるデジタルネイルプリンター「PriNail」｜FINDERS

2018/11/16 369 users FINDERS インク ネイル 小泉成器 高解像

小泉成器は、デジタルネイルプリンター「PriNail」を12月1日より発売する。 本機は、爪に直接プリントするために最適化された印刷システムを採用。1,200dpiの高解像で印刷されるため、グラデーションや精細なイラストや写真など、人の手では描けないようなデザインも再現できる。インクは水性顔料を採用。肌についても水... 続きを読む

ウェブサイトをもっと面白く！コピペ可能なHTML/CSSスニペット75個まとめ 2018年7月度 - PhotoshopVIP

2018/07/10 118 users グリッチエフェクト マイクロインタラクション テクニック

ウェブ制作で差がつくテクニックをつかった、コピー&ペーストで利用できる HTML/CSS スニペットをまとめてご紹介します。2018年を代表するグラフィックデザインのトレンドでもある、グラデーションやグリッチエフェクト、ちょっとした動きが魅力的なマイクロインタラクション、CSS Gridプロパティの実践的な使い方など、... 続きを読む

「メルカリ アッテ」サービス提供終了のお知らせ | 株式会社メルカリ

2018/03/16 293 users メルカリ iOS版 株式会社ソウゾウ マチ 株式会社メルカリ

株式会社メルカリのグループ会社である株式会社ソウゾウは、地域コミュニティアプリ「メルカリ アッテ」のサービス提供（iOS版、Android版、Web版）を、2018年5月31日をもちまして終了させていただくことになりました。 「メルカリ アッテ」は、地域での暮らしが豊かになる場所、同じまちに暮らす人と人とのつながりのグラデーションになる場所を目指し、2016年3月よりサービス提供をしておりましたが... 続きを読む

CSSで面倒なコード、HTML5の新要素やスニペット、FacebookのOGPやTwiterカードなどのコードを生成できるオンラインツール | コリス

2017/05/30 448 users Facebook OGP コリス Mic CSS

CSSで面倒なコード、アニメーションやグラデーションやボックスシャドウなど、実装の結果を見ながら値を調整してコードを生成でき、HTML5の新要素やよく使うスニペット、FacebookのOGPやTwitterカードやmic ...記事の続きを読む 続きを読む

[CSS]コンテンツの区切り線、デザインのアクセントに使えるラインやボーダーを実装するテクニックのまとめ | コリス

2016/12/01 139 users borderプロパティ コリス CSS 疑似要素 ボーダー

コンテンツの区切りに使用する線、デザインのアクセントに使えるラインやボーダーをCSSで素敵にデザインするスタイルシートのテクニックを紹介します。 borderプロパティを使ったシンプルなものから、グラデーションや疑似要素 ...記事の続きを読む 続きを読む

もっと恋愛漫画を読みたい（2015） - インターネットもぐもぐ

2015/12/28 118 users 恋愛漫画 インターネット 発作 ＢＬ ハード

2015 - 12 - 29 もっと恋愛漫画を読みたい（2015） あいかわらず、数ヶ月に1回「 恋愛漫画 読みたい！！！」という発作に襲われる。 もっといろんなグラデーションの人間関係が見たい。もっといろんな感情にぞわぞわしたい。好き！！！ってハートを撃ち抜かれてうわ～～～そりゃないよって叫んで絶対その男だけは駄目だ！！ってハラハラしたい。BLや百合も読むけれど、そちらのジャンルのほうがよりきっ... 続きを読む

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

2015/07/01 587 users OGP コリス metaタグ シャドウ CSS

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

ヒーローイメージにCSSで実装するグラデーションを組み合わせたサンプル | NxWorld

2015/05/10 108 users ベンダープレフィックス NxWorld CSS 追記 ブラウザ

ヒーローイメージとはファーストビューでドーンと表示される大きなイメージのことで、海外だけでなく国内でも取り入れているサイトを見かけることが多くなってきました。そのヒーローイメージにCSSで実装したグラデーションを組み合わせたサンプルです。 ※以下で紹介する方法は、ブラウザによっては表示確認ができないものもあります。 また、ベンダープレフィックスやサイズ指定などは必要に応じて追記・変更してください。... 続きを読む

デザインで色の組み合わせを決めるのに役立つ便利なオンラインツールのまとめ | コリス

2015/03/27 428 users コリス COO アクセシビリティガイドライン 組み合わせ

一つのカラーを元にそれにあったカラーパレットやグラデーションを作成したり、トレンドカラーを使った配色サンプル、アクセシビリティガイドラインに沿ったカラーパレットなど、配色設計に役立つオンラインツールを紹介します。 Coo...記事の続きを読む 続きを読む

姿を現した「E235系」 山手線の新型車両はココがすごい！ | 鉄道新聞

2015/03/23 137 users 新型車両 山手線 ココ 鉄道新聞 Ｅ２３５系

新潟駅から電車で約20分、JR信越本線の新津（にいつ）駅付近で3月23日、ピカピカの通勤電車が止まっているのを目撃。 前面は黒地にウグイス色のグラデーション、側面はドアごとに縦のライン・・そう、これは山手線に今秋デビュー予定の新型車両「E235系」だ。 どうして山手線が新潟に？ 東京の中心をぐるっと回っている山手線が新潟県で走っている理由、それはこの「E235系」を製造している工場が新潟県の新津に... 続きを読む

Photoshopで美しい背景をつくる！グラデーションやブラーの効果的な使い方が学べるチュートリアルのまとめ | コリス

2015/03/13 166 users コリス ブラー 磨りガラス Photoshop チュートリアル

美しいぼけやブラーを描いたり、写真の背景に目立つようテキストを磨りガラスに載せたり、モザイクやラインを使って幾何学状にしたり、美しい背景をつくるPhotoshopのチュートリアルを紹介します。 各チュートリアルは30分く...記事の続きを読む 続きを読む

美しいグラデーションをCSSで実装！配色に使える便利ツールや実例も！ | Webクリエイターボックス

2015/03/02 515 users CSS 配色 実例 実装 美しいグラデーション

背景に動画を使ったWebサイトや、大きな背景画像を使ったWebサイトに続き、最近は画面全体にきれいなグラデーションカラーを用いたサイトを見かける機会が増えてきました。そこで今回はグラデーションカラーをCSSで実装する基本的な方法から、画像に重ねる応用、配色選びに使えるサイト、実例集などを紹介します！ CSSでグラデーションを実装 グラデーションは background プロパティーに linear... 続きを読む