時間の節約になるWeb制作関連ツール 12+1
2013年4月2日 便利ツール Webサイトを作る際に、じっくり時間をかけたい作業とそうでないものがあると思います。細かい作業は便利なツールで作業時間の短縮をして効率よくすすめましょう！今回は私がいつも使っているものとSMASHING MAGAZINEで紹介されていて「おぉっ！」と思ったWeb制作に関する便利ツールを紹介します。 ↑私が10年以上利用している会計ソフト！ Photoshopテンプレート まずは私Mana作のPhotoshop用テンプレート。グリッドなんぞ入れてます。グレーのエリアがファーストビュー。結構昔に作ってずっと使ってる感じです。 » Photoshopテンプレートをダウンロードする Instant Blueprint http://instantblueprint.com/ Webサイトを作る際の最初のステップを楽にしてくれるサイト。CSS, images, JSな
iPhone向けWebサイトを作るのに最適なテンプレート&JavaScript·moobile MOONGIFT
moobileはHTML/JavaScript製のフリーウェア（ソースコードは公開されている）。iPhone/Androidを中心とするスマートフォンのシェア拡大は留まることを知らない。モバイルネットワークが発展している限り、この流れは止まることはないだろう。Webサイトを提供する上でもスマートフォンは欠かせない存在になる。 ボタンバー ネイティブアプリを提供する手もあるが、もっと容易なのが最適化されたWebサイトを提供することだ。そもそもネイティブアプリを提供するほどのニーズがないサービスもあるはずだ。そこで使えるのがmoobileになる。 moobileはiPhoneやAndroidといったWebKitベースに対応したWebサイトフレームワークだ。HTML5で作成されているのが特徴だ。フォームやボタン、ボタンバーなどのUIをテンプレート化している。これを使えば最適化されたWebサイトが
少し変えるだけでサイトのレイアウトが完成してしまう、とてもクオリティの高いフリーのPhotoshopファイル:phpspot開発日誌
少し変えるだけでサイトのレイアウトが完成してしまう、とてもクオリティの高いフリーのPhotoshopファイル 2010年03月03日- 30 High-Quality Free Website Templates to Download|Dzine Blog 少し変えるだけでサイトのレイアウトが完成してしまう、とてもクオリティの高いフリーのPhotoshopファイルが３０種類も紹介されています。 次のような、本当に、本当にフリーでいいんですか？本当にフリーでいいんですか？とつい歌ってしまいそうなレイアウト集がダウンロード出来ます。 色鮮やかでインパクトあるデザインや、すっきり見やすいレイアウト等、そのままWEBサービスに使ってしまってもよいようなものばかりです。 ライセンス等は確認したほうがよいと思いますが、活用すれば手間を大きく削減出来るかもしれませんね。 関連エントリ チュートリアルで
ハイクオリティホームページの無料photoshopテンプレート30
圧倒的なクオリティのホームページ無料テンプレートのまとめエントリ。 なかなか素敵なエントリーだったのでご紹介。 30のハイクオリティ無料ホームページテンプレート 30+ High-Quality Free Website Templates to Download | Dzine Blog 圧倒されるというかなんというか。 実際ダウンロードしてみると、PSDファイルが入っています。 CSSやHTMLがダウンロードできるわけではありませんので、その辺りお間違いのないように。 過去記事で、 フリーのウェブデザインテンプレートのPSD というエントリも書いてますのであわせてどうぞ。 それでは、また。
960 Grid System
960 Grid System Download - CSS, sketch paper, and templates for: Acorn, Fireworks, Flash, InDesign, GIMP, Inkscape, Illustrator, OmniGraffle, Photoshop, QuarkXPress, Visio, Exp Design. Repository at GitHub. Essence The 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns,
クールなフォームのPhotoshopテンプレート集「Web Form Elements」:phpspot開発日誌
クールなフォームのPhotoshopテンプレート集「Web Form Elements」がdeviantARTで公開されています。 次のようにフォームのレイアウトがパーツごとにレイヤーで分かれた状態で公開されています。 クールなフォーム実装をする際の参考にできそうです。 以下のエントリを参照してください。 Web Form Elements by ~sniperyu on deviantART Web Form Elements Vol.2 by ~sniperyu on deviantART 関連エントリ CSSでデザインされたテーブルレスでクールなフォームサンプル 超クールなログインフォームを作成するチュートリアル 画面遷移なしのクールなフォーム作成サンプル CSSでクールなINPUTフォームを作成するサンプル
WEBのモックデザインを作る時、便利な素材集「A Collection of Useful Web Design Wireframing Resources」
WEBのモックデザインを作る時、便利な素材集「A Collection of Useful Web Design Wireframing Resources」 WEBデザインのモックを制作する時に、クライアントにもっとアップ時の雰囲気を分かってもらう時に必要なのがブラウザ枠などをはじめとしたインターフェイスのデザインです。今日紹介する「A Collection of Useful Web Design Wireframing Resources」はそんなインターフェイスの素材をあつめたモックデザインを作る時、便利な素材集です。 Photoshop Browser Templates from joel laumans 上記は解像度別のブラウザのpsdデータ。PSDで制作を進めている方には便利な素材だと思います。その他にも様々なデータがまとめられていましたので、下記に貼付けておきます。 詳し
商用利用でも無料のハイクオリティなFlashギャラリーやテンプレートを配布するflashmo.com
クオリティの高いFlashギャラリーや Flashテンプレートを個人、商用問わず 無料で提供してくれるflashmo.comを ご紹介します。その数226個。商用でも 無料というのが嬉しいですね。また、 メンバー登録なども一切不要なのも 楽で助かります。 以下同サイトのaboutより引用します。 Feel free to edit and use any free flash template from this website for your personal or commercial website projects. This website is maintained by revenues generated from a few different sources including ads, affiliates, and donations. 「個人でも商業用でも無料で
WEB制作に使えるPSDテンプレート集「25 Slick PSD Website Templates Free for Download」
TOP > Photoshop , WebDesign > WEB制作に使えるPSDテンプレート集「25 Slick PSD Website Templates Free for Download」 WEB制作をするときまずはphotoshopでモックアップを作ってからというかたも多いかと思いますが、今回紹介するのはWEBサイトの完成品のPSDを集めたエントリー「25 Slick PSD Website Templates Free for Download」です。 Design Studio PSD Template 写真やロゴなどは汎用性のあるものが提供され、ベースとして使えるPSDファイルがいくつか集められています。今日はいくつか気になったものをピックアップして紹介したいと思います。 詳しくは以下 ■Crisp Presentation PSD Template シンプルで落
素晴らしいHTMLメールテンプレート配布サイト – creamu
HONGKIATで、素晴らしいHTMLメールテンプレートがまとまっています。 ざっといくつかご紹介。 Campaign Monitor – 30 FREE HTML Newsletter Templates OutlookやThunderbird、Gmaiといった多くのメジャークライアント、Webメールでテストされたテンプレート集 Carbon Graffiti – 10 Free email marketing templates デザインに優れたテンプレート。シンプルなものから凝ったものまで Download PDFなどをダウンロードするリンクのあるテンプレート Welcome サービス登録時のサンクスメールに使えるテンプレート Blog Newsletter ブログをニュースレター形式で配信できるテンプレート。読者との関係作りに Malibu セール情報などをプロモーションする用のテ
Webデザイナーのためのオープンソース – creamu
cometdocsというサイトで、Webデザイナーのためのオープンソースがたくさん紹介されています。 いくつかご紹介しますね。 Open Web design.org フリーのデザインテンプレートがダウンロードできるコミュニティーサイト Open Design Community 1,000を超えるXHTML/CSSテンプレートを提供しているサイト Flash Village Flashのテンプレートがダウンロードでき、商用でも無料で利用できる Template Yes フルFlashサイトのテンプレートなどが無料でダウンロードできる Blogging Themes ブログのテンプレートを配布しているサイト その他にもたくさんのオープンソースやツールが紹介されています。 一度見てみてください。 The Open Source Toolbox For WebDesigners 諸々進めるぞ。
商用無料のXHTML / CSSテンプレート配布サイト – creamu
かなりすごいサイトを見つけました。ChocoTemplatesというサイトで、商用無料のXHTML / CSSテンプレートを配布配布しています。 Free CSS Templates Every Week! ChocoTemplates.com provides professionally designed xhtml/css templates for free. The templates are ready-to-use and can be downloaded instantly. Make sure to visit us frequently, as we will add new FREE xhtml/css template every week. フリーのCSSテンプレートを、毎週配信！ ChocoTemplates.comは、プロ並のデザインのXHTML / CSS
シルバーメタルやブラックメタルのフリーのボタン素材
メタルやグロッシーをテーマにしたボタン素材をpsdGraphicsから紹介します。 PSD silver metal buttons set ダウンロードできる素材のフォーマットはPSDで、背景やテキ
[CSS]そのまま使えるコメントのスタイルシートのテンプレート集
スタイリッシュにデザインされたブログなどに無料で利用できるコメントのテンプレートをcss globeから紹介します。 <textarea name="code" class="html" cols="60" rows="5"> <ol class="comments"> <li> <ul class="meta"> <li><img src="path-to-gravatar.gif" alt="Author's name" /></li> <li><a href="url-to-authors-homepage.html">Author's name</a></li> <li>posted on date-goes-here</li> </ul> <div class="body">Comment text goes here...</div> </li> </ol> </textare
ハイクオリティなフリーHTML/CSSテンプレート集「99 High-Quality Free (X)HTML/CSS Templates」 | DesignDevelop
TOP > WebDesign > ハイクオリティなフリーHTML/CSSテンプレート集「99 High-Quality Free (X)HTML/CSS Templates」 WEBサイトの制作をより簡単にそして精度の高いものにしてくれるテンプレート。現在様々なフリーで使えるテンプレートがリリースされており、かなりクオリティの高いもの存在します。今日はそんなハイクオリティなフリーHTML/CSSテンプレートを集めたエントリー「99 High-Quality Free (X)HTML/CSS Templates」を紹介したいと思います。 Download - Live Demo 様々なタイプの高品質なHTML/CSSが収録されていますが、今日はその中からいくつか気になったものをピックアップして紹介したいと思います。 詳しくは以下 ■O’No! Typography – Downlo
クリエイティブで美しいフリーCSSWEBテンプレート9選「9 Beautiful Free CSS Web Templates」
TOP > WebDesign > クリエイティブで美しいフリーCSSWEBテンプレート9選「9 Beautiful Free CSS Web Templates」 WEBサイトを制作する際とても便利なのがテンプレート。はじめからある程度組まれていますので、そのまま使う事もできますし、作りだけは引き継いでデザインのカスタマイズも可能です。様々なテンプレートが国内外展開していますが、今日紹介するのはクリエイティブで美しいフリーCSSWEBテンプレート9選「9 Beautiful Free CSS Web Templates」を紹介したいと思います。 Portfolio Template 1 download – demo ポートフォリオから、ポータルサイト系、コーポレートサイトまで様々なジャンルのクリエイティブなCSSWEBテンプレートが公開されています。今日はその中から気になったも
PSDのWebサイトテンプレートを無料でダウンロードできるサイトいろいろ
PhotoshopでWebサイトを構築出来る（語弊あるかな？）ようにPSDファイルでWebサイトのテンプレートを無料で配布してくれているサイトをいくつかご紹介します。僕には今まであまり馴染みが無かったので備忘録的にまとめておきます。 ライセンスはそれぞれのサイトやテンプレートごとにご確認下さい。 PSDthemes 18個のテンプレートをフリーで配布。かなりハイクオリティです。要登録。 PSDthemes Freepsd 20数個のフリーテンプレート。WPも2つほど。 Freepsd Templates Rain 使いやすそうなデザインがいっぱい。 Templates Rain deviantART deviantARTにもかなり多くあります。リンクは「web PSD template」で検索をかけたページですのでWebサイトテンプレートでは無いのもまぎれていたり、有料もあるかもしれません
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
今風のウェブを作る際に使えるCSS/HTML/JSのテンプレ『Easy Front-End Framework』 - 100SHIKI 〜 世界のアイデアを日替わりで
フリーで使えるプロ顔負けの美麗CSSサイトテンプレート集:phpspot開発日誌
最小限・最低限で構成されたWordPressのテーマファイル -Starkers