【Webデザイン/フロントエンド開発】作成したWebサイトをローカルで確認するのにWebサーバーが必要？ →Anvil使うがよいよ - 訳も知らないで
結構前からあるみたいなのに知らなかったMac用アプリのAnvil。 開発中のローカルサイトに簡単にアクセスできるようにしてくれます。 （バーチャルホストを簡単に用意できるというか） Rack(Rails等)アプリだけでなく静的サイトの確認なんかにも使いやすいので デザイナー(フロントエンドエンジニア)の方にもおすすめ！ Webサイト開発でデザイン〜フロント部分の実装(html,css等)を行った際、 デザインを確認したりメンバーに共有したりするために 静的サイト？をよくローカルマシンで立ち上げています。 apatchなりnginxををインストールして、 公開するサイトごとにバーチャルホストの設定をして… 少し設定ファイルをいじるだけではあるものの、 サイトが増えるたびに設定いじったりしてちょっとめんどくさい。 なんてことを思っていたときに、簡単にローカルで サイトを立ち上げられるAnvil
WatchReload.app - HTMLファイルを修正するとGoogle Chrome/Safari/Operaを自動再読み込み MOONGIFT
HTMLのコーディングから表示確認までが速くなりますよ！ Webアプリケーションの開発は修正して確認するのがとても簡単な点にあります。ブラウザをリロードするだけで済んでしまう訳ですが、ついにはそれすらも億劫になることがあります。修正したら自動でリロードしてくれれば良いのに、と思ったことが多いでしょう。 各ブラウザ向けに機能拡張もありますが、Google Chrome/Safari/Operaなど多彩なブラウザに対応したソフトウェアがWatchReload.appです。 WatchReload.appの使い方 WatchReload.appはとてもシンプルで、起動するとメニューバーに常駐します。そしてStart Watchingを選ぶとディレクトリ選択のダイアログが出ます。そこで監視したいディレクトリを選択します。 メニュー。こちらはウォッチング中。 監視がはじまったらディレクトリ以下にある
これは快適！Mac OS X上でWinのIE6/7/8/9/10など、さまざまなブラウザの確認ができるアプリ -Sauce
Macでウェブ制作に携わる人全員に伝えたい、Windows, Linux, Mac OS Xのさまざまなブラウザでの表示確認ができる無料のMac OS Xアプリを紹介します。 Boot CampやParallelsなどは必要なく動作します。 Sauce -App Store Sauce for Mac -Website Sauceは、約100種類のブラウザとOSの組み合わせでブラウザの表示確認ができるOS X用のアプリケーションで、簡単に起動・操作ができます。 Windows用のIE6/7/8/9/10をはじめChrome, Safari, Firefox, Opera、iPhone4/5/6, iPad4/5/6, Android4なども揃っています。
MacでWebデザイン、あると便利なアプリ48＋2 | gaspanik weblog
最近Webデザイン系のいろいろなセミナーやイベントに出ると、MacBookなんとかを持ってる方を多く見かけます。で、これからWebデザイナーになりたいなとか、これからMacに変えちゃおうかな？と思ってる皆さんに向けて、Macを使ってWeb制作とかする時にあると便利なアプリをまとめてみました。 「Web制作といえば、AdobeのCreative Suite」みたいな人も多いでしょうが、サブスクリプションプランが始まったとはいえ、いきなりウン十万もソフト含め投資できないこともありますからね（会社が買ってくれるならいいですｗ）。別にそれがなくても、他で代用すれば仕事はできるから大丈夫です。 いま現在MacでWeb制作をしている皆さんには定番なのも多く含まれますが、ちょうどこないだLionデビューして環境整備がてらまとめたので、最後まで流し読むと「え？何それ」みたいなのがあるかもです。 今回は各種
WebデザイナーにオススメのMac 厳選60個アプリ集 | Last Day. jp
今までに無料のアプリやMacのtipsを紹介してきました。今日はWebデザイン向けのアプリ60個を紹介します。 ✔すべてのMacユーザーに贈る 便利でしかも無料なMacのアプリ100個紹介 | Last Day. jp ✔これであなたもMacギークになれる 30個のハック集 | Last Day. jp ✔あまり知られていないMacの23の小ワザ集 | Last Day. jp クライアント＆プロジェクト管理 ✔Billings – クライアントの明細書等をトラックできる優れもの。 ✔iCal OSXにインストールされているMac純正アプリ。 ✔OmniPlan – 多機能なプランニングソフトウェア。洗練されたUIにガントチャート等の機能もあり。 ✔iTaskX – Microsoft Projectと連携可能な高機能ツール Mac App Storeでも購入可能です。 ✔Daylite
DreamweaverからCodaに変えました
2017年6月29日 便利ツール Webサイトを制作する時のWebオーサリングツール・HTMLエディタは何を使用していますか？きっと多くの人がDreamweaverを使っていると思います。私もそうでした。が、最近私のまわりのWebデザイナーがみんなCodaというソフトを使っているのに気づき、試したところ、あまりにも使い勝手がいいので紹介します。本当におすすめです！ ↑私が10年以上利用している会計ソフト！ Codaの特徴を簡単に 詳しい説明はリンクをクリックでジャンプします。 Mac専用 美しいビジュアル 便利なプレビュー画面 PHPやJavaScriptの動作確認も 素早いタグ打ちが可能 有料 8,500円 はい、Mac専用なんです。このブログを読んでいるユーザーの70%がPC使用なのでこれを記事にするか悩みましたが、Mac愛用者さんに向けて！ちなみに私はCoda英語版をインストールして
CSS3で実現するMac OS Leopard風のStack実装例:phpspot開発日誌
CSS3 Stacks Experiment CSS3で実現するMac OS Leopard風のStack実装例が公開されています。 クリックすると、アニメーションしながら出てくるStackがカッコいいです。 半透明、ボーダー付き角丸となかなかのテクニックを駆使しているみたいですね。 サイトに書かれている使われているプロパティとしては、次のようなものが使用されてるそうです。 ・擬似 :target クラス ・transform ・transition ・border-radius ・border-image ・CSSグラデーション ・rgba colors ・text-overflow: ellipsis; 関連エントリ ピュアCSS3で3Dアニメーション jQueryとCSS3で作るカラフルなスライダーウィジェット 近未来に頻繁に使われるであろうCSS3サンプル１０ ピュアCSS3を使っ
Multi-Safari
Important Notes: I’m no longer making up-to-date version of Multi-Safari. Newer Safari releases make it difficult to create self-contained version, and when they’re possible they usually won’t work on different OS versions, making them rather pointless. A workaround would be to keep old version of the OS, which includes Safari, inside a virtual machine image (such as VirtualBox, Parallels Desktop,
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
