デザインPSDからコーディングHTMLを自動生成してくれるサービスAUTOCODINGを使ってみた
株式会社プレートさんが、AUTOCODINGというサービスを開始されました。デザインファイルからコーディングを自動生成してくれるというサービスですが、さわりだけ聞くといかにも眉唾な感じです。ほんまにちゃんと作ってくれるんかいな？ ということで試してみました。 試すには無料体験に申し込む必要があります。わたしの場合、入力したメールアドレスが間違っていたらしく、後日プレートの方から電話があり正しいメールアドレスを聞かれるというステップを踏みました。プレートの担当者様、たいへんお手数をおかけしました。ありがとうございます！ 無料体験に申し込むと、ログインページのURLとID、仮パスワードがメールで送られてきます。そのIDでログインしたところがこちら。 チュートリアルは手とり足とり教えてくれるというよりは、管理画面の概要をかんたんに説明してくれるコンテンツです。まずはマニュアルを読んでみました。
Slicyはあっと驚くほど便利だった。 - colopixie
Slicyは、PSDをD&Dするだけで、Photoshopでレイヤーやフォルダに指定した方法で名前をつければ書きだしてくれるアプリです。 これがめっちゃ便利！驚いたたまげた。 App Storeで買いました。 今回は、Slicyの公式のデモファイルを使って、解説していきます！ちょうべんり！ 公式のデモファイルは、下記からダウンロードできます（いきなりZIPダウンロードになります） 通常 (Basic Tagging) 「Basic Tagging」のフォルダーを開き、PSDを開いてみましょう。 PSDを開くと、フォルダーやレイヤーに”.png”や”.jpg”など追加します。 そうすると・・・？ そのPSDを”Slicy”にドラッグアンドドロップすると、ぽこん！と先ほどの”.png”のついたフォルダーやファイルが出てきます。 これを上の”Copy”を押して全て保存するか、個別のファイルをドラ
Easy iOS Style Wallpaper in Photoshop
I have received quite a few emails asking me how to create that sort of linen texture effect we see in the iOS on iPads and iPhones. I like that effect but had never stopped to think about how I could do that in Photoshop, so last week I decided to give it a try. For my surprise it was much easier than I thought. So in this tutorial I will show you how to create the linen texture effect in Photosh
ワイヤーフレーム制作のための素材セット「The Ultimate Wireframe UI Kit」
TOP > Design , Photoshop > ワイヤーフレーム制作のための素材セット「The Ultimate Wireframe UI Kit」 サイト制作の前に制作するワイヤーフレーム。サイトの構成や構造をわかりやすく事前に見せるためには非常に有効な手段ですが、作る精度によってはかなりの時間を費やしてしまうこともあると思います。今日紹介するのはそんなワイヤーフレームを制作する時間を短縮してくれる、素材セット「The Ultimate Wireframe UI Kit」です。 ローディング、ボタン、グローバルメニューなどなど、サイトにひつようなパーツが、数多く収録されており、それらを組み合わせえてりようすることで切り貼りでサイトのワイヤーフレームを作ることができます。 詳しくは以下 かなりの種類のインターフェースのパーツが収録されており、その数は60にものぼります。データ
商用利用も無料、全110種類のミニサイズのアイコンのPSD素材 -Micro Icon Set
Micro Icon Set [ad#ad-2] アイコンは全部で110種類あり、ウェブサイトやウェブアプリケーションなどに利用できるデザインのものが揃っています。 アイコン全110種のキャプチャ [ad#ad-2] ダウンロードできる素材のフォーマットはPSDで、アイコンはそれぞれシェイプになっているため、サイズやカラーを変更して利用できます。
Facebookページ制作のためのpsdセット「Free download psd Facebook new fan page GUI」
TOP > Design , Photoshop , WebDesign > Facebookページ制作のためのpsdセット「Free download psd Facebook new fan page GUI」 Facebookに関する制作もWEB制作者の方であれば、個人的にでも仕事でも徐々に増えてきたのではないでしょうか？今日紹介するのは3月末にアップデートされる新タイムラインに対応したFacebookページのpsdテンプレートセット「Free download psd Facebook new fan page GUI」です。 新しくなったタイムラインのベースに、変更できる部分がわかりやすく、サイズと共に記載されていて、制作者側の視点で製作された便利なpsdとなっています。 詳しくは以下 タイムラインの他にも新しいサイズになった、アプリ側のpsdなども同封されており、これが
洗練されたデザインのUIエレメントのPSD素材のまとめ
そのまま使ってもよし、デザインの勉強にもよしの洗練されたデザインのUIエレメントのPSD素材を紹介します。 素材は全て商用でも無料で利用できますが、ライセンスがそれぞれ異なるのでご利用の際にはご確認ください。
日本語もOK ! テキストにかっこいいカーボンのエフェクトを与えるPSD素材
Psd Soft Carbon Text Effect [ad#ad-2] エフェクトはレイヤースタイルでセットされており、テキストを変更することで簡単にカーボンのエフェクトを与えることができます。
Photoshop VIP ☞ 思わずダウンロードしたくなる無料PSDデザイン素材60個まとめ
先日「Webデザイン制作を楽にしてくれるPhotoshop無料PSD素材72個まとめ」というエントリーでPSD素材をまとめたのですが、新たにたくさんの無料素材が公開されていました。 海外デザインブログDesignrfixで、比較的新しいPhotoshop用PSDファイルを60個まとめたエントリー「60+ Must Have Photoshop Files for Designers」が公開されていたので、今回はご紹介します。 最近の無料PSD素材はどれもピクセル単位でこだわった高品質なデザインばかりとなっているので、Webデザイン制作などに利用してみてはいかがでしょう。 詳細は以下から。 ダウンロードしておきたいPhotoshop用PSD素材ファイルまとめ Audio Player MP3ファイルなどを再生するオーディオプレイヤー、そのまま利用したいほど高品質。 KB’s UI Kit 1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事
新着記事
新着記事
見るだけでも楽しい、レトロ・ヴィンテージな1,000種類以上のUIエレメントが詰まったPSD素材 -RetroPixel GUI
新着記事
新着記事
新着記事
2011年を振り返り、WEB屋として腐らんばかりの「ありがとう！」を伝えたい記事、サイトの数々【Part 1】 | バンクーバーのうぇぶ屋
ウェブ制作にすぐに使えるPSD素材がダウンロードできるサイト -1000PSD.COM
商用利用も無料、洗練されたデザインのウェブ用UIエレメントのPSD素材 -Design Kindle | コリス
洗練されたデザインのPSD素材が無料でダウンロードできるサイトのまとめ