これは簡単で楽！ スクロールバーのデザインを変更するCSSを確認しながら生成できるツール -Scrollbar.app
スクロールバーは、長いコンテンツのWebサイトに不可欠な要素です。ブラウザにはスクロールバーのデフォルトのスタイルがありますが、サイトのデザインに最適とは限りません。スクロールバーのデザインを変更するのは、CSSで簡単にできます。 スクロールバーのデザインを変更するCSSを確認しながら生成できるオンラインツールを紹介します。 Scrollbar.app Scrollbar.app -GitHub スクロールバーのデザインを変更するCSS Scrollbar.appの特徴 Scrollbar.appのの使い方 スクロールバーのデザインを変更するCSS スクロールバーのデザインを変更するCSSは、下記の通りです。 ::-webkit-scrollbar: スクロールバー全体 ::-webkit-scrollbar-thumb: ドラッグ可能なスクロールのハンドル ::-webkit-scrol
Beautiful CSS checkboxes examples - CSS Scan
All of these checkboxes were initially copied using CSS Scan (click here to try a free demo). With CSS Scan you can easily inspect or copy any website's CSS. 📌 Press Ctrl+D to bookmark this page Have you seen CSS Scan? The fastest and easiest way to check and copy CSS. Learn more → Beautiful box-shadow examples 90+ free beautiful CSS box-shadow, ready to use, click to copy. Learn more →
GIGAZINE - 大阪ガスサービスショップを家の中に入れてはいけない - トラックバック一覧
ウェブサイトや資料などで簡単なイメージイラストを使いたい時に、30種類のイラストを自分で配色を決定してダウンロードできるサービスが「IRA Design」です。イラストは無料でダウンロード可能で、商用利用も可能となっています。 IRA Design - Build your own amazing illustrations @ Creative Tim https://iradesign.io/ IRA Designにアクセスするとこんな感じ。用意されているイラストを見るには、上部メニューの「GALLERY」をクリックします。 イラストは30種類。背景・人物・物がまとめられたフラットデザインのイラストです。 画面右側にある「＜」をクリックすると…… カラーパレットが出てきました。ズボン・Tシャツ・髪・物の4種類を、それぞれ紫・青・緑・オレンジ・赤の5色に変更できます。全部紫に設定すると、
任意のSVGアイコンを一括で管理、スタイルの変更、エクスポートできるSVGマネージャ兼エディタ・「Norde Source」 - かちびと.net
動作テスト シンプルなUIです。デフォルトではFeatherやFontAwesome、IoniconsなどオープンソースのSVGアイコンセットを配布するプロジェクトが項目に入れられており、その場でアイコンセットを作る事が可能となっています。ついでにOpen Peepsも入れられtました ↑ 勿論、+ADDから任意のアイコンを複数選択して、管理、一括でスタイルを変更する事も可能です。任意のセット名にしたり検索も出来るように。 ↑ エクスポートはSVG、PNG、JPGなどのお馴染みの拡張子からWebPやVeu.js向けなども用意されています ↑ Open Peepsなどのように複数カラーを使用したアイコンセットでは、同じカラーの箇所を一括変更できるので統一されたスタイルが破綻する心配もありません シンプルで扱いやすいのでSVGを管理しやすくなるのではないかなと思います Norde Source
表情やポーズも変更できる、人物のイラスト素材が登場！商用でも完全無料の太っ腹ライセンス -Open Peeps
笑顔でこんなポーズ、泣き顔でこんな仕草、希望通りのイラスト素材が完全無料で商用利用できるOpen Peepsを紹介します。 普通のイラスト素材はそのまま使用するしかないですが、人物の表情や髪型、ポーズ、動作などさまざまなパーツを組み合わせて、584,688通りのキャラクターを作成することができます。 Open Peeps Open Peepsの特徴 Open Peepsのダウンロード Open Peepsのイラストライブラリ Open Peepsの特徴 Open Peepsは商用でも個人でも完全無料で利用できるイラストのライブラリで、ライセンスはCC0です。 イラストはすべて手描きのベクターで、さまざまなパーツを組み合わせることで584,688通りのキャラクターを作成することができます。アプリは、Adobe XD、Sketch、Figma、Studioをサポートしています。
mmv - エディタでファイル名を編集&適用
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました ファイルのリネーム作業を行う際に、一回一回コマンドを打つのは面倒です。似たような名前が並んでいると、特にそうでしょう。余計なミスをすれば、さらにゴチャゴチャになります。 そこで使ってみたいのがmmvです。ファイルの一覧をテキストファイルにして、編集内容を一括適用します。 mmvの使い方 編集しているところです。 ファイルを保存すると、その内容がそのまま適用されます。 $ ls -l total 720 -rw-r--r-- 1 nakatsugawa staff 1286 1 27 13:06 CHANGELOG.md -rw-r--r-- 1 nakatsugawa staff 1350 1 27 13:06 Dockerfile-pwa -rw-r--r-- 1 nakatsu
arrangeit - クロスプラットフォームで使えるウィンドウ管理ユーティリティ MOONGIFT
GUIのOSにとってウィンドウ操作は大きな問題です。ついつい開きすぎてしまってデスクトップがウィンドウで溢れかえってしまったり、目的のウィンドウがどこにあるのか分からなくなったりします。 そこで使ってみたいのがウィンドウ操作のユーティリティ、arrangeitになります。 arrangeitの使い方 arrangeitの操作はちょっと独特です。操作対象にしたいウィンドウがアクティブな状態で実行します（または右クリックでウィンドウを移動できるようです）。そうすると専用のウィンドウがフローティングで表示されます。 そしてサイズを変更したりして確定すると、その場所と大きさにウィンドウが移動します。 仮想デスクトップへ移動したりもできます。 arrangeitは仮想デスクトップを使ってウィンドウを移動したり、リサイズや最小化したりすることができます。キーボードとマウス操作の両方に対応していますので
watchexec - ファイルが変更されたらコマンド実行
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました ファイルを編集したら何かを実行したい、というのは良くあるニーズです。webpackやgulpなどを使えばできますが、JavaScriptが関係ないところでは用意が面倒だったり、大げさに感じてしまうでしょう。Shellスクリプトでもできますが、開発者でないと使いづらそうです。 そこで使ってみたいのがwatchexecです。拡張子を指定するだけで、手軽に利用できます。 watchexecの使い方 実行例です。拡張子を指定して、変更があったら実行したいコマンドを続けるだけです。 $ watchexec --exts md,png echo "Changed" Changed watchexecは拡張子を指定するだけでなく、ディレクトリやサブディレクトリを含めて全体を指定することもできます
無料＆1クリックで手軽にフォルダアイコンの色をカラフルに変更して視覚的に整理整頓できるソフトウェア「Folder Painter」
Windowsのフォルダアイコンは全て同じ見た目の黄色いアイコンで、アイコンだけ見てもフォルダの区別はつきにくいもの。「Folder Painter」はフォルダアイコンをカラフルに色分けできるツールで、PCの中にある無数のフォルダの色を変えることで視覚的に整理整頓できます。 Folder Painter v1.0 https://www.sordum.org/10124/folder-painter-v1-0/ Folder Painterを使うには公式ページからソフトウェアをダウンロードする必要があります。ページの中段ほどまでスクロールすると、「Download」と書かれたアイコンが表示されるのでクリックして、ダウンロードを開始します。Folder PainterはWindows 7以降のWindowsに対応しています。 「OK」をクリックしてダウンロードします。 ダウンロードしたファイ
これはすごく便利！85,000個のアイコンから選んで、自分好みにカスタマイズしてダウンロードできる -Icons8 | コリス
当ブログでもたくさんの無料アイコンを紹介してきましたが、自分にぴったりのアイコンを探すのはかなり大変だと思います。85,000個以上の高品質なアイコン素材を自由にカスタマイズしてダウンロードできる新しいIcons8を紹介します。 下記のようにカラー変更は当たり前、要素を加えたり、文字入れしたり、さまざまなカスタマイズに対応しています。SVGも完備されているので、重宝しますね。 Icons8 beta Icons8の使い方 無料で利用できるアイコンはなんと、85,000個以上 Icons8の使い方 Icons8の使い方は、簡単です。 さまざまな機能が用意されていますが、直観的にすべてを利用できると思います。 アイコンの選択から、カスタマイズ、ダウンロードまでざっと説明します。
unDraw - Open source illustrations for any idea
\ ˌi-lə-ˈstrā-shənOpen-source illustrations for any idea you can imagine and create.A constantly updated design project with beautiful SVG images that you can use completely free and without attribution. synopsisCreate better designed websites, products and applications. Browse to find the images that fit your messaging, automagically customise the color to match your brand and use it as a normal
Windows7/8/10で普通は変更しにくい「Windows Updateのオン・オフ」や「新規作成の編集」など各種設定をいじくりまくれる「Winaero Tweaker」
Windows 7/8/10でWindows Updateのオン・オフやエクスプローラーのコンテキストメニュー上に表示される「新規作成」の内容編集、他にもレジストリエディタを開かなければできないような詳細設定などをすべてまとめて可能になるのが「Winaero Tweaker」です。 Winaero Tweaker http://winaero.com/comment.php?comment.news.1836 Winaero Tweakerのダウンロードは以下のページ中段にある「Download Winaero Tweaker」から可能です。 Downloads / Software / Winaero Tweaker http://winaero.com/download.php?view.1796 「Download Winaero Tweaker」をクリックすると以下のような確認ウイ
chext - 拡張子変更専用コマンド
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました ファイルの拡張子を一括で変更したい時はどのように行っていたでしょうか。一つは専用ツールを使うという選択がありますが、自分の欲しいやり方がないこともあります。その結果、Shellスクリプトをいつも書いていないでしょうか。 そんな方々に入れておいて欲しいのがchextです。拡張子変更専用ソフトウェアです。 chextの使い方 まずこんな感じのファイルがあったとします。 $ ls LICENSE README.md TODO chext chext.1 chext.bats install.sh uninstall.sh 後は対象となるファイルのリスト（1ファイルも可）と変更後の拡張子を渡します。 $ chext *.sh md これで変更完了しました。 $ ls LICENSE REA
webwatch·Webサイトの変化を感知してメール送信 MOONGIFT
ニュースメディアの速報系であったり、号外と言ったニュースにいち早く飛びつきたいという人は多いのではないでしょうか。かといって始終Webサイトを見続けている訳にはいきません。そこでコンピュータの力が使えます。 webwatchはURLを監視して指定した文字が出てくるとアラートを出すという仕組みになっています。 webwatchの使い方 webwatchのオプションです。基本的にすべて必須です。 $ webwatch --help Usage of bin/webwatch: -from address Email address to send from -password Password Password for SMTP server -smtp server Address of SMTP server to use (host:port) (default "gmail-smtp-
Windows 10のスタートメニューをWindows 7のように変えられる「Start10」
WindowsのスタートメニューはOSが変わるたびに少しずつ変更が加えられていますが、時には「この部分は前のままにしておいて欲しかった……」と感じる部分も出てきます。そんなカスタマイズ欲に応えたのか、スタートボタンがなくなってしまったWindows 8でボタンを復活させるソフトウェア「Start8」を作ったStardockが、今度はWindows 10のスタートメニューを変更できるソフトウェア「Start10」をリリースしました。 Start10, the first Windows 10 Start menu alternative! http://www.stardock.com/products/start10/ Start10は4.99ドル(約620円)の有料ソフトですが、30日間のトライアル版があるので、どの程度のことができるのか自分で試すことができます。上記URLの「Get i
無料＆インストールなしで画像のリサイズや画質変更が一括で可能な「Bulk Resize Photos」
PCのブラウザ上から無料で使える、画像のリサイズや画質変更を一括で行えるサービスが「Bulk Resize Photos」です。Bulk Resize Photosはウェブサービスですがファイルをアップロードする必要はなく、画像加工は全てブラウザ上で行われるので、無駄に通信量がかさむといったこともありません。 Bulk Resize Photos http://bulkresizephotos.com/ 「Bulk Resize Photos」の使い方は非常に単純で、加工したい画像をドラッグ＆ドロップで赤枠部分に移動させます。 加工画面はこんな感じ。「Scale」からは画像を拡大縮小可能で、赤枠部分に元画像の何％のサイズに拡大縮小するのかを入力すればOK。 「Longest Side」をクリックすれば画像の長辺を指定可能。画像の縦横比は元画像のものを保ったままリサイズされます。 「Widt
Web上にある画像を任意のサイズに変換してくれる・「Firesize」
FiresizeはWeb上の画像を任意のサイズにリサイズしてくれるWebサービスです。例えば http://example.com/foobar.jpg といった画像があった場合、 http://firesize.com/400×300/g_center/http://example.com/foobar.jpg のようにサイズを指定すればそのサイズに変換して返してくれます。特に特定のライブラリやCSSを読む込む必要はなく、Firesizeにサイズとリサイズする画像のパスを指定すればそのサイズに変換しCDNにホストされるので、そのパスを使ってね、という類のもののようです。こういった仕様なので用途は限られますが、覚えておいても損は無いかもですね。 Firesize
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
全部、商用利用無料！ UIデザイン用のSVGアイコンが1900種類以上、デザインに合わせてカスタマイズも簡単な優れもの
GitHub - kenjinote/cmdchat: コマンド プロンプト (チャット風)
任意のSVGに自由に色付け出来るシンプルなデスクトップアプリ・「SVG Splash」
