フォント管理に大活躍！好きな文字でフォントを一覧表示できる、Win, Mac, Linux対応の国産無料アプリ -fontvuer
インストール済みのフォントを好きな文字で一覧表示できる、Windows, macOS, Linux対応の国産アプリを紹介します。 国産なので日本語フォントはもちろん、英語フォントもサポートされています。 いろいろなフォントで比べてみたい人、特にフォントがたくさんの人に便利です！ fontvuer fontvuer -GitHub fontvuerの特徴 fontvuerのダウンロード・インストール fontvuerの使い方 fontvuerの特徴 既視感を抱いた人は大正解！ fontvuerは先日リリースされたばかりの国産アプリで、以前当ブログで紹介した「Fontviewer（紹介記事）」の後継の新作です。 基本的な機能はほぼ同じですが、使い勝手が大幅に強化されています！
レスポンシブに対応したWebページをさまざまなデバイスのサイズで表示を同時確認できる無料ツール -everysize
Webページをさまざまなデバイスのサイズで表示を同時確認できるブラウザベースのオンラインツールを紹介します。 完全無料で利用でき、登録など面倒なことは一切不要です。 everysize everysizeの特徴 everysizeの使い方 everysizeの特徴 everysizeは、レスポンシブに対応したWebページの表示確認をできるオンラインツールです。さまざまなデバイスのサイズで同時に確認でき、拡大縮小、レイアウト変更にも対応しています。 ブラウザベースのオンラインツールなので、OSを問わず利用できます。 Chrome, Safari, Edgeは問題なし、IE11はダメでした。
レスポンシブWebデザイン表示一括確認Chromeエクステンション・「ResponsiveViewer」
ResponsiveViewerはレスポンシブWebデザインの表示をさまざまなサイズで一括確認出来るChrome拡張です 各デバイスはモニタサイズとUAが設定されており、任意のモニタサイズおよびUAを追加する事も可能です 同様のツールは数多に存在しますので若干今更感あるネタですが試しに使ってみたら割と便利だったのでご紹介。 主な機能 デフォルトで用意されているデバイスはiPhone XRやXS、8+や8、Pixel3、Galaxyなどに加えて1024や1280pxサイズのモニターです。任意のサイズ、任意のUAでデバイスを追加する事が可能で、各デバイスは並べ替えたり非表示にしたりが自由に設定可能です 全体の拡大/縮小や別URLを再読み込みする事も出来ます。勿論ローカル環境のWebサイトの表示テストも可能です。尚、開発者の方も仰ってましたがiOS Safari等だと表示が異なったりするので最終
Fontviewer - ローカルフォントの書体をまとめてチェック
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました フォントの世界は奥深いです。フォントを変えるだけで、デザイン全体の印象が変わってきます。フォントが統一されることで全体の統一感が生まれ、雰囲気が整います。適当に気分で選んでいると、世界観もまたばらばらになってしまうでしょう。 そこで使ってみたいのがFontviewerです。ローカルにインストールされているフォントの書体をまとめてチェックできるソフトウェアです。 Fontviewerの使い方 立ち上げたところです。すべてのフォントで文字が書かれています。 表記する文字は自由に変更できます。 検索で絞り込めます。 同じOsaka RegularでもMonoと通常とで若干の違いがあるのが分かります。 Fontviewerは自分で表示するテキストが変更でき、まとめて表示できるのが便利です。
フォントの管理に！インストール済みのフォントを一覧表示できる、Win, Mac, Linux対応の無料アプリ -Fontviewer | コリス
当ブログで無料フォントや格安フォントを紹介する度に、「フォントの管理が、、、」という声がちらほら聞こえます。そんなフォントをたくさん所有されている方にぴったりのWin, Mac, Linux対応の無料アプリを紹介します。 先日リリースされたばかりの国産アプリで、もちろん日本語フォントに対応しています。 Fontviewer -GitHub Fontviewerのダウンロード Fontviewerの使い方 Fontviewerのダウンロード Fontviewerはソフトウェア開発をしているSotaro氏が開発した無料のソフトウェアで、インストール済みのフォントを好きな文字で一覧表示することができるフォントのビューアです。 MITライセンスで、個人でも商用でも無料で利用できます。
FontBase — a Free, Beautiful, and Fast Font Manager
Font management. Perfected.All platforms. Professional features. Beautiful UI. Totally free. FontBase is the font manager of the new generation, built by designers, for designers. A set of amazing featuresFontBase is built for designers, by designers. We understand what you need and deliever a set of great features to help you find the right font.
無料版は3分、だが便利！ブラウザのさまざまなバージョンで簡単に表示確認・レスポンシブの確認ができる -Browserling
IE, Chrome, Firefox, Opera, Safariなど、ブラウザのさまざまなバージョンでの表示確認、レスポンシブの確認などが、簡単にブラウザ上でできるオンラインサービスを紹介します。 有料版だと、ローカルでも確認できる優れものです。 Browserling Browserlingは無料版と有料版が提供されており、無料版はセッションは3分、IEは9/Vistaのみ（他は全バージョン可）、解像度は1024x768のみと使用条件は限られますが、なかなか便利だと思います。 セッションはインタラクティブ 単なるスクリーンショットではなく、ブラウザ上のさまざまなインタラクションを実行できます。 本物のブラウザを使用 サーバー上では本物のブラウザを動作させており、エミュレータなどの偽のブラウザではありません。 最新ブラウザへの対応 最新ブラウザがリリースされたら、すぐにインストールを行
Excelでセルの数式をまとめて表示する方法
Excelでセルの数式をまとめて表示する方法を紹介します。 １．問題点 Excelに次のような値が設定されています。 B11/C11/D11セルには、それぞれの上のセルにある数字を合計する数式が設定されています。 B11/C11/D11セルの数式を確認したい場合、数式が設定されているいずれかのセルを選択すれば、数式バーに数式が表示されます。 が、これらの数式をまとめて確認したいのですが、まとめて表示させる方法が分かりません。 ということで以下に2つの方法を紹介します。 ２．セルの数式をメニューからまとめて表示する セルの数式をまとめて表示するには、メニューの「数式」を選択。 「ワークシート分析」の「数式を表示」をクリック。 これでセルの数式がすべて表示されます。 セルの横幅が広がっていますが、これは数式表示で自動的に調整されるものです。 「数式の表示」をもう一度クリックすれば元の表示に戻り
Excelで1ファイルの異なるシートを同時に表示する方法
Excelで1ファイルの異なるシートを同時に表示する方法を紹介します。 このエントリーはビギナーの方向けの内容です。 １．問題点 ひとつのExcelファイルで「Sheet1」の内容を見ながら「Sheet2」に入力したいのですが、同じファイルのため毎回シートをクリックして切り替える必要があります。 ということで、同じファイルの異なるシートを同時に表示させる方法が分かりません。 ２．異なるシートを同時に表示する 異なるシートを同時に表示するには、まず「表示」タブをクリック（複数ファイルを開いている場合は並べて表示したいファイルを選択した状態で「表示」タブをクリック）。 「新しいウィンドウを開く」をクリック。 これで同じファイルのウィンドウが2つ開きます。2つめのウィンドウには「:2」がつきます。 あとは「表示」→「整列」をクリック。 ここでは「重ねて表示」をクリック。 これで1つのファイルを2
Chromeで開いている全てのタブを一瞬で隠せる拡張機能「PanicButton」 : 二十歳街道まっしぐら
PanicButtonは瞬時にタブを隠せる拡張機能です。 仕事をサボって趣味のサイトを閲覧してたら、突然上司が現れた！！ やばい、ページを閉じないと・・・！ たとえばこういった場面で活用できます。 便利な点は、ワンクリックでタブを全部閉じれるのはもちろんのこと、 閉じたタブをもう一度開き直す機能があるところです。 閉じたタブを記憶してくれて、ワンクリックで復元できるのは便利。 以下に使ってみた様子を載せておきます。 まず「PanicButton」にアクセスしましょう。 Chromeに拡張機能をインストールしましょう。 インストールすると、このようにPanicButtonが拡張機能一覧に並びます。 試しに複数個のタブを開いてみましょう。 そして、PanicButtonをポチッ。瞬く間にすべてのタブが閉じられます。 そして閉じると新しいタブが1つ開いた状態に。 PanicButtonは緑色にな
[JS]アナタのソーシャルコンテンツをまとめてPinterest風レイアウトで表示するスクリプト -Socialist
ブログのRSSをはじめ、Facebook, Twitter, Tumbler, Google+, Pinterest, Flickr, YouTubeなどのコンテンツを全てPinterest風のグリッドレイアウトで表示するjQueryのプラグインを紹介します。 幅800pxで表示 Socialistの使い方 Step 1: 外部ファイル head内に当スタイルシートと「jquery.js」と当スクリプトを記述します。 ※ダウンロードできるデモファイルにはjQueryの記述が無いのでご注意を。 <link href="../jquery.socialist.css" rel="stylesheet" /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <scri
img要素でCSS Spriteする方法
「CSS Sprite」は背景画像などの複数の画像ファイルをひとつの画像にまとめて、画像の中から表示させたい部分の座標をbackground-positionプロパティで指定するという手法です。これにより画像ファイルのHTTPリクエスト数を減らすことができます。 この手法は背景画像での利用が一般的なのですが、img要素でも利用することができるようなので、本エントリーで紹介します。 本エントリーでは、次のソーシャルブックマークボタン用の4つの画像を1つにまとめて、CSS Spriteを行ってみます。 背景画像の場合はbackground-positionプロパティでさくっと表示できるのですが、img要素として表示させるのにかなり苦労しました。ということで、コピペで使えそうなサンプルも用意しました。 「そういう場合、背景画像に変更するのが本来では？」というツッコミはなしでお願いします（笑）。
Youtubeの動画を背景に
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
[JS]複数のソーシャルメディアを合算して表示するスクリプト -Share Count
設置も簡単、TwitterやFacebookなど複数のソーシャルメディアのカウント数を合算して表示する超軽量(2kb)スクリプトを紹介します。 Share Count [ad#ad-2] Share Countのデモ Share Countの実装 Share Countのデモ 設定したソーシャルメディアのカウント数は、合算して一緒に表示されます。 デモのようにアイコンを添えるといい感じです。 Share Count JSの右サイドバーに設置 [ad#ad-2] Share Countの実装 実装は、簡単です。 HTML 「class=sharecount」をつけたdiv要素を配置します。 <div class="sharecount">Share</div> 特定のサイトのカウントを表示する場合は、a要素を使用します。 例：www.google.com <a href="http://ww
Win/Mac対応、インストールされているフォントを一覧表示するAIRアプリケーション -Antialiaser
PCでもMacでも、インストールされているOpenTypeとTrueTypeのフォントをさまざまなスタイルで一覧表示するAdobe AIRのアプリケーションを紹介します。 Antialiaser [ad#ad-2] Antialiaserのインストール Antialiaserのインストールは簡単で、下記ページより「Antialiaser」をダウンロードしファイルをダブルクリックします。 Antialiaser ※Win用とMac用があります。 Adobe AIRが無い場合は同時にインストールする必要があります。 Adobe AIR あとは「Antialiaser」を起動するだけで、自動でインストールされているフォントを一覧表示します。 Antialiaserの使用方法 分かりやすいインターフェイスなので、特に説明はいらないと思いますが、簡単な使用法を紹介します。
wordpress: ソーシャルブックマークプラグイン「WP Social Bookmarking Light」を好きな位置に配置する方法 | ロゴマークデザインWEBサイト・CMS（wordpress）ビジネスサイト制作 リニューアルならD-31N.C
ブログ wordpressプラグイン wordpress: ソーシャルブックマークプラグイン「WP Social Bookmarking Light」を好きな位置に配置する方法 ソーシャルブックマークのプラグインは色々ありますが これが一番かと思っています。 大抵の物は全て揃ってますし Mixiチェック（Mixiへの設定が面倒だけど）も付けることが出来ます。 このプラグインを使用した場合、設定から位置を変更（記事の上か記事の下）出来るのですが 微妙に ここじゃないんだよな・・って事が出てくるので 任意の場所に配置出来る方法を紹介します。 WP Social Bookmarking Light プラグインのインストールはプラグインメニュー新規追加から検索するか こちらのサイトからDLしてください。 インストールし有効化したら設定から 好きなソーシャルブックマークを選択して保存します。 これ
ブログ記事のTweet数やブクマ、いいね！の数を管理画面に一覧表示するWordPressプラグイン・Social Metricsを日本向けにした
今まで書いた記事のTwitterでのTweet数 や、Facebookのいいね！他、Google+1 などを管理画面で一覧表示してくれる WordPressプラグイン・Social Metricsの ご紹介。もしかしたら需要あるかなと思った ので日本向けにしました。 日本向けといっても、ソーシャルサイトを入れ替えて日本語に変えただけで、ソースは殆どいじってません。オープンソースはこういうのが気軽にできていいですね。とはいえ、GPLはいろいろ制約はありますけども・・・ これが元々のプラグインです。このように管理画面で記事ごとについたTweet数やLike数を一覧表示出来ます。LinkedInがなんだかおかしい気が・・まぁいいｋ 多少重いのは仕方無いとして、これはなかなかいいなと思いましたので日本向けに、少しだけ変えました。 Social Metrics for Japanese Stumbl
ソーシャルな活動を１個にまとめて配信できるjQueryプラグイン「LifeStream」:phpspot開発日誌
christianv/jquery-lifestream - GitHub ソーシャルな活動を１個にまとめて配信できるjQueryプラグイン「LifeStream」。 ソーシャルサイトは各種あるわけですが、最近のアクティビティを１個にまとめてぺたっと貼りつけたい場合に使えそう。 Delicious, Flickr, Github, Google Reader, Last.fm, Stackoverflow, Twitter ,Youtube に対応しているそうです。今のところFacebookは未対応。 使い方は .lifestreamメソッドのオプションとして、list プロパティにサービスとユーザIDをつなげて配列で渡してあげるみたいです。 ひと目で最近の活動がわかるのは便利ですね。 関連エントリ Twitter・mixi・facebook・はてブ等のソーシャルボタンを瞬時に埋め込めるW
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
レスポンシブの確認が快適に！ブラウザやOSを問わず各デバイスをシミュレートしてWebページを表示できるオンラインサービス
CSSからブレークポイントを探して、その設定に応じた幅での表示状態をまとめて確認出来るブックマークレット・「BreakpointTester」
