Project Parfaitで尋常じゃない速さでpsdファイルからウェブサイトを組み立てる - 素人がプログラミングを勉強していたブログ
Project Parfaitとは、adobeが開発してるβ版の、ウェブサイト作成支援のサービス。これを使うと、.psdのデザインファイルからHTMLを書き起こすのが異常に高速になるので、オススメしておこうと思う。 具体的には、psdファイルをアップロードすると、psdファイルの要素がレイヤー別に選択できるようになる。わかりやすいように画像で実例を出すと（一部塗りつぶしてあるが） このようになる。 あとは、Copy Textをクリックするとクリップボードに文字が選択されるので、HTMLファイルを書きながら <li><a href="#">{テキストをペーストする}</a></li> のように書いて、その後、Copy CSSをクリックし li { /*CSSをペーストする*/ } のように、貼り付けて上記の画像の場合はfont-weightがおかしいのでboldに手動で直して、widthやh
商用利用可！毎日PSDファイルを提供してくれるpsdパーツ配布サイト「365psd」
TOP > Design , Photoshop > 商用利用可！毎日PSDファイルを提供してくれるpsdパーツ配布サイト「365psd」 photoshopを利用して制作をしている方にはかなり嬉しいpsdファイル。作り方にもよりますが、合成前のpsdファイルがあれば、一部分を流用したり、カスタムして広範囲で利用できます。今日紹介するのはそんなpsdファイルを毎日提供してくれる「365psd」というサイトです。 毎日、一つづつ更新されていて、多くの賛同するデザイナーによって運営されているみたいで、それだけに多種多様なpsdファイルが公開されています。公開されているファイルの中からいくつか紹介したいと思います。 詳しくは以下 ■15 ‹ 365psd セールやキャッチに使えるバッジのpsdファイル ■16 ‹ 365psd 作りこまれた幻想的なグラフィック素材。 ■13 ‹ 365p
2012年10月第5週号 1位は、Photoshopからスライス画像を書き出すプラグイン、気になるネタは、iPad miniが発表、Kindleが日本上陸、Windows 8が発売 | gihyo.jp
週刊Webテク通信 2012年10月第5週号1位は、Photoshopからスライス画像を書き出すプラグイン、気になるネタは、iPad miniが発表、Kindleが日本上陸、Windows 8が発売 ネットで見かけたWebテク（Webテクニック・Webテクノロジー）記事から、Webデザイナーの目で厳選したネタを週刊で紹介するこのコーナー。今回は、2012年10月22日～2012年10月28日の間に見つけた記事のベスト5です。 1. Cut&Slice me - FREE Photoshop plugin to export your assetshttp://www.cutandslice.me/#jp Photoshopから画像をスライスして書き出すプラグインです。Photoshopのスライスツールを使うのとは違い、レイヤーごとに自動でPNG画像を生成できます。 レイヤーのグループ名が、
Web制作の為の無料Webサービス・ツール40*ホームページを作る人のネタ帳
web制作で使えるWebサービスや、Webツールなどをご紹介。 小分けして紹介していた分もあわせてまとめています。定番の物からマニアックなものまでお楽しみください。 グラフィック・創作 10,000s Cool FREE Seamless Patterns-パターンファイルジェネレータ Web制作でもよく背景で利用するパターンファイルを作成する素晴らしいジェネレータ。様々な模様があり、色は決めれますので、組み合わせはほぼ無限です。 Pixlr Photo Editor-オンラインフォトエディタ 世界で最も人気とされるオンラインフォトエディタ。OSを選ばない。 photoshopに近いインターフェイスと、ブラウザさえあれば動くという使用が人気。ユーザー登録しなくても利用できる（したほうが便利）。 Vintage Effect-レトロ、ヴィンテージエフェクト 上のPixlr.comが運営するも
Pixlr.com
Photo Editor - Photoshop Online by Pixlr - Free Image Editing Tools Now, there are even more compelling reasons to choose Pixlr as your go-to solution for all your online image editing requirements, particularly when you're looking for a powerful "photo editor." Whether you're inclined towards traditional desktop-style photo editing or prefer a more contemporary approach, Pixlr has you covered. Pi
時間の節約になるWeb制作関連ツール 12+1
2013年4月2日 便利ツール Webサイトを作る際に、じっくり時間をかけたい作業とそうでないものがあると思います。細かい作業は便利なツールで作業時間の短縮をして効率よくすすめましょう！今回は私がいつも使っているものとSMASHING MAGAZINEで紹介されていて「おぉっ！」と思ったWeb制作に関する便利ツールを紹介します。 ↑私が10年以上利用している会計ソフト！ Photoshopテンプレート まずは私Mana作のPhotoshop用テンプレート。グリッドなんぞ入れてます。グレーのエリアがファーストビュー。結構昔に作ってずっと使ってる感じです。 » Photoshopテンプレートをダウンロードする Instant Blueprint http://instantblueprint.com/ Webサイトを作る際の最初のステップを楽にしてくれるサイト。CSS, images, JSな
web制作者の為の31リンク集2009年1月度版
1月度のベストエントリ、ベストサイトを収集しました。 web制作のお役に立てればと思います。 ただ、今年の1月はかなり良質なサイトやエントリが多く、15日分くらいまでしか集め切れていません・・・。時間があれば後編を作ろうかとは思います。 過去のまとめはこちらから それでは、続きをどうぞ。 1月に発掘された面白アイデアサイト＆サービス 2ch画像まとめbeta 2chの画像が発掘されそうなスレをクロールして画像のみを抽出してくるサイト。 Pretty Loaded - a preloader museum curated by Big Spaceship この発想はなかったなぁ。FLASHローディング中の、あのローディング部分のみを集めたサイト。 普段ローディングって地味にイライラしたりするところではあるけど、そのローディングが次々襲ってくる。しかも見ていて飽きないという中毒性の高い仕上がり
web制作者の為の年末年始で見逃せないエントリまとめ「2009年度版」
もうお正月も終わり、仕事始めしている人も多いだろうと思います。 業界によってはお正月に仕事をしている人も沢山いる事でしょう。 そんなお正月に見逃してしまった良質なエントリがないかを発掘するまとめです。 ネタ帳が選んだフリーソフト KeyHoleTV & KeyHoleVideo－キーホールテレビ＆キーホールビデオ－ チューナーもってない私に神のソフト。ワンセグが届かなくてもテレビがみれます。 ただ、映像と音声がたまにとまる。うんざりする事もあるけど気にしない。。 窓の杜 - Foxit Reader PDFファイルをすばやく開くツール。便利。 SRWare Iron - The Browser of the Future おいおいｗｗｗってなるくらい高速ブラウザ。 Ｃｈｒｏｍｅより早くて吹いた。いや、同じくらいかな、いいすぎた。ネットワーク監視するとGoogleに接続するアクションが消えた
アドビ、「Photoshop」をウェブアプリ化へ--無償版として提供予定
Adobe Systemsが、Googleなどの競合各社を追従すべく、人気の高い画像編集アプリケーション「Photoshop」のウェブアプリ版を6カ月以内にリリースする計画を進めている。同社最高経営責任者（CEO）Bruce Chizen氏が米国時間2月27日に明らかにした。 これは、広告入りのオンラインサービスを投入して既存製品を補完し、コンシューマー市場におけるシェア拡大を目指す大規模な措置の一環だと、Chizen氏はCNET News.comに語っている。 Chizen氏によると、メディア共有サイト「PhotoBucket」で提供されるウェブベースのビデオ編集ツール「Adobe Remix」とともにウェブアプリ版Photoshopの土台をAdobeでは築いていたという。 Adobe Remix同様、ウェブアプリ版のPhotoshopは、通常のPhotoshopや「Photoshop
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
.: Sumo Paint 3.6 :.
http://www.designwalker.com/2009/12/image-optimization.html