*WEBツール

Adobe Edge Reflow CCとEdge Inspect CCでレスポンスが数分で。。。

Adobe Edge Reflow CCとEdge Inspect CCでレスポンスが数分で。。。

2015.9.25 Adobe Edge Inspect CC Adobe Edge Reflow WEBツール

Edge ReflowはPhotoshopでデザインをしてブラウザでのカンプが必要なときに役に立ちそうなソフトです。 Edge Inspect CCはライブビューができるソフトですがEdge Inspect CCについては長くなったのでこちらの記事にかきました。「Adobe Edge Inspect CCのスマホでライブプレビュー」 ただ、プロが使えるか!?となるとさすがにこれでは納品でき...


ワードプレスで重たい画像データのJPEGやPNGを簡単に圧縮する方法です。

2014.7.20 WEBツール

テンプレートを作成中、スピードテストでグーグルさんから「もっと軽くして!!」と注意されて結局この方法が外部サイトを利用することもなくできました。 圧縮するウェブサービスを利用する方法 あくまでもFireworksを使っての事なので、ないときにはPNGを圧縮してくれるサイト「TinyPNG」が便利です。 Mac用ソフトImageOptimを利用する方法 ImageOptim https://...


codeを色づけで見やすくする「Rainbow」

codeを色づけで見やすくする「Rainbow」

2014.7.8 WEBツール

Rainbow  http://craig.is/making/rainbows JSとCSSだけ設置のシンプルなコードビュー ほとんど「Crayon Syntax Highlighter」が有名だと思いますが、私はこれが気にいっています。 上記のサイトからコピーして貼付けるだけで下記のように色分けしたコードが表示されます。 JSをダウンロードしたら、以下のgithubか...


Download Manager

2014.7.8 WEBツール

Download Manager  http://www.wpdownloadmanager.com/ ダウンロードカウンターのテスト [wpdm_file id=1]...


CSSのwebkit-filter:の効果を確認できるサイト

2014.7.4 WEBツール

参考サイト http://www.propra.nl/ ...