商用利用無料、UIデザイン用のSVGアイコンが558種類！デザインに合わせたカスタマイズも簡単な優れもの
企業サイトはもちろん、プロダクト、コマース、ショップ、アプリ、ブログなど、さまざまなUIデザインのSVGアイコンが無料で利用できるTabler Iconsを紹介します。 SVGアイコンの数はなんと558種類で、オープンソース！ 豊富なアイテムに加え、カラーやサイズやストロークなどのカスタマイズも簡単で、自分のデザインに合ったSVGアイコンを利用できます。
企業サイトはもちろん、プロダクト、コマース、ショップ、アプリ、ブログなど、さまざまなUIデザインのSVGアイコンが無料で利用できるTabler Iconsを紹介します。 SVGアイコンの数はなんと558種類で、オープンソース！ 豊富なアイテムに加え、カラーやサイズやストロークなどのカスタマイズも簡単で、自分のデザインに合ったSVGアイコンを利用できます。
追記 versionによっては設定を変えないとエクスポートができないようです。 エクスポートできない方はこちらの記事をご参考に設定いただくとエクスポートできるかもしれません。 現状バージョン0.4ではこちらの設定が必要となります。 VSCodeでDraw.io Integration使用時にエクスポートできないことがある問題への対処 2020/10/18追記 現在のバージョン0.7ではdrawio拡張子のエクスポートがうまくいかないようです。 その場合はオフラインモードに移行変更していただくか、drawio.pngやdrawio.svg拡張子でファイルを作成してもらうことで直接編集もできた上で、エクスポートとせず末尾の拡張子ファイルとして利用することができます。 はじめに VSCodeで簡単にDraw.ioで描画できるようになったみたいなので、 導入方法と使い方を備忘として残していきます。
WebデベロッパーのVictor氏による下記のツイートから始まるスレッドが大変参考になる内容だと感じたので、ご本人に許諾を得て日本語で紹介させていただくことにしました。 I reviewed 100+ user interfaces this year. Avoid the most common 18 mistakes to make your UI/UX design better 👇 — Victor (@vponamariov) July 30, 2021 私は今年100以上のユーザーインターフェースをレビューしました。あなたのUI/UXデザインをより良くするための、下記に示す18個の良くある誤ちを回避しましょう。本記事で使用する画像はすべてVictor氏のツイートから拝借しています。なお翻訳には一部私の意訳が入っていることをご了承ください。 1. 薄いコントラストの文字適切では
日本の貨物船がインド洋の島国モーリシャスの沖合で座礁し、大量の油が流出している問題で、油だけを吸い取る特殊な繊維を使った吸着材が日本の企業から現地に送られることになりました。 東京・大田区の繊維メーカー「エム・テックス」は、油だけを吸い取ることができる、特殊な繊維の製造で特許を持っていてこの繊維を使った吸着材を生産しています。 吸着材は、去年8月の佐賀豪雨で佐賀県大町町の鉄工所から油が流出した事故でも復旧作業に使われていて、今回は1200リットル分の油を吸い取れる量を支援物資として送ることになりました。 19日、派遣される国際緊急援助隊の専門家チームの第2陣が現地に届けることになっています。 エム・テックスの竹ノ下友基部長は、「事故が起きたあと、何かできないかという思いがあった。美しい環境で、今回の事故が起き、現地の方々は大変な苦労をされていて、メイドインジャパンの技術を役立ててほしい」と
CSSコーディングに役立つサービスやWebサイト運用で役立つSEO関連のツールなど、Web制作の現場で使えるWebサービスを13個紹介します。ワンクリックで取得できるコードや、ドラッグ&ドロップだけで完結するものなど、直感的に作業できるサービスばかりです。あなたの現場でもぜひ利用してみてください。 Fancy Border Radius Generator CSSのborder-radius を使ってボックスや画像をユニークな形状に変化できるWebサービス。 Fancy Border Radius Generator シンプルなコードで実装可能です。 正方形の写真をCSSで変形させました 上のように正方形の写真をユニークな画像に見せることができます。 Fancy Border Radius Generator Clippy – CSS clip-path maker CSSのclip-pa
Chromeに新しく実装された「CSS Overview」が非常に便利なので、紹介します。 表示しているページのCSSの概要、カラー、フォント、メディアクエリ、未使用の宣言が一覧でき、制作したページの検証やスタイルガイドとしても役立ちます。 Chromeの新機能「CSS Overview」 Fyi: New in Chrome: CSS Overview Chromeの新機能「CSS Overview」の準備 Chromeの新機能「CSS Overview」の使い方 Chromeの新機能「CSS Overview」の準備 まずは、Chrome デベロッパーツールを開き、右上の歯車アイコン（Settings）をクリックします。
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
VSCodeでDraw.ioが使えるようになったらしい！ - Qiita
UIデザイン時にやってしまいがちな18の誤ち｜Mikio Kiura / ANKR DESIGN
“油だけを吸い取る”日本製の吸着材 モーリシャスの現場へ | NHKニュース
Web制作の現場で使える無料のWebサービス13選 | MxGrain - デザイン制作
Chromeの新機能CSS Overviewがすごく便利！ページに使用しているCSSの概要や未使用の宣言がすぐ分かる