こんなことができるんだ！CSSのボーダーを破線や点線にするスタイルシートのテクニック
ただし、このCSSでは破線や点線の大きさや長さをコントロールできません。また、ボーダーに傾斜やフェードやアニメーションを与えることもできません。 しかし、いくつかのテクニックを使用することで、それが実現できます！ Amit Sheenが作成したDashed Border Generatorで簡単に実現できます。 See the Pen Dashed Border Generator by Amit Sheen (@amitsheen) on CodePen. このテクニックのポイントは4つの背景（background）を使用することです。backgroundプロパティはカンマ区切りの値を取るため、4つの背景（上下左右に沿って1つずつ）を設定し、それらをボーダーのようにサイズ変更することで、borderプロパティの制約を解除することができます。 ジェネーターで自分好みのボーダーを簡単に作成で
Remove.bgからWin, Mac, Linux対応のアプリがリリース！複数画像の切り抜きもドラッグ＆ドロップでまとめてできる優れモノ
先日紹介した「Remove.bg」ついにPhotoshopに対応も便利でしたが、なんと今度は、Windows, macOS, Linux対応の無料アプリがリリースされました！ 単体アプリなので、ブラウザもPhotoshopも不要。しかも、複数の画像をドラッグ＆ドロップして、背景だけを画像から切り抜くこともできます。 写真: ぱくたそ 人物が2人でもできるかなと思いましたが、問題なくできました。食べかけの苺もキレイに残っています。 remove.bg Appの特徴 remove.bg Appのインストール remove.bg Appの使い方 remove.bg Appの特徴 remove.bg Appは、Windows, macOS, Linux対応のアプリです。 無料版と有料版があり、無料版は0.25メガピクセルの画像まで、月50枚まで、と制限があります。 ドラッグ＆ドロップによる背景の自
シンプルで使いやすい！ブログやTwitterにぴったりの素敵な背景画像が生成できる国産の無料ツールが登場
ブログのアイキャッチ画像、TwitterやFacebookのカバー画像にぴったりの幾何学模様が美しいジオメトリックな背景画像が簡単に生成できる国産無料ツールを紹介します。 登録などの面倒なことは一切不要で、素敵な背景画像がじゃんじゃん作成できます。 GPIG -GeoPattern Image Generator GPIG -GitHub 作者様は以前、当ブログでも紹介した安否確認用のシステムを構築できるWordPressのテーマの作者様です。 家族や大切な人とつながる安否確認用システムを無料で簡単にWordPressで構築できる -pigeon 今回紹介するツールは、こちら。 ジオメトリックのパターンが簡単に生成できる無料ツールです。 游ゴシック、Rounded M+ 1C、游明朝、はんなり明朝、こころ明朝など、日本語フォントにも対応しています。 GPIG -GeoPattern Ima
UIのデザインはちょっとしたことで印象が大きく変わる、背景に適した色の選び方
背景の色に悩んだり、なんとなく決めてしまうことはありませんか？ Webサイトやスマホアプリの背景に適した色の選び方、明度と彩度を最適化するデザインのテクニックを紹介します。 Why You Shouldn’t Use Bright, Saturated Colors for Backgrounds 下記はUX Movementの記事を意訳したものです。UX Movementでは他にもUXデザインに関する記事が掲載されています。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 背景に明るく彩度の高い色を使用してはいけない理由 1. 明度と彩度 2. 注目と喚起に対する色の効果 3. ボタンのために明るく鮮やかな色を予約しておく 4. 背景に濃くて不鮮明な色を使用する 5. 背景に適した色の選び方 6. 見にくい背景と見やすい背景の例 7. 美しさとユーザビリティ 背景
背景のデザインに困った時に！Webデザイン、ソーシャルメディア、イラストなどに利用できる背景素材生成ツール
Webデザイン、ソーシャルメディア、ブログをはじめ、イラストや壁紙など、さまざまなデザインに利用できる背景素材を生成するオンラインツールを紹介します。 昨日リリースされたばかりですが、すでに豊富なデザインが揃っており、今後さらに追加されていくとのことです。コンテンツが映える美しいグラデーション、パーティクルアニメーション、高品質な写真など、さまざまな背景が無料でダウンロードできます。 Cool Backgrounds ツールを作成したのはCSS Gradientの作者様で、そこからさらに発展させ、グラデーションだけでなく、パーティクルアニメーションや写真などを使用した背景画像を生成するツールを完成させました。 2018年5月現在、5種類のテーマからさまざまな背景を生成できます。 カスタマイズにも対応しており、カラーだけでなく、「More Option」をクリックするとサイズや形状なども変更
すぐ使える！ブラシ、テクスチャ、背景、イラストなど、クオリティが高いデザイン素材のスーパーセールが開催中
商用でも安心して利用できるブラシ、テクスチャ、背景、イラストなどのデザイン素材計258,000円分が、99%オフの3,500円で購入できる期間限定の特大セールを紹介します。 販売期間は、6月5日12時までとなっています。 精巧なヒエログリフのイラストをはじめ、草や葉や花びら、海洋、宇宙空間やグリッチアート、SFなどにインスピレーションを受けたデザイン素材、デコレーション用のブラシ、複数カラーに対応したブラシなど、今回のデザイン素材のセットはかなりオススメです。 見ているだけでも、インスピレーションがびんびん刺激されると思います。 デザイン素材はWebデザイン、アプリ、動画、ゲーム、紙のデザインなどに利用でき、クライアントのプロジェクトでも販売する同人誌に使用してもOK。
30 Beautiful Example of Image Usage in Web Design - SkyTechGeek
A Web site is incomplete without the proper use of images, pictures or photographs, The appropriate incorporation of such photographs, or images within web design either as the primary background, or as in the form of thumbnail in a post is one of the most effective ways to make a site more appealing to the end user. However, such designs have certain drawbacks, within the usage of large file phot
40 Beautifully-Designed Navigation Menus | Vandelay Design Blog
These earth tone color palettes are perfect for a wide variety of nature-inspired designs. Use the provided hex codes to save time choosing colors.
10 Jaw-Dropping Websites with Background Videos
Using a full-screen background video is certainly a great way to grab the attention of your viewer. Whether the video you choose to feature is one that showcases your talent and portfolio or one that is pleasing to look at and doesn’t do much more than add a spark of life and uniqueness to your site, one thing to consider during your planning process is how to keep the video size small as to not b
Using Photo Backgrounds in Web Design: 30 Examples
Join 62,179 marketing managers who get our best digital marketing insights, strategies and tips delivered straight to their inbox. subscribe FiftyThree Whiteboard Blind Barber ARCHIKON Goliath Sportswear The Great Discontent Y.CO Sullivan NYC Foreign Policy Design Group JWI Louvres Shelton Fleming St. Johns COOP SALT SURF Spring/Summer 360langstrasse.sf.tv neve Royale Jon White GIVERS attackemart.
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
remove.bg 神アップデート！ネコや犬もサポート、動物や植物や物体などの画像から背景を1クリックで切り抜き
https://www.splashnology.com/article/cool-textured-websites/5160/