これでもうUIデザイン用のSVGアイコンに困らない！ 商用無料のSVGアイコンを横断検索・ダウンロードでき、カスタマイズもできる便利サイト -Iconbuddy
商用で無料利用できる、MITライセンスなどのオープンソースで利用できるSVGアイコンは、たくさんのサイトからリリースされています。これらをまとめて検索してダウンロードでき、しかもカスタマイズもできてしまう便利サイトを紹介します。 FigmaとVS Codeのプラグインも揃っており、そこから直接アイコンを利用することもできるので、かなり便利です。 Iconbuddy -200K+ open source free svg icons Iconbuddyの特徴 SVGアイコンの利用方法 Iconbuddyで利用できるSVGアイコン Iconbuddyの特徴 Iconbuddyは、オープンソースで利用できる200,000種類以上のSVGアイコンを無料で検索、ダウンロード、さらにアイコンのカスタマイズもできるアイコン検索エンジンです。 Iconbuddy -200K+ open source fr
非エンジニアがWeb開発で知ってると便利過ぎる無料サービスを厳選してみた！ - paiza times
どうも、まさとらん（@0310lan）です！ 今回は、Web開発などで役に立つ厳選した無料サービスをご紹介します！ 特にWeb開発に慣れていない初心者や非エンジニアの方でも、手軽に特定の機能を提供するページを構築できるサービスを厳選してみました。 また、複数人でのレビュー、サイトの分析、学習リソースなども合わせて掲載しているので、ご興味ある方はぜひ参考にしてください！ ■独自ロードマップを公開してユーザーと共有する！ 【 Roadmap Show 】 Webアプリやサービス自体のアップデートや予定している機能追加などの情報を、プロダクトロードマップとして手軽に一般公開できる便利なサービスです。 サービス側が何をやっていて、どのような改善をしているのかをユーザー側からも分かりやすくなります。 基本的な使い方も簡単で、いくつかのカテゴリ別にタスクカードを追加していくだけです。 これから予定して
複数のアイコンプロジェクトから、使用するアイコンだけをアイコンフォントやSVGのセットにできる無料ツール
これまた、便利なツールが登場しました！ 使用するアイコンだけをアイコンフォントやSVGアイコンのセットにできる無料オンラインツールを紹介します。 さまざまなアイコンプロジェクトがサポートされており、BootstrapやMaterial Designをはじめ、当ブログでも紹介したことのある数多くのアイコンから使用するアイコンだけを選択できます。 例えば、Bootstrapからホームとアローだけをセットにするとか、BootstrapのホームとMaterial Designのアローをセットにするとかも簡単です。 Icônes Icônes -GitHub Icônesの特徴 Icônesの使い方 Icônesの特徴 Icônesは複数の商用利用無料のアイコンから、使用するアイコンを選んでセットにして利用できるオンラインツールです。 登録など面倒なことは一切なく、ブラウザから簡単に利用できます。
無料で複数のテンプレートから簡単にウェブサイトを作成できる「Carrd」を使ってみた
プログラミングの知識が無くても、たくさん用意されたテンプレートを編集して簡単にウェブサイトを作成できる「Carrd」は無料で使用できるサービスです。どのくらい簡単にウェブサイトを作成できるのか、実際に使って確かめてみました。 Carrd - Simple, free, fully responsive one-page sites for pretty much anything https://carrd.co/ Carrdでウェブサイトを作成するには、上記のURLにアクセスして「Choose a Starting Point」をクリック。 まずはウェブサイトのテンプレート選択から始まります。テンプレートは記事作成時点で77種類あり、無料版では52種類が使用可能になっていました。 各テンプレートはウェブサイトがどのように表示されるかを実際に確認することが可能。表示を確認するには、テンプレ
レスポンシブに対応したWebページをさまざまなデバイスのサイズで表示を同時確認できる無料ツール -everysize
Webページをさまざまなデバイスのサイズで表示を同時確認できるブラウザベースのオンラインツールを紹介します。 完全無料で利用でき、登録など面倒なことは一切不要です。 everysize everysizeの特徴 everysizeの使い方 everysizeの特徴 everysizeは、レスポンシブに対応したWebページの表示確認をできるオンラインツールです。さまざまなデバイスのサイズで同時に確認でき、拡大縮小、レイアウト変更にも対応しています。 ブラウザベースのオンラインツールなので、OSを問わず利用できます。 Chrome, Safari, Edgeは問題なし、IE11はダメでした。
インストールやユーザー登録一切不要でスクリーンキャストをリアルタイム共有できる・「Screen Share Party」
Screen Share Partyはインストールやユーザー登録一切不要でスクリーンキャストをリアルタイム共有できるWebアプリです WebRTCが採用されており、ブラウザのみで完結可能で、エクステンションやソフトウェアのインストール等、ユーザー登録やログインなども一切不要となっています アクセスするとチャットツールのように部屋が自動作成されるのでこのURLを共有相手に伝えればいいだけです あとはClick to Share Your Screenを押せばデスクトップ上で起動中のアプリや画面全体などの選択肢が出るので選べばいいだけ 最大10人までですが、動画配信などよりもハードルは低いのは気軽でいいですね。チーム間のナレッジ共有なんかに一役買ってくれそうです Screen Share Party
完全無料＆インストール不要でビデオチャットが可能なオープンソースのオンライン会議ツール「Jitsi Meet」レビュー
オープンソースで開発されている「Jitsi Meet」は、多人数同時ビデオ通話を可能にするWebRTC JavaScriptアプリケーションです。アカウントを作成したり、コンピューターにクライアントソフトをインストールしたりする必要はなく、ウェブブラウザやスマートフォンから完全無料で、セキュアなビデオチャットが利用可能。さらに、Googleカレンダーと連携させることでイベントに応じたチャットルームを作成することができます。 Jitsi Meet https://meet.jit.si/ jitsi/jitsi-meet: Jitsi Meet - Secure, Simple and Scalable Video Conferences that you use as a standalone app or embed in your web application. https://gi
無料で同時1000人・最長6時間のオンライン会議ができる「FreeConferenceCall.com」は専用アプリなしでも音声・ビデオ通話に参加できるリモートワークの強力な味方
新型コロナウイルスの感染拡大に伴い、多くの企業が可能な範囲内で従業員にリモートワークを推奨しています。そんなリモートワーク時に必要となるのがオンライン会議ツールで、中でも群を抜いて多い同時接続可能者数を誇り、かつ無料で利用できるというサービスが「FreeConferenceCall.com」です。オンライン会議に参加するだけなら、専用アプリをインストールすることなくウェブブラウザや通話から気軽に参加可能という優れものとなっています。 Free Audio Conferencing | FreeConferenceCall.com https://www.freeconferencecall.com/ ◆アカウントの作成 FreeConferenceCall.comは無料でアカウントを作成するか、Facebookアカウントでログインすることで無料の会議ツールが使えるようになります。今回は無料
無料でIFTTTやZapierっぽく全自動連携できる「n8n」を自サーバー上に構築してみた
複数のウェブサービスを連携し、定型作業を自動化してくれるサービスはIFTTTやZapierが有名ですが、特定のサービス以外は使えなかったり、有料プランでしか使用できない機能があったりします。オープンソースで使える自動化サービス「n8n」は無料で利用でき、自社製ソフトのような他の自動化サービスでは未対応のサービスも自動化できるとのことなので、実際に使ってみました。 n8n.io - Workflow Automation https://n8n.io/ まずはn8nのホームページにアクセスします。 ホームページ下部へと進むとインストール方法が記載されていました。今回はWindows 10の機能の一つであるWSL上のUbuntuにn8nをインストールします。 n8nを動作させるにはNode.jsが必要なので、記事作成時点で最新の推奨バージョンのNode.jsをインストールしておきます。 Nod
複数のストックフォトサイトからCCやパブックドメインなどの写真を横断検索できる・「Image Finder」
Image Finderは複数のストックフォトサイトからCC0やパブリックドメイン、そのほかのCCライセンスの写真を横断検索できるWebアプリです。 対象サイトはpicjumboやPixabay、Goodfreephotos、FreestocksやFreenaturestock、Morguefileなどなどその他にも沢山あるようです。が、定番のUnsplushは珍しく入っていないっぽいです。 もともとはFlickrからCCライセンスの写真を検索するツールを開発していたそうですが、現在は各ストックフォトをクロールし、CC0やCC、PDなどの写真を収集する形になったそう。 良いアプリなんですが、１つだけ注意点。 有料の写真が混ざる場合がある 当然と言えば当然なんですが、この手のサービスのマネタイズとして有料写真を混ぜる、というものがあり、本ツールも同じ手法をとっています。 こちらはShutte
任意の画像をiOSやAndroidアプリの各サイズのアイコンに変換する・「Icon cutter」
Icon cutterは任意の画像をiOSやAndroidアプリのアイコンに変換するWebアプリです。Androidならmipmap-xhdpiやmipmap-xxhdpiといったようにic_launcher.pngの各サイズを用意、iOSならipad_settings29x29@2x.pngやiphone_app60x60@3x.pngなど各サイズをセットでZIPに梱包、自動でダウンロードしてくれます。 既に先発サービスはありますが、こちらも利用に何のハードルも無く、目的がはっきりしててシンプルでいいんじゃないでしょうか。 尚、AndroidやiOS以外にMacやwatchも追加可能です。利用は無料でユーザー登録も不要です。覚えておくと、いざという時に便利かもしれませんね。 Icon cutter
CSS Gradient — Generator, Maker, and Background
CSS Gradient is a designstripe project that lets you create free gradient backgrounds for your website. Besides being a css gradient generator, the site is also chock-full of colorful content about gradients from technical articles to real life gradient examples like Stripe and Instagram. Why we made this? See gradients were super played out back in the early web days, but now they’re so ubiquitou
無料でテキストや画像を貼り付けたノートをチームで共有可能な「Slite」を使ってみた
チームで共同してプロジェクトを動かしたりコンテンツを制作したりするとき、各自の持っているアイデアを即座にチーム全体で共有できるかどうかが成功の鍵を握ります。せっかく誰かがいいアイデアを思いついても、他のメンバーがそれを知らなければ宝の持ち腐れになってしまう……という事態を避けるべく、アイデアをチーム内で即座に共有でき、各自の意見交換も可能なウェブアプリ「Slite」を使ってみました。 Slite, the note app for teams https://slite.com/ ◆チームのページを作る まずは、「Slite」をウェブブラウザで利用してみます。Sliteでチームが共有するページを作るには、公式ページから「Create your team」をクリック。 まずは「Slite」で使用するドメイン名を設定します。チームにふさわしいドメイン名を入力して、「Create your te
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
もうこれでSVGアイコンを探すときに困らない！ 無料で利用できるアイコンライブラリを横断検索できる便利サイト -Icônes
画像に一括で任意のウォーターマークを挿入できるWebアプリ・「fastwatermark」 - かちびと.net
ファビコンを簡単に作成できる無料ツール！テキスト・画像・絵文字から生成でき、各デバイスのサイズにも対応 -favicon.io
チームでオンラインのホワイトボードを共有できるコラボレーションツール・「Mixed」
Wireflow - Free Wire / User Flow Tool
1クリックで簡単！さまざまなデバイスのサイズで表示したスクリーンショットを撮影する無料オンラインサービス
Logo Crunch - The multi-resolution logo maker