開発環境でも使えるメタ情報チェックツール「Simple Meta Checker」を作りました ｜ Tips Note by TAM
サイトのメタ情報のチェックに悩んでいる制作者やディレクターの皆さん、こんにちは。 HTMLのタイトルやメタ情報、h1など、とても大事なんですが確認するのめんどくさいですよね？ 僕はめんどくさいです。ページ数が多かったら、それはもう大変です。 こういった情報を確認するためのツールは、探せば色々と公開されているのですが、 開発環境（IP制限やベーシック認証がかかっている領域）で使えない 今見ているページしかチェックできない 1度にチェックできる数に制限がある などの条件があるものが多く、僕としては「サイト公開前に一括で確認したい！」といったような状況が多いのですが、合うものが見つかりませんでした。 そういうわけで、自分でツールを作ってみたので、会社のブログを利用して紹介させてくださいｗ デモサイトをGitHub Pagesで作ってますので試してみてください。 https://kandai.gi
Web アクセシビリティ向け Node.js 製の自動チェックツールや DevTools 用の拡張機能など
アクセシビリティを担保するプロセス作り この記事は Web Accessibility Advent Calendar 2016 - Adventar の 12 日目の記事です。 UI 実装の再考と a11y - Frontrend Vol.8 LT でも述べましたが、Accessibility is a Process, Not a Project ということでアクセシビリティ対応するプロジェクトではなく、アクセシビリティを担保するプロセスを作りましょうということで、チェックツールをいくつか並べて俯瞰してみます。対象読者は自分と同じようなクライアントサイドの Web アプリケーション屋さんということにしておきます。 ちなみにアクセシビリティ評価ツールについては 3 日目のアクセシビリティ方針、報告書、試験支援ツールa11ycのご紹介 (Web Accessibility Advent C
Kaspersky: Secure Password Check
Check your password Your password is not safe if it can be brute-forced or found in a database of leaked passwords. We do not collect or store your passwords. Learn more What is password brute-forcing? Trying out all possible combinations of characters until the “correct answer” is found. This process can take a very long time, so dictionaries and lists of common passwords like "qwerty" or "123456
npm-check-updates で package.json を更新する | BUN:Log
ひそかに悩んでいた、パッケージのバージョン管理。 --save-dev オプションをつけてインストール後に微調整はしていたものの、最新版にアップデートできないことがままありました。 package.json の書き方が悪いのかも？と改めて調べていたところ、気になる話題を発見。 How do I update each dependency in package.json to the latest version? - Stack Overflow： http://stackoverflow.com/questions/16073603/how-do-i-update-each-dependency-in-package-json-to-the-latest-version 早速、npm-check-updates を導入することにしました。 やったことはじめに、npm-check-upd
Webサイトの品質をアップさせる便利ツール＆機能のまとめ | ベイジの社長ブログ
成熟市場においては、品質の高さでは優位性を築けなくなると言われます。しかし、だから品質にこだわらなくても大丈夫、と考えるのは早計です。裏を返せば、品質の高さが当たり前になっているため、少し品質が低いだけでブランドを大きく傷付けやすい環境になっているとも言えます。 そういった考えもあって、今年行っている当社のブランド再構築活動の中では、高い品質を担保するためのレギュレーションの整備に力を入れてきました。あわせて、当社として利用する品質を維持するためのツールや機能も改めて洗い出してみました。今日はこの内容を公開させていただきます。 JavaScriptエラーを無くす JavaScriptのエラーは、大きな問題が起こっていないように見えても、大事な機能が動かなくなったり、スペックの低いマシンで極端に挙動が遅くなったりすることがあります。各ブラウザのデフォルト機能で簡単にチェックできますので、エラ
校正記号これだけ知ってると大丈夫---あいわプリント
印刷に校正はつきものです。校正は原稿と校正刷りを対照し，誤りを修正指示したり，組版を修正指示したりする作業です。原稿の誤りを訂正する機会でもあります。（推敲する機会ではありません。） 出版社を介さない町の印刷物は著者や発注者が校正してその内容に責任を負うことになります。また，印刷所に出すものでなくても文章の推敲や点検をする機会は多いものです。画面の上でただちに直せることもありますが，紙に一旦プリントして加筆するほうが考えがまとまりやすいこともあります。 校正記号はこれを簡便に正確に記述する便利な記号です。印刷物校正には是非使用してください。 校正記号もJISZ 8208で2007年に改正がありました。より明確に幅の広い指示の仕方が認められています。記入しやすくかつ間違いを誘発しない書き方を考えて見ます。 記入は赤ボールペンで。 鉛筆や黒のボールペンは不適当です。 赤ダマートやクレヨンのよう
Webデザイナーのための校正記号クイズ │ モノづくりブログ 株式会社8bitのスタッフブログです
株式会社8bitのスタッフブログです。おはようございます。デザイナーの森島です。 突然ですが、皆様こんな経験ありませんでしょうか。 「Webページを提出し修正が帰ってきた際に、修正指示書に見たことのない記号が…」 これね、見慣れていないとどういう意味なのか分からなくて困るんですよね。なんとなーく分かるものもあるにはあるんですが… いわゆる紙の業界では普段修正をする時”校正記号”という業界独特の指示記号が使われています。 Webの修正もその校正記号で飛んできちゃうことがあります。 先日知人に校正記号を教えておりまして、「これってクイズ形式にしたら面白いかな」と。 ひらめきました。 仕事の合間の息抜きにどうぞ。 基本問題 さて、如何でしたでしょうか。ご存知の方には簡単だったかと思います。 今後いつ紙の業界の方と一緒にお仕事するか分からないので、存在くらいは知っておいて損はな
校正段階でミスを減らす9つのポイント | たけろぐ
フリーランスのwebデザイナー・webディレクター、たけ（@take_it02）のブログ。フリーランス生活や、web制作について。 前々から校正についてのエントリを書きたいと思ってたのですが、 ミス魔だった私がノンミスに変わった方法 » R-line DESIGNに便乗してみました。 ぶっちゃけ僕もケアレスミスが多く、自分でもわりとゲンナリしています(ヽ´ω`) 特にフリーランスの方だと他にチェックしてくれる人がおらず、 余計ミスが怖いのではないでしょうか。 どうすればミスを減らせるかというのを、 「意識の問題」と「技術面の問題」で分けてみました。 意識の問題 1.「間違えていること」を前提に考える。 悪いのは間違えることではありません。悪いのは間違いを見逃して直せないことです。 「あってるだろう」「大丈夫だろう」 ではなく、 「間違えてる」ことを前提に、チェックしていきましょう。 2.「
これは役立つ！Web制作に使えるチェックリストいろいろ
デザインの評価項目とデザインエレメント一覧表 -... / 【スマートフォン向け開発】ユーザビリティチェック... / Facebookページのタイムライン化で検討すべ...他...全10件
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
touchイベント、transform3d対応かどうかのチェック
gred｜安全なサイトはgreen、危険なサイトはredでお知らせ。無料のWeb安全チェックサービスといえばグレッド！