StyleStats - スタイルシートの状態をチェック
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました プログラミングの場においてはカバレッジであったり、メソッド単位の行数であったり、日ごとにおけるコード量の増加など可視化が進んでいます。見える化によって様々な情報が得られるようになり、改善ができるようになります。 スタイルシートにおいてもそれは同様です。可視化によって様々な情報が得られます。それを実現するのがStyleStatsです。 StyleStatsの使い方 手元のスタイルシートで試してみた結果。サイズや使われているセレクタなどが分かります。 URL指定でも使えます。こちらはBootstrapを試したところ。 どの状態がベストであるかはデザイナーによって異なると思いますが、これを日々記録しておくことができればスタイルシートの状態がどう変化しているのかが分かるようになるでしょう。
Javascript LAN scanner – JavaScript製のネットワークスキャナ
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 社内や家庭でDHCPを使ってネットワークを構築していると、マシンにアクセスする時にIPアドレスが分からなくて不便になることがあります。プリンタのIPアドレスやアクセスポイントのIPアドレスが分からなくて不便な思いをした人もいるのではないでしょうか。 そこで使ってみたいのがJavascript LAN scannerです。JavaScriptで作られたLANのIPアドレススキャナになります。 Javascript LAN scannerの使い方 Javascript LAN scannerのメイン画面です。基本的にはLAN scanリンクをクリックするだけです。 こんな感じで調査結果が表示されています。 JavaScriptで調べているのでWeb以外のポートは調べづらそうです。とはい
JSONデータを検証してくれるサービス「JSONLint」
JSONデータを検証してくれるサービス「JSONLint」の紹介です。 JSONLint １．はじめに JSONのデータを生成したあとで正常に動作しないと、どこが間違っているのかチェックするのが面倒です。 このJSONLintを利用すれば生成または受信したJSONデータを検証してくれます。 ２．使い方 使い方は簡単で、JSONLintのページにアクセスし、テキストエリアにJSONをペーストして「Validate」をクリック。 検証OKであれば一番下に「Valid JSON」と表示されます。 NGがあれば、テキストエリアの該当行を反転させ、一番下にエラーメッセージを表示してくれます。 エラーの原因は一番後ろのカンマを抜いてみたのですが、正しいエラーメッセージが表示されています。
Googleサービスになりすますフィッシング詐欺サイトからパスワード盗難を予防できる公式Chrome拡張機能「パスワード アラート」
「パスワードの使い回し」をしていると、万一、そのパスワードが漏れた場合にパスワードが共通するサービスのアカウントを芋づる式に乗っ取られるリスクがつきものです。中でも、GoogleアカウントはGmailやAndroid端末などのあらゆるGoogleサービスで利用されるため、パスワード漏洩時の被害が大きいため、せめてGoogleアカウントだけでも使い回しは避けたいところ。そんなGoogleアカウントのパスワードを他サービスでも使い回している場合に、自動的に警告(アラート)を出してパスワードの変更を促してくれるGoogle公式のGoogle Chrome拡張機能が「パスワード アラート」です。 Google Online Security Blog: Protect your Google Account with Password Alert http://googleonlinesecuri
Japont – 日本語Web Fontをダイナミックに生成
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Web Fontが流行っていますが、日本語はなかなか広まりません。なぜかと言えば、欧文フォントに比べて日本語フォントは文字数が多く、サイズが肥大化する傾向にあるからです。いくら綺麗でもダウンロードに時間のかかるフォントは使えないでしょう。 そのため、日本のWeb Font配布サービスではページ上で使われているフォントだけを抽出してダイナミックにWeb Fontを生成する仕組みを提供しています。それと同等の仕組みを提供するのがJapontです。 Japontの使い方 Japontのデモページです。見ての通り、特徴的なフォントで表示されています。 文字を書きました。テストという文字はWeb Fontが適用されていません。 再読込しました（一部文字を消してしまいました）。テストという文字
文章をコピペするだけで誤植・変換ミス・誤字脱字などをチェックしてくれるウェブサービス「Enno」
by Lucas ブログやSNSに載せる文章を書いていると、どんなに気をつけても掲載した後に誤字や脱字を見つけてしまうことがあります。そんな時に便利なのが「Enno」で、ウェブサイトのテキストボックスに文章をコピー＆ペーストしてボタンを押すだけで、誤字脱字から文章の誤用までをチェックして、何がどう間違っているのかを教えてくれるサービスになっています。 Enno - 日本語のタイポ/変換ミス/誤字脱字エラーをチェック http://enno.jp/ トップページの右側にテキストボックスがあり、その下に「例文入力」というボタンがあるので、まずは「例文入力」をクリックしてみます。 するとエラー例文が現れるので、「タイポ/変換ミス/誤字脱字エラーをチェックする」をクリック。 「許可や同意を得ていない、社内/組織内の非公開文書およびメール」「許可や同意を得ていない、顧客や取引先の文書およびメール」「
JSON Online Validator and Formatter - JSON Lint
To format and validate your JSON, just copy + paste it below: About the JSONLint EditorJSONLint is a validator and reformatter for JSON, a lightweight data-interchange format. Copy and paste, directly type, or input a URL in the editor above and let JSONLint tidy and validate your messy JSON code. What Is JSON?JSON (pronounced as Jason), stands for "JavaScript Object Notation," is a human-readable
Emmet Re:view
A browser extension for displaying responsive web-pages in a side-by-side views to quickly test how it looks at different resolutions and devices. Breakpoints View Displays resizeable view for each CSS media query breakpoint of your page. Contents of large viewports are dowscaled to fit your screen size. All views are fully synchronized: scrolls, form field fills and clicks, even mouse interaction
Coveloping
box-shadowでふわりとした影をつくるCSSのジェネレーター、レスポンシブのチェック、アスペクト比の計算機、CSS/JSの軽量化など、たくさんの便利な時短ツールがありますが、それらの便利なツールを一つの場所にまとめたCovelopingを紹介します。 FacebookのOPGチェックやGoogle Mapsの地図生成ツールもあり、新しいプロジェクトを始める時にも役立つものが揃っています。 Coveloping 便利ツールは現在23種類、アスペクト比の計算や一つのカラーに黒と白を加えたバリエーションを生成したり、box-shadowでふわりとした影をつけたり、jQueryのアニメーションのエフェクトなどがあります。 これからもどんどん増えていくそうです。 その中から、いくつか紹介します。
日本語の文章のタイポ/変換ミス/誤字脱字エラーをチェック/校正
Enno.jpは日本語のあからさまなエラー（タイポ、スペースのエラー、誤字脱字、変換ミス、入力後の編集ミス、文字化け）を自動チェックするWebサービスです。 フォーマルな文書を中心に、あらゆる日本語文書のあからさまなエラーをチェックできます。 誤検出および無関係なエラーを極力排除しており、他のチェック・校正ツールと組み合わせるのに向いています。AIで生成・処理した文章のチェックにも有用です。 特定の業種やスタイルに依存しません。全角句読点「，」「．」やソースコードを含む理工系文書もチェックできます。 ユーザー登録は不要です。 エラーのパターンを蓄積してチェックしているので動作が安定しています（AIは使っていません）。パターンは常時追加されます。 プライバシー保護のため、チェックされる文書はデータベースやログや外部サイトなどに一切保存していません。サイト運営者も読めません。 LIG様のブログ
英文を文脈に合わせて修正する「Ginger」とネイティブ英語に変換する「Rephrase」
By Jesse Moore 入力した英文が正しいかどうかチェックしてくれる「Ginger」が正式公開されています。このGingerには入力した文章を修正し、ネイティブスピーカーが使用している実用的な英語のフレーズを表示する「Rephrase」という機能も搭載されていて、ブラウザ版・ソフトウェア版とも無料で使えるので、実際に両方使ってみました。 Ginger 英文チェッカー http://www.getginger.jp/ まずはブラウザ版Gingerから試してみます。上記のページ下部にテキストを入力するボックスがあるので、ここに英文を入力すればOK。 まずは冠詞が抜けている文章「This is pen.」を入力してみます。テキストを入力したら「Ginger it！」をクリック。 下のスペースには修正後の「This is a pen」が表示されました。 前置詞を間違えている「I am in
テキストと背景のカラーがアクセシブルかチェックし、適した組み合わせに調整できる便利ツール -Contrast Ratio
テキストと背景のカラーの組み合わせで、視覚的にどのくらい読めるか数値化するオンラインツールを紹介します。 いまいち読みにくい時には、ツールで最適な組み合わせに調整することもできます。 Contrast Ratio Contrast Ratioの使い方は、簡単です。 入力欄の左に背景、右にテキストのカラーを入力するだけで、すぐに反映されます。 カラーは、hsla, rgb, 16進数などに対応しています。 当サイトの背景とテキストのカラーを入力してみます。
PCの環境設定・自動起動設定などが確認できる高機能なタスクマネージャー「MiTeC Task Manager DeLuxe」
プロセス、サービス、ユーザー接続状態、自動起動設定、PCの環境設定、CPU・メモリのチェックができる無料のタスクマネージャーが「MiTeC Task Manager DeLuxe」です。Windows 2000、XP、2003、Vista、7、8、Server 2008上で起動可能となっています。 機能については以下から。 MiTeC Homepage http://www.mitec.cz/tmx.html 今回は64bitのOSでソフトを使用するので、「Download64」をクリック。 ダウンロードしたZIPファイルをExplzhなどで解凍して、「TMX64.exe」を実行。 操作画面が表示されます。この「Processes」タブではプロセスが表示されています。 「Windows」タブで起動しているソフトのハンドルとクラス名。 「Services」タブでサービス状態の表示。 「Ses
不具合の原因などを比較調査できるPCの情報レポートを出力するフリーソフト「LookInMyPC」
PCに不具合が出たときに、以前と設定がどう変わっているかを比較する場合や、現状のPC設定を保存する場合などに、利用可能なレポートを出力するフリーソフトが「LookInMyPC」です。Windows 2000、2003、XP、Vista、2008、7上で起動可能となっています。 ダウンロード、インストール、レポートの作成と比較については以下から。 LookInMyPC https://lookinmypc.softonic.jp/ ポータブル版も用意されていますが、ここでは通常版をインストールするので「Click Here to Download Installable Version」をクリック。 ダウンロードしたインストーラーを実行。 通常版をインストールするので、「No-Questions-Asked Installation」をクリック。 「Yes, I do」をクリック 「Than
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Regulex：JavaScript Regular Expression Visualizer
Device art generator | Google Play | Android Developers
利用されているWebフォント名と、そのフォントの表示テストを行えるブックマークレット・「Type Sample」
CSS3 Keyframes Animation Generator
マークアップのいまいちな箇所を指摘してくれるブックマークレット -DiagnostiCSS
Placeit - Generate Product Screenshots in Realistic Environments 画像をiphone画面に合成してキービジュアル作成
