[B! tool][web制作用] arket789のブックマーク

arket789 id:arket789

toolとweb制作用に関するarket789のブックマーク (10)

簡単にかっこいいロゴを作ることができる「GraphicSprings」｜男子ハック
まずはロゴにつかいたいシンボルを選びます。選択した後は、テキストを入力したり必要な情報を入力。フォントを変更したり、斜めにしたりなど調整することができます。テキスト色も変更可能です。サクッと作ったロゴがこちら。たかだか5分で作ったとは思えない感じです。でもサイトのロゴは超重要な要素！採用する時は慎重に。男子ハックといえば眼鏡のアイコン。と思ってもらえるようになればいいと思いますが、サイトのロゴって超重要。男子ハックは眼鏡アイコンですが、現在のロゴは実は3回変わってます。（地味にフォントとかが変わっていたり）
arket789 2012/09/26
web制作用

tool

デザイン
リンク
WEB開発者必携。任意ヘッダーやメソッドを指定して送信できるChromeアプリ「Dev HTTP Client」:phpspot開発日誌
WEB開発者必携。任意ヘッダーやメソッドを指定して送信できるChromeアプリ「Dev HTTP Client」 2012年05月01日- Chrome ウェブストア - Dev HTTP Client WEB開発者必携。任意ヘッダーやメソッドを指定して送信できるChromeアプリ「Dev HTTP Client」サーバに対して、POSTやGET等のメソッドで、独自のクッキーやヘッダーなどを加えて手動で送信できるChromeのアプリです。 POSTで送信する場合ってフォームを用意しないといけないのが面倒ですが、それも手動で指定できるため、非常に便利。その場で返却値がカラーリングされつつ整形されて見れるので、JSON等の値を見る場合には超便利です JSON返却値の例。カラーリングと整形がありがたいなくてもそこまで困らないかもしれませんが、エントリポイントをちゃんとチェックしたいっていう
arket789 2012/05/02
web制作用

tool
リンク
ウェブサイトのレイアウトを簡単に作成できるジェネレータ「PageBlox」 | ライフハッカー・ジャパン
疲れやすい、呼吸の浅さを改善。ストレッチポールは毎日使いたいほど気持ちがいい!【今日のライフハックツール】
arket789 2012/04/26
web制作用

デザイン

tool
リンク
2011年、スマフォ・デスクトップ用のクロスブラウザ確認ツールのまとめ
デスクトップ用の各ブラウザをはじめ、スマートフォン、ワイドスクリーンなど、さまざまユーザー環境を想定して確認できるツールを紹介します。各ツールで表示しているのは、Media Queriesを使用している「CSS-Tricks」です。
arket789 2011/10/26
web制作用

tool
リンク
あなたのウェブページが機能しているか7つの面からチェックできるオンラインツール -Spur
Spur [ad#ad-2] Spurの使い方入力フォームにチェックしたウェブページのURLを入力して、「Spur it on」ボタンをクリックします。画像でチェックしたい場合は、「Spur it on」ボタンの下にある「Upload an image」をクリックします。クリックすると、ウェブページに7種類のエフェクトを与え、そのままでは気がつきにくい面からさまざまなポイントを確認することができます。以下、その7種類のエフェクトを紹介します。 Grayscale グレースケールはデザインからカラーを取り除くことで、ユーザーの目がページのどこに引き寄せられるか確認するのに役立ちます。見出しはブラックの背景にホワイトのテキストで高いコントラストを確認できます。ロゴとナビゲーションはコンテンツサイトにドロップバックしています。最新情報のコンテンツはグレースケールになると、コントラス
arket789 2011/09/13
web制作用

デザイン

tool
リンク
http://designaholic.cc/2011/08/15-1.html
arket789 2011/09/01
web制作用

tool
リンク
Selenium
Selenium automates browsers. That's it!What you do with that power is entirely up to you. Primarily it is for automating web applications for testing purposes, but is certainly not limited to just that. Boring web-based administration tasks can (and should) also be automated as well. Selenium WebDriver If you want to create robust, browser-based regression automation suites and tests, scale and di
arket789 2011/06/06
web制作用

tool
リンク
これからPhotoshopでWebデザインをしたい初心者さんのためのツールパネルとかいろいろ
Webデザインをするときにいつも使っている Photoshop ... あまりに高機能なので、ツールパネルだけでもボタンがいっぱい。はじめて Photoshop に触れる人にとってはちょっと難解なインターフェイスかもしれません。Photoshop を始めたばかりの初心者さん向けの、ツールパネルのまとめです。 Webデザインするときに、いつも使っている Photoshop。でも本当にはじめて Photoshop を使い始めた人にとっては、Photoshop の画面に並んだ、たくさんあるボタン類からして意味がわからないんだと思います…。そー思ってツールパネルのボタンを端から見ていくと、自分でもコレなんだっけ？っていうのがいくつか …。実は最近友達が Photoshop を使い始めました。全く Photoshop を使ったことのない彼女に使い方を教えてあげるって約束しちゃったので …。そんな
arket789 2011/05/20
デザイン

絵

web制作用

tool
リンク
HTML/CSS/PHP等のコーディングに、無料のNetBeansが快適過ぎる件
私は結構エディタ難民で、HTML/CSS/PHP等をコーディングする際のエディタをWindows・Mac含め色々試してきましたが、最近は NetBeans IDE に落ち着いています。 NetBeans IDE は厳密にはエディタではなく、Windows・Mac・Linux用の無料で利用できるIDE（統合開発環境）の一種です。ちなみに、↓のキャラクターは NetBeans IDE 日本語コミュニティの公式マスコットの「ねこび〜ん」です。私はWordPressのテーマファイルを作成しているときに、PHPで独自のCMSを開発されている @kawagooch さんに勧められて使い始めたのですがとてもしっくりきたので、以後 HTML/CSS/PHP などWebサイトのコーディングには NetBeans IDE をメインで使っています。私自身、NetBeans IDE を使うようになってからサ
arket789 2011/05/13
tool

web制作用

プログラミング
リンク
ついに出た！Chrome版「Page Speed」の使い方
2011/3/22に、GoogleがようやくGoogle Chrome版「Page Speed」拡張機能を公開しました。「Page Speed」は、項目をある程度理解できれば自分や自社のサイトの表示速度の改善にとても役立つツールです。この記事では、「Page Speed」のインストール方法から各調査項目の見方や改善方法を中心に使い方を解説します。ぜひ、ご自身のサイトの改善に役立てていただければと思います。そもそも、なぜサイトの表示速度を速くする必要があるのか？例えば、Amazonの調査によると「表示速度が0.1秒遅くなると、売上が1％減少する」といい、Googleの調査によると「表示速度が0.5秒遅くなると、検索数が20％減少する」と言われます。また、GoogleはWebページの読み込み速度をアルゴリズムに取り入れたことを発表しています。大手サイトや大規模なECサイトに限らず
arket789 2011/03/29
web制作用

ノウハウ

tool
リンク
1