フリーの高品質WEBデザインレイアウトテンプレートPSD７０:phpspot開発日誌
70 Free Professional PSD Templates for Web Design | reADactor フリーの高品質WEBデザインレイアウトテンプレートPSD７０。 これフリーなのっていうぐらい高品質なテンプレートが公開されています。PSDなので自由に編集できて色々と使えそうです。 デザイン費を安く抑えたい方には嬉しいですね。 こういうものをベースとして編集してデザインを安くクライアントさんに提供するなんていうのも１つのモデルになるのかも（PSDのライセンスは要確認） 関連エントリ シンプルで汎用に使えるWEBレイアウトのPSDソース「Blackbeard template」 最近リリースされたWEBデザイン用PSDデータ５種 覚えておくと便利そうなWEBデザイナー向けハイクオリティPhotoshop素材１５ ハイクオリティなWEBデザイン用Photoshopパーツ５
低コストで簡単にできるフリーランスの Web 屋の人に知ってもらいたいデータバックアップ方法いろいろ | ウェブル
先日「日本中の人が知ってるであろう物凄いフリーランスの Web 屋の電球さん」と Twitter で話していたらバックアップを定期的に手動で行ってると聞いて驚きました。今の時代なら、バックアップは自動で取ることができますよ。 私も5月20日からフリーランスになるので、フリーランスのみんなに無料できるバックアップから低コストでできる究極のバックアップまでいろいろ紹介します。 対策をしなければデータは必ず消滅します 今まで対応してこなかった人はデータが消滅した体験がないから対応しないんじゃないでしょうか。私は過去に4年分の思い出を全て失っているためこれくらい神経質になっています。今持っているデータが消滅したことを想像して、私と同じ過ちを繰り返さないように対策をしましょうね。 Dropbox でできる無料のバックアップ Dropbox のファイルはクラウドに送信されます。だから自分のパソコンが壊
私がwebサイトのラフデザインを制作する時の流れ │ Design Spice
私がwebサイトのラフを作る時の流れを書いてみました。 独学で身に付けた方法であり、 一般的な方法ではないかも知れないことを予め断っておきます。 私にはやりやすい方法ですが、 他の人にとってはそうではないかもしれません… 本エントリーはラフデザインのみ注力するため、既にコンセプト、ターゲット、サイト構成などは決まった状態と仮定します。 （※本文中のショートカットキーは全てMacの場合です） 希望デザインのヒアリング ※委託業務の場合です どんなデザインが希望かを先方にヒアリングします。 この時にできるだけ、クライアントのイメージを明確にするため 抽象的でも良いので沢山言葉を貰います。 明るい、可愛い、ポップ、カッコいい、シンプル、落ち着いた…etc 具体的にデザイン参考にしたいサイトがあるのなら聞いておきます。 また頂いた言葉と自分のイメージのギャップを埋めておきます。 ”シンプル”と言う
Google +1ボタンでGoogleはFacebookに勝てる?!: 世界中の１％の人々へ
2011年6月| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 Google +1はGoogleのソーシャルメディア戦略の新兵器。 「おたくの検索サービスにも「いいね！」ボタンつけない？」と言われ、「絶対やだ！」と拒否したGoogleですが、どうするのかと思えば、アメリカ西海岸時間で6月1日AM10時23分、「いいね！」ボタンにとてもよくにたサービスを公開しました。その名も「Google +1ボタン」 、Googleカラーの色合いがとてもキュートでデザインは気にいってます:D 「Google +1ボタン」は友達がサイトや検索結果につけた評価をGoogleプロフィールで共有するサービスです。Googleはソーシャルメディアでは何度も失敗してますが、こんどこそ本気でソーシャルメ
国産のWebデザインギャラリーサイトが一番参考になるのでまとめた - かちびと.net
Webデザインのギャラリーは沢山 ありますが、結局感性の近い国産 のギャラリーが一番参考になるの でまとめました。探してみると結構 いろいろあるんですね。助かります。 やはりギャラリーは国産がいいですね。沢山あるので、ある程度厳選しています。 io3000 最近知りました。すごくいいですね、ここ。見やすいし、使いやすいです。おすすめ。 io3000 straightline bookmark とにかくクールでクオリティの高いサイトをブックマークしているギャラリー。 straightline bookmark Web Design Clip こちらも個人的にオススメのギャラリーサイトです。目的のデザインも直ぐに見つかりますよ。 Web Design Clip Good Design Web こちらは他ではあまり見かけない良デザインのサイトを紹介してる貴重なギャラリーです。 Good Desi
RedLine Magazine : CSS セレクタ総復習 （2010年5月版）
CSS セレクタ総復習 （2010年5月版） CSS3のプロパティにも興味津々なのですが、その前にまずセレクタを全部まとめて総復習しておこうかな、と。本来1ページに書くべきではない内容量なので読み込み遅いと思います。ごめんなさい。 Selectors Level 3 http://www.w3.org/TR/css3-selectors/ 選択子 http://zng.info/specs/css3-selectors.html (日本語訳) ※下記内容で、サンプルページを用意したセレクタもあるんですが、当然、各セレクタに対応しているブラウザとそうでないブラウザがあります。対応していないブラウザでサンプルページを見ても再現できません。 目次 * (汎用選択子) E (型選択子) E[foo] (属性選択子) E[foo="bar"] (属性選択子) E[foo~="bar"] (属性選択子
マークアップ効率化 - zen-codingでコーディングを倍速に
HTMLの記法について 基本的には「div」の様に要素を省略せずに記述して、それを展開すると「<div></div>」という形に展開されます。 このときに展開できる要素は以下の公式ドキュメントに明記されていますのでそちらを見るとよいです。 Zen HTML Elements Zen HTML Selectors Zen CheatSheets 基本的な記法 ひとつずつ順番に記述して説明していきます。しばらく初歩的な説明になるのである程度知っている方は飛ばしていただいて良いかと思います。 まずものすごく基本的な記法である、単独タグの記法について説明を行います。 cssのセレクタをイメージしながら見ていくと納得しやすいと思います。 タグだけ変換 変換前 div 変換後 <div></div> デモ 文末でtabを押してください div 変換後、div要素の間にカーソルが移動するので、すぐにテキ
サッカー・フットサルのユニフォームのオーダーなら｜ロンヨンジャパン
ユニフォームはチームが持つ想いやメンバー同士の絆を象徴する重要なアイテムです。 ロンヨンジャパンはシミュレーターだけでなく、専属デザイナーがサポートするので漠然としたイメージでも形に出来ます。 一緒に世界で一つだけのユニフォームを作りましょう。
アスクル
検索結果や商品詳細ページに表示されている「お届け日」「在庫」はお届け先によって変わります。 現在のお届け先は アスクルの本社住所である、 東京都江東区豊洲3（〒135-0061） に設定されています。 ご希望のお届け先の「お届け日」「在庫」を確認する場合は、以下から変更してください。
IE6、7でも動いてくれる&実用性の高そうなjQueryプラグイン30個まとめ
cssやプログラミングIE6でも動くjQuery 使いやすそうなjqueryプラグイン をまとめました。最低でもIE6でも 動いてくれる事を前提にしています。 他サイトでよく見かけるプラグインで、 個人的に実用性のあるプラグインと 思ったものをまとめます。 使いやすそうなjqueryプラグイン をまとめました。最低でもIE6,7でも 動いてくれる事を前提にしています。 他サイトでよく見かけるプラグインで、 個人的に実用性のあるプラグインと 思ったものをまとめます。 IE6、7でも動いてくれて、実用性のあるjQueryいろいろ。確認したブラウザはIE6,7とChromeです。他は大抵動くんじゃないかな（適当）。 デモで画像が透過されていないのもありますが、他のjsライブラリでIE6でも透過可能（DD_belatedPNG.jsとか）なのでそこは抜きにして動作する事を条件に挙げています。主観入
高品質でフリーのウェブサイトテンプレート集「TemplatesBox.com」 - GIGAZINE
通常のウェブサイトだけでなく、Flashサイトのテンプレートやロゴマークのテンプレート、バナーやボタンまで置いてあります。これらがすべてフリーというのが驚き。全部で200個以上あるようです。 TemplatesBox.com http://www.templatesbox.com/ ウェブサイト用テンプレートは利用したPSDファイルやフォントも同梱されており、DreamweaverかFrontpageで編集しやすいようにできています。 ウェブサイト用テンプレートあれこれ http://www.templatesbox.com/templates.htm ロゴデザインのテンプレートはPSDファイルとフォントファイルが同梱されています。親切。 ロゴデザインのテンプレート http://www.templatesbox.com/free-logo-templates/index.htm ウェブサ
Web制作関連記事の復習メモ
今年も色々と情報が発信されました。 後で試そう、とか後で見よう、と思った まま何もしていない自分がいたので ちょっと復習用にメモ。来年の勉強用です。 個人的なメモですが参考になれば幸い。 内容はWeb制作に関わる記事ですが、まとまりがありません。単なるメモなのでご了承いただければと思います。順不同。 JPEG画像をより美しく、より軽量に最適化するテクニック 理屈に沿った軽量法でした。これは癖を付けてナンボのテクニックですね。頭に叩き込んでおきたい。PNGも合わせて。 JPEG画像をより美しく、より軽量に最適化するテクニック とっても使えるoverflowプロパティ。その使い方色々。 凄く便利。こんなに役に立ってくれるプロパティだとは知りませんでした。これも覚えておくと便利そう。 とっても使えるoverflowプロパティ。その使い方色々。 商用無料で使える写真素材サイトまとめ2009年度初版
2009年に発見した秀作アイコンのまとめ:phpspot開発日誌
今年も沢山のアイコンセットを発見しましたが、2009年に発見した秀作アイコンをまとめてみました。 WEBアプリ汎用、ソーシャルアイコン、Eコマース用アイコン、その他に分類してます。 WEBアプリ汎用 Led Icon Set - Psdtuts+ MinIcons by ~kyo-tux on deviantART 32px mania Vaga Onebit free icon set いい感じのアイコンセット Project Icon Set | Dezinerfolio WooFunction: 178 Amazing Web Design Icons?|?WooThemes WP WooThemes Ultimate Icon Set ? First Release?|?WooThemes 綺麗で汎用に使えそうなアイコンセット集「Function Icons」 Icon Set b
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ロクナナワークショップ
http://www.china-webby.com/%E4%B8%AD%E5%9B%BD%E8%AA%9Eweb%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E4%BD%BF%E3%81%88%E3%82%8B%E3%83%95%E3%82%A9%E3%83%B3%E3%83%88/
81-web.com : 日本のWebデザイン・Webサイトギャラリー＆リンク集
MovableType
[ホームページ作成] All About｜HP制作の基礎や便利な情報を解説
マウスオーバーするとスライド式で現れるナビゲーション | CREAMU
Grafpedia - Premium tutorials for beginners to advanced users of Adobe Photoshop.
