リンク切れを爆速で検出するMac専用ソフト Integrity
リンク切れ爆速で検出するMac専用ソフト「Integrity」。どのくらい速いかって、1000~2000程度のリンクを辿る程度なら1分掛からないくらいに速いです。 ほぼアタックになっちゃうのかと心配するくらい速いのが「Integrity」。このくらい優秀だとみんな記事にしているのかなと思ったら凄くマイナーで勿体ないので紹介します。 ウェブマスター必携と言えるでしょう。 ローカルファイルもチェックできます setting（設定） Blacklists and whitelists：一致、除外のURLを選択できます。 Timeout：応答が返らないと判断する時間（500または404エラーが返ります） Threads：同時進行の数です。並列処理でサーバ負荷も高くなるのでご注意を。 – 説明には The default is 12, minimum is one and maximum is 40
MAMPを使ってローカルで複数サイトのバーチャルホストを設定＆イントラ環境や仮想環境からもそのサイトを確認する設定方法
以前、『MAMPを使ってMacのローカルで複数サイトのバーチャルホストを設定する方法』というエントリーを書いたのですが、もっと具体的に書いておいて、今後に活用しようと思ったので改めて、ちょっと内容も加えて書いておきます。 ちなみに今回の内容は、先日行ったSaCSS Weekly の１週目ので行った内容と同じになっております。 今回の設定での各達成目標 バーチャルホスト：http://sacss/ でPC内の特定のディレクトリをルートとして表示する バーチャルホストを複数設定してみる イントラ環境と仮想環境からのアクセスでも特定のディレクトリをルートとして表示する htaccessをバーチャルホスト毎に使えるようにする 今回はより明確に、この４つをそれぞれ達成できるように設定方法についてを書いてきたいと思います。 バーチャルホスト：http://sacss/ でPC内の特定のディレクトリをル
ローディングGIF画像と便利な作成ツール16選
Webサービスを利用するユーザーに対して、読み込み中と分かりやすく伝えるローディングGIF画像は重要な存在です。コンテンツが読み込み中であることを伝えなければ、なんらかの不具合であると勘違い、あるいは気付かずに離脱してしまう可能性があるからです。 今回は、そのまま使えるローディングGIF画像、簡単に画像生成ができる便利ツールをまとめてご紹介します。今すぐ画像を使いたい方はもちろん、自作で画像を用意して使ってみたいと思っている方もぜひ参考にしてください。 ※素材数などの情報は2016年4月8日時点のものです。今後変更となる可能性がありますのでご了承ください。 フリーのローディングGIF画像 1.フリーデザイン素材「 ローディングのくるくるアニメーションGIFがいっぱい -｜PIXEL LAB http://www.pixelimage.jp/blog/2012/04/loading_icon
それなりに使える、Web制作者がお世話になる便利ツール
作成：2016/01/4 更新：2018/05/01 Web制作 > 毎回使うわけではないけれど、いざとなったら意外と役に立つもの。今回はディレクターからコーダーまで「それなり」に使えそうなツールをまとめました。作業労力を軽減してくれる系です。 エンジニア速報は Twitter の@commteで配信しています。 便利なツール ロゴの特許、商標の検索 キーワードを入力すると登録番号・出願・商標・出願人・登録日の他、ロゴイメージなどを見ることができるサービス、特許情報プラットフォーム。ロゴを作成し商標登録後はここでチェックしておきたいですね。 検索の他、実用新案、意匠、商標の簡易検索ができます。意外と紹介している人が少ないのと、たまに使うことがあるのでメモしておきます。 J-PlatPat 特許事務所は検索で沢山出てきますので、ここでは割愛します。商標登録とロゴマーク作成を一括で頼めるサービ
Photoshop以外からチョイス。Mac OS X用の最優秀画像編集ツールはどれ？ | ライフハッカー・ジャパン
どのプラットフォームでも使用することができる画像編集ツールと言えばPhotoshopが定番である、というのは誰もが知っていることですよね。ですが、Adobeからソフトを購入するほど画像編集を行うのかというと、そこまで画像編集という行為を愛している人も多くないかと思います。 そうすると、リーズナブルな価格帯で購入でき、どんなプラットフォームでも使えるオススメの画像編集ツールはPixelmatorである、という答えに米Lifehacker編集部は辿り着いたようです。このアプリは思いつく限りの画像編集タスクのほとんどをこなしてくれ、しかもPhotoshopの2ヶ月分にも満たない金額である3000円で購入可能です。 機能性 レイヤーベースのワークフローで臨機応変な調整が可能 画像調整ツールによる多数のオプション 一般的なエフェクトを使用する場合、レイヤースタイルで素早い操作が可能 画像の修正やマニ
『Adobe Photoshop』から『Pixelmator』へのカンタン乗り換えガイド | ライフハッカー・ジャパン
『Pixelmator』は、信じられないほど安い（英語版29.99ドル）うえに、比較にならないほど高価な『Adobe Photoshop』にも引けをとらない強力な機能を備えていることから、今やMac向け画像編集アプリの定番となっています。ただ、Photoshop使いの人にとっては、ちょっとした違いが気になるところです。そんな人にもすぐ使えるように、Photoshopのごく一般的な操作をPixelmatorではどのように行うのか、比較しながら説明していきます。 PixelmatorとPhotoshopの見た目が異なるのは、ご想像のとおりです。ですが、画像の編集に関しては、Photoshopでできるほとんどすべての作業はPixelmatorでもできます。特に、標準的なユーザーが必要とする機能なら、ほとんど違いはありません。しかも、Photoshopよりずっと簡単に使えるものも多いので、画像編集
Webサイト制作の中心に分析を！Ptengineの便利な機能と使い方【導入編】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。LIGのアートディレクターの長岡です。 Webサイト改善のためにGoogle Analyticsなどのアクセス解析ツールを使って、数値を分析している方は多いのではないでしょうか。 ツールを使いこなせば、それなりに問題点や課題も見つかるようになるのですが、どうしても数値からでは判断できないこともあります。 そんなときに利用したいのがヒートマップツールでしょう。 アクセス解析と合わせてヒートマップを利用することで、立てた仮説や効果を視覚化して検証することができ、より深い分析につながります。 そこで、みなさんは「Ptengine」をご存知でしょうか？ Ptmindさんが開発しているヒートマップツールなのですが、実際にLIGブログで導入してみて、その多機能さに驚かされました。 今回の記事では、その「Ptengine」の便利な使い方、導入するとどのようなことができるのかを、実際に使ってみ
アイキャッチ画像・ロゴ作成のための6つの優秀な無料ツール / Maka-Veli .com
事情があって、プロのグラフィック・デザイナーを雇えない場合はありませんか。コストが問題であったり、時間に追われていたり…といったことが原因で。あるいは、デザインの才能はあるけれど、ITに弱いという人もいるかもしれませんね。こうしたことが身に覚えがある方には、ブログ用のシンプルな画像やウェブサイト用のロゴを簡単に速く作ることができる優秀な無料ツールがある、というのは嬉しい情報ではないかと思います。 以下の6つのツールはロガスターのおすすめです。 文字通り数分で、シンプルかつ綺麗な画像やロゴが、誰でも作れます！ 1. LiveLuvCreate LiveLuvCreateはほとんどの人が使いやすいと感じる画像作成サイトです。 LiveLuvCreateを使えば、一つの背景画像から複数画像のコラージュまで、様々な種類のデザインレイアウトから選ぶことができます。三つのテキストエリアでは沢山
cssを書く人がブクマしておきたいジェネレーターサイト8選
あとは右側にcssと記載されている箇所がありますのでそこをコピーするだけです。 cssの:beforeで設定してあげて下さい。 シェイプをcssで作成したい場合下記サイトもおすすめ。 CSS3 Shapes ボックスのシャドウを簡単に生成「box-shadowジェネレーター」 http://www.bad-company.jp/demos/box-shadow/ ボックスにシャドウをcssで付けたいときに使用します。 各値を変更することでソースコードの値が変更されるのでコピーしてから、 コーディングしているcssにペーストするだけでcss3のbox-shadowが適用されます。 cssをsassに変換「CSS 2 SASS/SCSS CONVERTER」 http://css2sass.herokuapp.com/ cssをsassに変更できます。 昔cssで書いたのをsass/scssで
SVGを制作できるアプリ,お絵描きソフトを徹底的に調べました！ 114個 - 聴く耳を持たない(片方しか)
私はTwitterでよくSVG関連情報をチェックしているのですが、 SVGってどう作ったらいいの？ みたいな投稿をしばしば見かけます。 SVGは地味な存在ですが近年は徐々に注目を浴び、関連ツールも増えてきたのでそうした人向けにSVG制作ツールって結構たくさんあるよ！と、まとめてみた次第です。 でも114個って多過ぎ！ ……って思うかもしれない、いや正直オレもそう思う。 なので最後に114個の中から管理人のお薦めツール10選っていうのもまとめておいたので、さっくり読みたい人はそれだけチェックすれば良いかと。 そもそもSVGとは、なに？ そもそもSVGってなに？という人もいるでしょう、それについては以前記事にまとめました。 SVGとはなにか？とSVGの学習に役立つサイトや書籍の紹介 SVGの説明と、SVGの学習に役立つサイトや参考になる書籍の紹介をしています。 今回とりあげるSVG関連ツールと
【おすすめ12選】メルマガ作成・配信に役立つ無料ツールを紹介！
「イケてるメルマガをガンガン発信したいけど、時間もお金もない！」という迷えるメルマガ担当者のために、今回はメルマガ作成に活用できる便利なツールをまとめてご紹介します。いずれも海外のツールですが、インターフェースが優れているものを厳選しましたので、“英語が苦手”という方でも簡単にご利用いただけると思います。全て無料です！ HTMLメール作成【Template Builder】 “60秒でHTMLメールが作れる！”の看板に偽りなし！非デザイナ・非プログラマでも簡単にメールテンプレートが作れちゃいます。さらに100種類以上のスタイリッシュなテンプレートもダウンロード可能。これが全て無料って…スゴ過ぎ。 http://www.campaignmonitor.com/templates/ 【Scratchpad】 リアルタイムのプレビュー機能が嬉しいオンラインHTMLエディタ。テンプレートをちょこっ
高機能テキストエディタ「Sublime Text 2」をDLしてみた＆導入したプラグイン
巷で話題ﾌｯﾄｰしそうだよぉ…と言うか話題沸騰しておりますテキストエディタ、「Sublime Text 2」。 Sublime Text: The text editor you’ll fall in love with あおり文句は「The text editor you’ll fall in love with」。 英検2級の私が全力で和訳してみたところ「このテキストエディタは愛欲が凄い」みたいな事だと思うのですが、何はともあれずっと気になっていたので先日ようやっとDLしてみました。 参考記事 DLに当たって参考にしましたのは以下の記事。なんだかとっても便利そうなにほひ。 Sublime Text 2ってエディタがすごくイイ。Dreamweaverから乗り換えた時の初期設定とか使い方とかをメモ | Mnemoniqs Web Designer Blog ”恋に落ちるエディタ”「Subl
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
SVG Icon Libraries and Custom Icon Font Organizer ❍ IcoMoon
12 Best Tools for Playing Around with Color
Sign Up & Log In - Moqups App
Balsamiq. Rapid, effective and fun wireframing software. | Balsamiq
インストールしているフォントを一覧表示できるWebサービス「wordmark.it」｜男子ハック