コントラストを維持できる色の一覧を確認できます。 hex(#000000)か、rgb()、hsl()で入力してください。
アクセシビリティカラーヘルパー
コントラストを維持できる色の一覧を確認できます。 hex(#000000)か、rgb()、hsl()で入力してください。
OGP画像シミュレータ | og:image Simulator
OGP画像シミュレータとは？ FacebookのOGP画像は正方形で表示されたり横長で表示されたりするため、デザインがとても大変。 そんな時に便利なのがこのOGP画像シミュレータ。 デザインしたOGP画像をドラッグ&ドロップし、タイムライン上でどう見えるかシミュレートしてみましょう。 https://ogimage.tsmallfield.com/ 1200 x 630 px 以上推奨 https://developers.facebook.com/docs/opengraph/creating-object-types/#properties 最低でも 600 x 315 px、また大きければ大きいほど良いため 1200 x 630 px 以上の画像サイズが推奨されています。画像がクリッピングされるのを防ぐため、縦横比をなるべく1.91:1に近づけるようにしましょう。 （2014年01月
通信の最適化を確認するやつ
tweet 通信の最適化で画像の情報が圧縮されていないか調べられるように、適当に作ってみた。 このサイトで得られる情報が正しいとは限りません。ご注意下さい。 created by @mumei_himazin
長いデザインを印刷する｜Print1
縦に長い画像を1枚で印刷する際に自動分割してレイアウトするツールです。※2015.11.10 分割表示されないエラーに対処しました 使い方 画面の赤い点線で囲われたエリア部分に画像ファイルをドラッグ＆ドロップすると、画像の長さを計算して自動的に折り返すように複製して配置されます。 スライダーまたは数値を入力して画像の幅を調整、また画像の位置を個別にドラッグで動かして調整してください。 画面左下の印刷ボタン、またはブラウザのメニューから印刷を行ってください。 画面左下の×ボタンはページをリロードして表示をクリアします。その際、画像幅の設定値は保存されます。 対象ブラウザ Google Chrome 最新版 対応画像形式 jpg,gif,png,svg 紹介記事 WebNAUT
HTMLメールワークフローに役立つGruntプラグイン | チャットワーククリエーターズブログ
こんにちは、先日Web開発チームに加わりました西口です。 HTMLメールの制作って煩わしくないですか？ おそらくそう感じているWebデザイナーの方は多いのではないかと思っています。 HTMLメールの制作って大変特に下記のような点が挙げられると思います。 テーブルレイアウト（コーディング面倒…）インラインCSS（コーディング面倒…）メールクライントごとで差のあるCSS対応（表示チェックどうすんの…）各種メールクライアントでの表示テスト（古い環境もまだまだ現役…）などなど… 弊社でもHTMLメールはそこまで頻繁に作成することがなかったので、これまでワークフローを見直すことがなく、ヘイトの増加を感じつつもHTMLを直接コーディングして作成していました。 ただ、やはりこういうフローでは時間がかかってしまったり表示確認が面倒だったので、どうにか効率良くならないかと調べていたら、HTMLメール作成用の
JADE LANGUAGE Node Template Engine
!!! 5 html(lang="en") head title= pageTitle(car insurance montana) :javascript | if (foo) { | bar() | } body h1 Jade - node template engine #container - if (youAreUsingJade) You are amazing - else Get on it! Get on it! Get on it! Get on it! <!DOCTYPE html> <html lang="en"> <head> <title>Jade</title> <script type="text/javascript"> //<![CDATA[ if (foo) { bar() } //]]> </script> </head> <body> <h1>J
ブラウザでビジュアルテストをするreftest-runnerを作った
概要 reftest-runnerというブラウザで描画内容やレイアウトといった表示結果をテストするためのライブラリを作りました。 要素技術としてはブラウザ、WebDriver API、レンダリングキャプチャ、画像Diffという感じです。 azu/reftest-runner 時間が無い人向け 以下のスライドに簡単にreftest-runnerやreftestとはなにか、どういうユースケースがあるのかが書いてあります。 reftest-runner-overview.pdf reftestとは reftest(Referrence Test)とは、2つのHTMLの表示結果(スクリーンショット)を比較することで表示結果が意図したものかをテストする方法です。 用意するHTMLとして以下の2種類を1セットとして用意して利用します。 テスト用HTML テストしたい機能を使って実装したHTML リファ
Microsoft - Official Home Page
Situs Slot Gacor Terpercaya di Indonesia - Panduan Lengkap 1. Pendahuluan tentang Situs Slot Gacor Dalam dunia perjudian online, "situs slot gacor" telah menjadi fenomena yang tidak bisa diabaikan. Istilah "gacor" sendiri berasal dari bahasa gaul Indonesia yang berarti "lagi beruntung" atau "lagi hoki". Dalam konteks ini, situs slot gacor merujuk pada situs permainan slot online yang sering member
Flexbox Tester · MadebyMike
The flex container is: 0px The initial size of all the flex items is: (0px + 0px + 0px) = 0px So the space remaining is: 0px - 0px = 0px That's a positive number, so we will be using flex-grow to work out how to distribute the remaining space between the flex items. 2. Find the size of 1 flex-grow value:
RegViz: Visual Debugging of Regular Expressions
^ / $ line beginning / ending \b word border position \B in-word position (?=x) lookahead if x comes next . any character \d / \D digit / any other \s / \S whitespace / any other \w / \W alpha-numeric / any other [ab] any character a or b [^ab] any character but a and b About the Project RegViz is a tool for debugging JavaScript regular expressions in a visual way. The goal of the project is to cr
CSS Ruler • Explore CSS lengths.
Update the following values or resize the browser to see how the lengths change:
約数・倍数の計算｜計算サイト
・素因数分解 入力された値を素因数分解します。 ・最大公約数(2つの数) 2つの数の最大公約数を計算します。 ・最大公約数(3つの数) 3つの数の最大公約数を計算します。 ・約数 入力された値の約数を計算します。 ・公約数(2つの数) 2つの数の公約数を計算します。 ・公約数(3つの数) 3つの数の公約数を計算します。 ・最小公倍数(2つの数) 2つの数の最小公倍数を計算します。 ・最小公倍数(3つの数) 3つの数の最小公倍数を計算します。 ・公倍数(2つの数) 2つの数の公倍数を計算します。 ・公倍数(3つの数) 3つの数の公倍数を計算します。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Material Design
tota11y – an accessibility visualization toolkit by Khan Academy
mydevice.io : web devices capabilities
Validators and tools
Debuggex: Online visual regex tester. JavaScript, Python, and PCRE.