![【2018年版】フロントエンドエンジニアがよく使うWebサービス・アプリまとめ - たこさんちゃんねる(別枠)](https://cdn-ak-scissors.b.st-hatena.com/image/square/b2267b29de3fd2fb27086fe9fd6682544a7bc396/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Ft%2Ftako3ch%2F20181106%2F20181106184339.jpg)
What does Styleneat do exactly? It organizes and standardizes your CSS - selectors, sub-selectors and properties - in a structure that makes it easier to define page areas and see how they relate to each other. So, for example, it turns this: #id1 { property: value; } #id1 .class1 { property: value; } #id1 .class1 a { property: value; property2: value2; property3: value3; } #id1 .class1 a span { p
オンラインでHTML,CSS,JavaScriptのソースを読みやすく整形してくれるWEBツール 2013.03.05 他人から受け取ったサイトデータが、 HTMLの記述でインデントされていなくて読みづらい・・・ CSSファイルのプロパティ順もバラバラで気になる・・・ JavaScriptは圧縮されていて読みづらい・・・ そんなご経験ございませんでしょうか。 オンライン上でHTML,CSS,JavaScriptのソースをコピペするだけで、サクっと読みやすく整形してくれるWEBツールをご紹介します。 1.JavaScript 圧縮されているJavaScriptを整形する[ Online JavaScript beautifier ]。 サイト内の入力フィールドに整形させたいソースをコピー&ペーストし、“Beautify JavaScript or HTML”ボタンを押すだけです。 [ LEF
mizzz.jp 2018 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy
PNGファイルをブラウザにドラッグ&ドロップするだけで画像を最大70%まで圧縮することが可能なのが「TinyPNG」です。画像の質をほとんど落とさずにファイルサイズを少なくすることができ、閲覧者にとっては読込速度が高速化され、そしてサーバ側にとっては転送量が減ることで負荷の少ない結果を生むことができます。 TinyPNG – Compress PNG images while preserving transparency http://tinypng.org/ このサービスの特徴は、「非可逆処理」をPNGファイルに対しておこなうことで通常よりも高い圧縮率を達成していることと、透過PNG(アルファチャンネル)に対応していることです。今回は、下記の2つのファイルの処理をおこない、どの程度の圧縮が可能か見てみたいと思います。 Firefox24ロゴ:549KB フォルダーのアイコン:52KB
オープンソースの集まりで1度しか実際にお会いしていませんが、お願いがあります。 富士通アクセシビリティ・アシスタンスというサービスが、2013年8月20日で提供終了します。つまり、あと20日。このソフトは視覚障がい者や色覚障がい者の方がどのように色を見ているかを確認できるツールです。Webサイト制作をしている人なら、今は必要なくても、いつか必要になるソフトです。 8月20日までにダウンロードすれば、8月21日以降もローカル環境で普通に使えるので、なんとかメディアで紹介して頂き、提供終了するまでに、少しでも多くの人に知ってもらいたいと考えています。 紙媒体だと、とても間に合わないのですが、ネット媒体なら、なんとかなるかも!と思い、お願いしたいと思いました。 視覚障がい者や色覚障がい者という障がいに興味がないかもしれませんが、外見では判断できない障がいなので、気付いていないだけなのです。 よか
Enterprise チームで使用している様々なWebアプリのパスワード&ログイン情報を、一元管理できるツール「Meldium」 数々のWebサービスやアプリケーションが登場し、私たちはとても便利にそれらのツールを使っているが、次々と現れる新アプリケーションごとに、IDやパスワードを管理するのは骨が折れるものだ。そこで活躍してくれそうなのが、特に中小企業や少人数のグループで有効に利用できる「Meldium」だ。 「Meldium」は、グループで使用しているアプリケーションについて、それぞれのログイン情報の管理を一元化してくれるツール。使い方はいたってシンプルで、ログイン情報の管理者は「Meldium」で各チームごとにアカウントを作成し、チームのメンバーは、ChromeやFirefoxといったブラウザの拡張機能をダウンロードするだけ。たったこれだけの手順で、それぞれのユーザーがアプリケーショ
※この記事はBloggerで公開しておりましたが、当ブログと統合しました。 自分がよく使うツールとサイトを一覧でまとめました。このページは自分のメモ用でもあるので、随時追加と修正をしていきたいと思います。 【文字列】 1.マルコフ連鎖ジェネレーター http://itog.sakura.ne.jp/markov/index.cgi ランダム文言作成に便利かも。ペナルティに注意。 2.URLエンコード・デコードフォーム http://www.tagindex.com/tool/url.html アクセス解析で、たまにわからない文字列の解析に使います。 3.文字列 → 数値実体参照変換 http://yasu.asuka.net/orkut/conv.html とある海外サイトでリンクを買う人は必要かもしれません。 4.文字変換ツール http://www.itm-asp.com/conver
Meakiは気になるWebページをクリップして共有するソーシャルブックマークサイトの一種。 特徴はWebページ全体のスクリーンショットを撮って画像として共有するという、“WebページをソースとしたPinterest”といったようなサイトです。 アカウントを作ってログインしたら、専用のブックマークレットを使って気になったページや残しておきたいページなどをどんどん取り込んでいきましょう。 保存先となるセットを適宜選択してやタイトル・概要を確認したら『Save』をクリックで自分のアカウントに保存されます。 保存されたクリップはセット毎に並べられていき、それぞれクリックするとクリップしたスクリーンショットが表示されます。 個人用ブックマークとして利用するだけでなく、他の人のクリップでよさそうなものを見つけたら、『Clip it』をクリックして自分のセットに加えたり、好きなユーザーをフォローしたりと
Device-Agnostic Approach To Responsive Web Designという記事で、レスポンシブデザインのテストツールが4つ紹介されています。 Responsive Design Testing URLを入れると4つの画面でプレビューできるツール Responsive.is URLを入力すると、デバイスごとのアイコンクリックで表示を切り替えられる Responsinator URLを入力すると、デバイスごとの見え方をざっと見渡すことができるツール BriCSS ブックマークレットとして追加して、ワンクリックでデバイスごとの表示を確認 via. Device-Agnostic Approach To Responsive Web Design
lエクスプローラーライクなユーザーインターフェース lUNICODE文字(中国語/韓国語/ドイツ語/フランス語など)対応 (New!!) lワイルドカード( *, ? )、または正規表現(Perl5互換)を利用してファイル名の置換が可能(全角文字対応) l多段フィルタ機能、リアルタイムプレビュー、UNDO lサブフォルダ以下も処理可能 l大量のファイルでもストレスなく扱えるように設計 l別フォルダにコピー(移動)&リネーム可能 lフォルダを生成してファイルを振り分けることが可能 l分類されたグループ(フォルダ、日付、タグ情報)ごとに連番を割り振り可能 lプリセット機能で検索・置換設定の保存が可能 lファイル/フォルダのリネーム(コピー・移動・ショートカット作成・ハードリンク作成) Ø文字列や連番の追加(タイムスタンプ、フォルダ名) Ø数字や文字列の削除(へのショートカット、コピー (数字)
DebugBar Home > Wiki > IETester :: Browser Compatibility Check for Internet Explorer Versions from 5.5 to 11 :: ANNOUNCE: If you are an Adwords user, The IETester team is proud to announce its new tool: SunnyReports, a simple and efficient Adwords reporting tools IETester is a free (both for personal and professional usage) WebBrowser that allows you to have the rendering and javascript engines of
Firebug は、Web ページを閲覧中にクリック一つで使える豊富な開発ツールを Firefox に統合します。あなたはあらゆる Web ページの CSS、HTML、及び JavaScript をリアルタイムに編集、デバッグ、またはモニタすることが出来ます。 Firefox 専用 — 今すぐ Firefox をダウンロード
フォームメールやアクセスカウンタ等の自作のPHPスクリプトやJavaScript、カスケードスタイルシート(CSS)を中心に、Webサイト作りに(ほんのちょっと?)役立つかも知れないと思うものを取り上げていこうと思ってます。 徐々にアイテムを増やしていこうとは思っているのですが、なにぶん時間的にゆとりがあまり取れないので、なかなか思うように組んでいけない状態です… サーバ環境 このサイトはさくらのVPSを利用してます。(Apache/2.4 PHP/7.4.33) ローカル環境はApache/2.4 PHP/7.1です。 ※レイアウトや動作確認等はWindows版の Google Chrome、Internet Explorer 11、Mozilla FireFox 以外ではチェックしていません。 Mac版のブラウザでは正常に表示できない場合があります。 ※各PHPスクリプトは、基本的にE
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く