これ知ってる？WEBの人なら押さえておきたいツール＆サービス50選 - 死ぬまでWEB屋
公開前に知人に見せたら、読むのに20分もかかったわ！！ と、お叱りを受けましたｗ オススメのツールやWEBサービスということで50ほど紹介していますが、僕の使用感のほかに、ところどころ経験談的なものが入っています。そのあたり、読むのがめんどうな方は読み飛ばしていただければ幸いです。 2万文字近くあるので、お時間ある際にゆるりと読んでいただければと思います。 それではお楽しみ下さい！ サイト解析に使えるツール・サービス import.io Juicer Ptengine GTmetrix CLOUD FLARE wayback timemachine シミラーウェブ Open Site Explorer サクラサクLABO aguse Built with ディレクションに使えるツール・サービス ウェブチェッカー Cat Mdes maindmaister ひとりブレスト 関連キーワード取得
themarsknowledge.com -
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
髪の毛の切り抜きも超簡単！スゴイぞCS5！ : Photoshop テクニックス
アドビ フォトショップ(フォトショ)の基本的な使い方。様々な写真・画像の加工テクニック(切り抜き、トリミングからプロ仕様の効果まで)の解説＆動画。フリーのフォントや無料の素材、ブラシ、テクスチャ、役立つ情報なんかも紹介しています。 Adobe CS5 CS5以降なら、髪の毛レベルの細やかな切り抜きもキレイにカンタン！ での切り抜き方をお教えしたいと思います。 ▼まずは[クイック選択ツール]でも[自動選択ツール]、[投げなわツール]でも、なんでも良いので、適当に切り抜きたい対象を範囲選択し、[境界線を調整]をクリックしてください。 ▼次に[境界線を調整]の表示モードを[オーバーレイ]にします。すると選択した範囲以外は、半透明の赤で表示されます。 ▼[境界線の調整]パネルの左、上から3番目の[半径調整ツール(新機能です)]が(デフォルトでおそらく選択された状態ですが）選択されていることを確認し
【WebDesign】InVisionをつかってコード要らずのプロトタイプと最強のシェア・確認環境を作る | unitopi - ユニトピ -
Free Web & Mobile (iOS, Android) Prototyping and UI Mockup Tool | InVision Webデザインをする上でコレは便利！とおもったサービスがありましたので使い方とあわせてご紹介致します。 デザイナーがプロトタイプ、ある程度のHTML/CSSをかけることが求められていますが、このサービスを使えばコード要らずでプロトタイプが作れます。 シェアしてブラッシュアップのフローが簡単 そして何より素晴らしい機能がシェアでしょう。デザインのプロトタイプをシェアし、複数人によるレビュー、コメントに対応しています。 実践 今回はサンプルでWebサイトを作っておきました。 以上３ページ作りました。（結構面倒でした） プロジェクトの作成 登録後、MyPageでNew projectボタンを押してプロジェクトを作成できます。 色々とプラットフォーム
.htaccess ファイルを簡単作成「.htaccess Editor」
リダイレクト Fromにサイトパスを入力、ToにURLを入力 301 Moved Permanently 恒久的に移動 From: To: From: To: From: To: 302 Moved Temporarily 一時的に移動 From: To: From: To: From: To:
Photoshopのレイヤー分けがカオスにならない整理術 | SMARQ
今年からWEBデザイン2年目に突入しました。Photoshopでバナー・ランディングページ・アプリ・コンパネまで色々作ってきましたが、初期の頃のデータを見返すとレイヤー分けがカオスで申し訳なくなります。 レイヤー分けがカオスだと、それを引き継いだ人の時間も奪いますし、自分でさえ分からなくなって非効率の悪循環に陥ります。レイヤーの乱れは心の乱れです。 …と言いつつ、レイヤー分けにこだわりすぎても現状の作業が遅くなりますよねー。僕は特に大雑把なので、単純な小技だけで実現できる整理術を考えました。プラグインもいりません。楽なのでオススメです☆ 1.「〜のコピー」を付けない設定 以前、レイヤー複製で「〜のコピー」を付けない方法：Photoshopという記事の書きました。まず、この設定をしましょう。 レイヤーウィンドウの右上からパネルオプションを選び「コピーしたレイヤーとグループにコピーを追加」とい
Fireworksの変幻自在なパスで表現をプラス #adobefireworks - デザイナーのイラストノート
この記事は「Fireworks Lover Advent Calendar 2013」の19日目の記事です。Fireworks…すきですか？わたしはすきです。これまでの方が書かれてきたように、Fireworksはweb制作にはとても優れたアプリケーションです。でもそれだけじゃない！！お絵描きツールとしてもすごく楽しいツールなんだよ！！という記事です。 Fireworksで描けるパス Fireworksは、パスで描画されるものとビットマップで描画されるもの2種類に分かれています。今回はパスで描画されるもの、 ペンツール（ストロークオプション） ペクトルパスツール パス再描画ツール こちらをご紹介。※ペンツールは超基本なので機能は紹介なしです。 通常パスを作成すると「基本＞エッジが柔らかい線」で表示され、そこから用意されたストロークに変更していくと思います。あらかじめ用意された種類はたくさんあ
Page2Images - Free Convert URL to image in batch
Description & Limitation: Please do not close your browser when it is processing. If the processing stopped and loading forever, please refresh this page and run again. It will start on where stopped. If the number of URL is bigger than 1000, please use block url to images tool. When the whole batch finished, you can download all of them as one or more zip file. If you have any suggestion or good
最近流行りのウェブ開発系ツールまとめ（主にデザイン） | keisuke.tsukayoshi
最近、ウェブデザイン周りの優良ツールがたくさん出てきていて、しかもちゃっかりみんな買っちゃうしアドオン系のソフトウェア界隈にも良い流れを感じるこのごろ。今回は、ぼくが買ったツールのうちこれは手放せないなとおもったものをピックアップしてアフィリンク付きでゲス顔で紹介したいと思います。主にMacです。 マークアップ系 Slicy PSDファイルから画像素材が出力できるアプリ。PSDファイルを読み込ませるだけでほとんど自由自在に画像素材を書き出せます。使い方はPhotoshopのレイヤーやフォルダに.pngなどの拡張子をつけておくだけ。 マークアップするときの画像書き出し作業が全然億劫じゃなくなったのが一番嬉しい。一度読み込ませると、あとはPSDが更新されたら自動で書きだす機能なんかもあります。スマホのRetina用に半分の画像も一緒に書き出せたり、MacのRetina用に二倍の画像も一緒に書き
ワイヤーフレーム作成時に役立つツールや素材、参考になるショーケース - NxWorld
ワイヤーフレームとは、簡単に説明するとコンテンツやレイアウトなどを示した設計図や構成図のことを言い、これをしっかり作っておくことでデザインやコーディングといったその後の作業をスムーズに進めることができます。 単にワイヤーフレームと言っても「ツールやソフトを使用する」「基本的に全て手書きで行う」など人によって作り方は違うと思いますが、個人的にワイヤーフレーム作成時に便利だなと感じたツールや素材を紹介します。 また、専門ギャラリーや参考になるショーケースなども併せて紹介するので、あまりワイヤーフレームを見たことないという人はそちらも参考にしてみてください。 便利ツール インストールしたりソフトへの拡張機能として使うものなどもありますが、今回はオンラインで使用するツールを紹介します。 中には使用する為には登録が必要なものや場合によっては有料になるツールもありますが、ほとんどフリーで作成も保存もで
MacbookAir買ったらスグ入れたい！エンジニア必携ツール65個 | Find Job ! Startup
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
いつでも作業が出来ちゃう？「Photoshopネイル」 - 灰色ハイジのテキスト
お友達のWebデザイナー まみぺこちゃん ( id:mamipeko )がよくやっているギークネイルが可愛くて、一緒にやりたい！と言い出したのは春先のこと。 Androidネイルをやったのでした。 Googleの中の人にも見せる機会があったのでもう大満足です（^v^) Androidネイルの全貌はまみぺこちゃんのブログに詳しく書いてあるのでそちらを見ていただくとして・・・ ドロイドくんがかわいい『Googleネイル』 - はぁはぁブログ 時はそこから流れ（1ヶ月程だけど）、再びネイルをする時が。 まみぺこちゃんに連れていってもらったお店のお姉さんがすごくノリが良くて、 「あれ？私iCloudつかってる！あ、SoundCloudも知ってるー！」 という発言をしていて、あれ、お姉さん激クラウドガールじゃないですか・・・！と もう惚れ惚れしてしまったので、今回も指名でそのお姉さんに担当してもらう
Home - Pencil Project
An open-source GUI prototyping tool that's available for ALL platforms. Pencil is built for the purpose of providing a free and open-source GUI prototyping tool that people can easily install and use to create mockups in popular desktop platforms. The latest stable version of Pencil is 3.1.1 which contains stability fixes and many new features. More details can be found in the release notes. Proje
フラットデザイン｜Flat UI Colors
280 handpicked colors ready for COPY & PASTE
グッドパッチのディレクターが愛して止まないワイヤーフレームツール | Goodpatch Blog
ステンシル ステンシルの中からワイヤーフレームを選び、下のボックスからドラッグ&ドロップで挿入します。 メニューバーのボタンをクリックすると設定画面が出てきます、この画面で、好きな値に変形できます。 そして背景はロックすることをおすすめします！ロックすることで、ほかの要素を動かすときに背景が影響を受けなくなりますのでおすすめです。 グループ ある程度要素がまとまったらグループ化すると作業が楽になりますよ！ 画像挿入 画像も簡単に挿入できます、Cacooは画像を自由に変形させることができるんですが、この機能は便利です。画像を無理矢理、枠におさめることが可能です。 （本当はちゃんとサイズを計算して画像も作りますが急ぎのときなどは便利です。） 書き出し 完成したら、書き出します。 無料版はPNGのみ回数無制限で、PDFなどは３回まで無料となってます。 簡単にワイヤーフレームが完成しました。次はこ
WEBデザイナーでも出来る！SSHコマンド超入門
胃潰瘍だと思ったら、ストレス性の胃腸炎でした。こんにちは、WPDクリアです。 散々胃が痛いだの、ゴハン食べれないだので辛い思いして胃カメラ検査して、やれ胃潰瘍だ やれ胃ガンだ やれピロリ菌だ 検査したら全て陰性で、 先生「暴飲・暴食・後はストレスだね～」 先生、全部当てはまってます！ みんなも胃腸には気をつけよう！そんなわけで ｢WEBデザイナーのためのすぐに役立つSSHコマンド超入門」 を、胃腸に優しくお送りします！ SSHって何？ ネットワークを介して別のマシンにログインしたり、コマンドを通して遠隔操作するためのプログラムで、これらのやり取りは暗号化されており、安全に操作を行うことが出来ます。 まあ、あれです。 WEBデザイナーが苦手とする「黒い画面」のことです でも、毎日の業務でSFTPやSCP使っているでしょ？ 黒い画面は無理！というデザイナーさんでも、毎日SFTPやSCP対応のW
Webページの表示速度アップに欠かせないCSSスプライトを超簡単に作成してくれるサイト「SpriteMachine」
Webページの表示速度をアップするために、アイコンやロゴなどの画像を1枚にまとめるテクニック。それが「CSSスプライト」なのですが、これって画像の作成とか位置の指定とか色々と面倒くさいんですよね。 そんなCSSスプライトを簡単に実装するためのWebサイトSpriteMachineのご紹介。スプライトマシーン…すごく…イイ名前です… imgを圧縮してアップロードするだけ サイトに訪れたらまずは画像配置のレイアウトと吐き出すコードのフォーマットを決めます。 ちなみにフォーマットはCSSだけではなく、SCSSやSASSも選択可能です。 次に、CSSスプライトにする画像をひとまとめにして、そのフォルダを圧縮、ZIPファイルにしましょう。 そしてそのファイルを上の場所にアップロードすると… 自動的に「spritemachine」というフォルダがダウンロードされます:) フォルダの中身はpng画像とc
サイトマップを作成-自動生成ツール「sitemap.xml Editor」
【ご注意事項】 1. ご自身のサイトのみに利用ください。2. 一度の作成で、最大1,000URLの取得が可能です。3. 1,000URL以上は「除外ディレクトリ」をご活用ください。例えば、1,000URL以上ある*****.com/のサイトマップを作成する際、*****.com/ABC/、*****.com/DEF/、のみのURL構成だった場合は、ABCとDEFを別々に除外ディレクトリに指定し2つのsitemap.xmlを生成します。その後どちらかにまとめて一つのsitemap.xmlとするか、2つのsitemap.xmlをアップしそれぞれ認識させます。4. rel="nofollow"のついたリンク以降のURLは取得しません。5. 生成されたファイルはご自身の責任のもとでご利用ください。
PhotoshopのGPU/OpenGLって使ってる？ 僕が使ってるお気に入り機能まとめ / Maka-Veli .com
メモリ食いますしグラボによっては使えないそうですが、皆さんGPU/OpenGLって使ってますか？僕は一応使ってます。使いこなせてないと思いますが。けっこう便利な小技が揃ってるので、個人的に気に入った機能をまとめました。使った事無い方は是非一度お試しください。 それと、3Dが出来るのは大きいかもしれないですね。使い方によっては面白い装飾が作れます。 が、3Dに関しては知識不足の為、省きます。 CS4から、あるいはCS5から導入された物が散らばってますが、 僕の環境が5.5なので5.5前提で書いていきます。ちなみにWinですが、Macも部分併記。 それと、恐らくCS6は微妙にどこか違うはず。6での追加機能も特に調べて無いです。 なんだよCS6書けよとご不満の方、CS6買って！CC1年でも良いです。ぜひ！ フリップ スマホ的な感じで、するするーっと動くようになります。 [Spac
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Placeit - Generate Product Screenshots in Realistic Environments 画像をiphone画面に合成してキービジュアル作成
