SVGOMG - SVGO's Missing GUI
Global settings Show original Compare gzipped Prettify markup Multipass Number precision Transform precision Features Remove doctype Remove XML instructions Remove comments Remove <metadata> Remove xmlns Remove editor data Clean up attribute whitespace Merge styles Inline styles Minify styles Style to attributes Clean up IDs Remove raster images Remove unused defs Round/rewrite numbers Round/rewri
防犯標語自動作成 〜更新ボタンを押すだけで防犯標語をどんどん作成〜
防犯標語自動作成の使い方 （１）画面が表示されると「５，７，５」の防犯標語のキーワードが自動で表示されます。 （2）変更したいキーワードを変更します。 （3）残したいキーワードの前のチェックボックスにチェックをいれます。 （4）「更新する」ボタンを押下するとチェックがはいっていないキーワードが入れ替わります。 （5）最適な防犯標語になるまで「更新する」ボタンを押してください。 リンク 安全標語自動作成 安全衛生標語自動作成 交通安全標語自動作成 ５Ｓ標語自動作成 品質標語自動作成 人権標語自動作成 環境標語自動作成 健康標語自動作成 防火標語自動作成 選挙標語自動作成 挨拶標語自動作成 税の標語自動作成 コンプライアンス標語自動作成 省エネ標語自動作成 春闘標語自動作成 下水道標語自動作成 北方領土標語自動作成 防犯標語自動作成 新聞標語自動作成 平和標語自動作成 食育標語自動作成 禁煙標
無料でウェブデザインに便利な流体シェイプを楽々作れるネットサービス「blobmaker」レビュー
ウェブサイトを作ってみるとどうしても四角形ばかりのカクカクとしたデザインになりがち。「blobmaker」ではロゴなどに最適なピッタリの柔らかくて優しい印象を持つ、スライムのような見た目の流体シェイプをSVG形式で楽々作れるので、実際に使ってみました。 Blobmaker https://www.blobmaker.app/ Blobmakerにアクセスするとこんな感じ。中央に表示されているスライムのようなものが「Blob」という流体シェイプ。左下の「COLOR」アイコンをクリックすると…… こんな感じでカラーパレットが表示されます。パレットにない色を選びたい場合は、空欄に16進数のカラーコードを入力すると任意の色を選択可能。Blobは選択した色になります。 「COMPLEXITY」のスライダーを動かすと、Blobの円周上のうねりの数が変化します。 「COMPLEXITY」を右に動かせば、
JSONきれい ～JSON整形ツール～ - instant tools
JSONのコードを綺麗に自動整形・フォーマットします。 JSON形式になっていないJavaScriptオブジェクトの整形も可能です。 ※整形処理はJavaScriptのみで行っています。サーバーに送信せず、ローカルで完結しますので安全です。 コメント JavaScriptでは、JSONオブジェクトとJavaScriptオブジェクトの両方が使えます。 JSONオブジェクトには(JavaScriptオブジェクトのルールに加え)以下のルールがあります。 String型はダブルクォーテーションでくくる(シングルクォーテーションは許可しない) キーはString型のみ 値はString型とNumber型のみ 末尾のカンマを許容しない キーワードハイライティングにCodeMirrorを利用しました。 関連・参考リンク JSON JSON - JavaScript | MDN 文法とデータ型 - Jav
text-shadowのジェネレーターとプロパティについて | bad-company
text-shadowのプロパティについて基本的な設定Text Shadow text-shadow: 左右の位置 上下の位置 色; text-shadow: 2px 2px #f00;まず基本的な設定としては、左から何px / 上から何px / 色を指定してください。 左右および上下に関してはマイナスの数値を指定することもできます。 ぼかしの設定Text Shadow text-shadow: 左右の位置 上下の位置 ぼかし 色; text-shadow: 2px 2px 6px #f00;ぼかし(blur)も設定することができます。 なおぼかしについてはマイナスの数値は指定することはできません。 影を複数設定Text Shadow text-shadow: 左右の位置 上下の位置 ぼかし 色, 左右の位置 上下の位置 ぼかし 色; text-shadow: 2px 2px 6px #f
Online JavaScript beautifier
End script and style with newline? Support e4x/jsx syntax Use comma-first list style? Detect packers and obfuscators? (unsafe) Preserve inline braces/code blocks? Keep array indentation? Break lines on chained methods? Space before conditional: "if(x)" / "if (x)" Unescape printable chars encoded as \xNN or \uNNNN? Use JSLint-happy formatting tweaks? Indent <head> and <body> sections? Keep indentat
HTML minifier
Case-sensitive Treat attributes in case sensitive manner (useful for custom HTML tags) Collapse boolean attributes Omit attribute values from boolean attributes Collapse inline tag whitespace Don't leave any spaces between display:inline; elements when collapsing. Must be used in conjunction with collapseWhitespace=true Collapse whitespace Collapse white space that contributes to text nodes in a d
無料で企業ロゴや大学・アニメキャラクターを検索して簡単にカラーコードを取得できる「意匠情報館カラーDB」を使ってみた
Webサイトなどをデザインするとき、企業や大学のロゴやアニメキャラクターのデザインなどで使用されている色を参考にしたいことがあると思います。「意匠情報館カラーDB」では、では、企業名や大学名、アニメキャラクターの名前で検索をかけるだけで、簡単にカラーコードを取得することができます。 意匠情報館カラーDB http://www.design-inf-db.com/ja/index.html ◆使ってみる 上記URLにアクセスし、「カラーDB」をクリックすると…… 検索画面が表示されます。 ここでは「Google」のロゴで使用されているカラーコードを取得してみます。検索フォームに「Google」と入力し、「検索」をクリック。 すると、「Google Chrome 49」と「Google ロゴ」がヒットしました。 検索ボックスの下に並んだボタンは、「☐☐」が「全チェック解除」、「☑☐」が「チェッ
無料＆登録不要で正規表現を図示してくれる「Regexper」を使ってみた
アプリ開発の場面では、入力されたテキスト内に誕生日などの特定パターンの文字列が含まれているかを確認したり、別の文字列に置き換えたりするときに、正規表現は必須です。しかし、正規表現を誤ってしまうと、アプリケーションによっては、データを破壊してしまったり、誤作動を起こすリスクがあるのも事実。このため正規表現を変更する場合、事前に試験用の環境で試すのが普通ですが、開発現場によっては、試験用の環境であっても簡単に適用できない場合や、本番用の環境しかないなど、試す場面が限られることが考えられます。このとき、机上での検証を行いますが、人の手による検証は、どれだけ実力のある人がチェックしても誤るリスクがあり、不安を拭うことはできません。「Regexper」を使えば、入力した正規表現を無料で、機械的に図示して、読みやすくしてくれるとのこと。複雑な正規表現を入力しても読みやすくなるのか、実際に使ってみました
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Repsonaで仕事管理 - チームのためのワークマネジメントツール
SVGのフィルターを、結果を見ながら学べる・「SVG Filters」
HTML 2 Jade - a converter for HTML
http://www.globtester.com/
フォントサイズpx,em,%,pt
日本語でも使える、任意の検索キーワードに関連するカラーを提案してくれる・「Picular」
[CSS]見出し、本文、リストなど、文字周りをrem指定で簡単に設計できる便利なオンラインツール![[CSS]見出し、本文、リストなど、文字周りをrem指定で簡単に設計できる便利なオンラインツール](https://cdn-ak-scissors.b.st-hatena.com/image/square/debac5ced80c80ee248dfc210d9fa594af0e6ca3/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201803%2F2018080310.png)
Sass Color Generator
px, %, em, rem, vw, vhなど、CSSの異なる単位が互いにどのように変換されているかが分かる便利ツール
Pentazemin - Introduction
シンボルや矢印、絵文字などの特殊文字をクリックでコピー出来るシンプルで使いやすいツール・「⌘+C」
