HTMLはdivたった一つ、あとはCSSをコピペするだけで約580種類のローダーを実装できるCSS Loadersを紹介します。 ローダーは、バーやドットのシンプルなアニメーションから他ではあまり見ない面白いものまであり、ローダーを探すときはここをチェックすることをお勧めします。ローダーが不要な人でもCSSアニメーションを楽しめると思います。
Notion用のおしゃれでシンプルなアイコン素材を紹介します。 私はデフォルトの絵文字を使用していましたが、シンプルで統一感のあるアイコンに変更すると分かりやすくなり、Notionを使用するのがより快適になりました。 アイコンをNotionで利用するのは簡単で、スマホならタップしてコピペ、デスクトップならクリックでコピペするだけです。 Notionでアイコンの変更方法 Notion用のおしゃれでシンプルなアイコン素材サイト Notionでアイコンの変更方法 Notionでアイコンを変更するのは、簡単です。 アイコンをタップ・クリックし、「絵文字」から選択したり、「画像アップロード」でアイコンを指定したり、「リンク」にアイコンのURLを入力します。 Notionでアイコンの変更方法 この記事で紹介しているサイトのアイコンを利用する場合は、上記の「リンク」にアイコンのURLをコピペするだけです
この記事では現役デザイナーDmitriy Buninが、より良いアイコンをデザインするときに心がけている8個のポイントをまとめてご紹介します。 WebサイトのUIインターフェースにおいてアイコンは重要なデザイン要素のひとつです。 アイコンは、コマンドやコンテンツを視覚的にあらわし、背後にある意味合いを伝える言語と言えます。ユーザーがすぐに理解、認識できるようにシンプルで効果的なビジュアル、メタファーを表現する必要があります。 現役デザイナー直伝、アイコンデザインがもっと良くなる8個のヒント ヒント1 – グリッドを設定しよう アイコンはひとつだけ作るのではなく、ほとんどの場合はセットでデザインすることになります。アイコンセットの統一感を持たせるにはグリッドが必要となります。 以下サンプル例のようにセーフゾーンを決め、キーラインを設定しましょう。アイコンのまわりには、少しの余白スペース(Bo
Designed in South Africa. Developed in Morocco. Released under the MIT license.
資料作成などでちょっとした挿絵がほしい時に、「いらすとや」のようなかわいいフリー素材のイラストを使う人も多くなっていますが「もっとシンプルで使いやすいフリー素材がほしい!」という人も多いはず。そんな人のために「unDraw」では、無料で商用利用可能のシンプルなイラストをダウンロードすることができます。 unDraw https://undraw.co/ イラストをダウンロードするには、上記のURLにアクセスして「Browse now」をクリック。 unDrawのイラストは全部で500種類以上あるとのこと。デフォルトでは全体的に青がメインのイラストになっています。 サイトの右上にある赤枠部分をクリックすると、イラストの一部の色を変更することができます。 たとえば、左側に並んだ色から好みの色を選択して「choose」をクリックすると…… 以下の画像のように、黄色をアクセントカラーにしたイラスト
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 画像のちょっとした加工でPhotoshopを立ち上げたり、専門のソフトウェアを購入したりするのは嫌だと思っている方は多いはず。最近では些細な修正であればWebベースでも行えるようになっています。 今回紹介するPainterroはWebベースの画像編集ソフトウェアです。スクリーンショットにちょっとした注記を入れる程度であれば十分こなせます。 Painterroの使い方 メイン画面です。 画像を開きました。 四角を描いたり、矢印を付けたりできます。 リサイズやスケール変更もできます。 切り抜いた場合です。 Painterroはレイヤーはサポートしておらず、ごく簡単な加工を行うのみとなっています。しかし、これくらいで十分というケースは多いのではないでしょうか。自社サービスに画像編集機能を
世の中には数多くのブログサービスやSNSが存在していますが、便利なサービスと引き替えに個人のプライバシーがトレードオフになっていることが多く、テクノロジー企業は収集したデータをもとにカスタマイズした広告を表示したり、収集したデータを売買したりして利益を生み出しています。そんな現代の状況に疑問を持ったYahoo 99(Eric)氏が、無料で簡単に、個人情報の登録不要で自動消去付きのウェブサイトを作成できるサービス「sdnotes.com/」を開発したとのことで、実際にウェブサイトを作成してみました。 Rethinking web accounts (using Rails) - The Startup - Medium https://medium.com/swlh/rethinking-web-accounts-using-rails-e74f3ad7098 Create Self-Des
SimpleFormはシンプルなアンケートを作成、共有して結果を管理できるWebアプリです。フォームは基本的にいくらでも作成できるようになっているみたい。 Blockstackを使っており、セキュアな環境で作成、管理する事が出来るようになっています。 アンケートは質問と、回答内容が短いか長いかの選択のみと非常にシンプルな設定となっています。チェックボックスとかラジオボタンが無いのでちょっと物足りないかもしれませんね。 とはいえ広告無し、無料で利用可能というメリットもあるので今後に期待したいところです。 使ってみる 適当に質問を作成して自分で回答してみましたが、上記のように集計されるようです。 小規模人数のグループやコミュニティ向けのアンケ作成等がメインになりそうです。まぁそういう用途ならBlockstackを使う必要もないだろ、と思う方もいるかもしれませんが、この手のツールは概ねGoogl
Zen Flowchartは使いやすさ重視のミニマルなフローチャート生成ツールです。直感的に操作、作成する事が出来るよう設計されています。出来ることはノードやテキストの追加または移動、ノード同士の接続やカラー変更、テキスト変更のみとなっています。 ボタン操作も少なく広告もありませんのでこの手のツールを始めて使う方でも作業時に混乱する事も無いと思います。
Say hello to the friendly, neighbourhood form builderForms. is the open, open-source, operating system for your business data collection. We offer a form builder and data table platform that's free for indiduals and most small businesses. Everything you need for data ingestionStart your customer discovery journey today Our simple platform allows you to create forms and tables to effortlessly colle
ウェブ制作はもちろん、ブログ運営や資料・スライド作成まで、なにかと重宝するアイコン素材。今回は、1000個以上のフリーアイコン素材を自由に無料ダウンロード、商用利用できる Uniconsをご紹介します。 ブックマークしておくと、デザイン制作が捗るシンプルで、使いやすいデザインが特長となっています。 シンプルで使いやすい!商用可1000+個のフリーアイコンを揃えた Unicons Unicons は、デザイン制作で便利な、シンプルで使い勝手の良いベクターアイコン素材を、無料ダウンロード&商用利用できるウェブサービスです。 使い方はとても簡単で、カテゴリ分けされたコレクションの中から、お好みのデザインを選択し、クリックするだけ。 ウェブサイトやブログなどで複数のアイコンを利用したいときは、以下のスタイルシートを読み込み、アイコン用マークアップを追加しましょう。CDNリンクをコピーすれば、直接表
Open-Source Icon Libraries Open-source icon libraries offer a range of high-quality free icon sets for designers and developers to use in their UI projects. These libraries are community-driven and provide flexibility in customization. Linear & Bold Iconsans (660 Icons, SVG, Vue & React Packages) Mage Stroke, Fill & Brand Icons (1089 Icons, SVG, Figma & React Package) Atlas Icons (2,701 Icons, SVG
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く