[CSS]上級者向け、スタイルシートのテクニック集スタイルシートで実装する実用的なものからちょっと変わったものまで、25のテクニックをDesizn Techから紹介します。 25 Advanced CSS Techniques 1. CSS Gradient Text and Background テキストや背景をグラデーション表示。
いい感じの手作り感が出せる紙のテクスチャ素材色々:phpspot開発日誌
80 Free High Res Paper Textures | The Roxor | Design blog for resources and inspiration いい感じの手作り感が出せる紙のテクスチャ素材が色々と紹介されていました。 個人的に、手作り感がいいなぁ、と思ってしまう紙のテクスチャ。紙といっても色々な種類があって、それぞれに個性があります。 Wrinkled Paper 学習ノートにちょっとシワをいれた感じのテクスチャなど 当ブログのデザインに合成してみたところ、なんとも手作り感漂うデザインが出来てしまいました。 Photoshopの乗算によって合成してみた図。かかった時間1分。いつか実際にやってみたい。 Burnt Paper Textures ちょっとこげた感じの和風テクスチャなど 1パターンじゃなく、さまざまな焦がしパターンがあってナイスです。 こういう画像
WEBデザイナーという肩書きを使う場合にあったらいいかもなスキルとWEBで見れる無料教材とリソース集:phpspot開発日誌
WEBデザイナーという肩書きを使う場合にあったらいいかもなスキルとWEBで見れる無料教材とリソース集 2009年03月23日- WEBデザイナーという肩書きを使う場合にあったらいいかもなスキルとWEBで見れる無料教材とリソース集。 プログラマが１ヶ月でWEBデザイナーに転身する方法 というエントリを見て、プログラマの方々のWEBデザインに関する関心の高さを見て書いてみます。 WEBデザイナーといっても色々な知識が必要で、かつ、最近はフリーのテンプレートも豊富にある中、どれだけ出来ればWEBデザイナーとして成り立つのだろう？という疑問がありましたので考えてみました。プログラマの方で、WEBデザインをやってみたい。また、全くの素人だけどWEBデザイナーを仕事にされたいという方の参考になれば幸いです。 最低限の知識編 1. HTMLとレイアウト力 まず、知っている人には物凄く当たり前の事ですが、
モバイルサイトデザイン集のモバイルデザインアーカイブ 公式サイト
モバイルデザインアーカイブとは？ 携帯サイトを制作する上で、「ケータイサイトを参考にしたいけど、仕事に役に立つケータイサイト集ないかなー？」と思っているデザイナーの方へ向けて公開させていただきました。 そんなモバイルデザイナーのモバイルデザイナーによるモバイルデザイナーのための国内最大の携帯サイト集です。 モバイルサイト制作を請け負ったけど、「なかなかデザインがまとまらない」「洗練 された携帯サイトのデザインを参考にしたい」といった方のために、優れたデザインの ケータイサイトを集めました。 デザインに優れた携帯サイトはもちろん、技術的に優れた携帯サイト、そして現在のウェブトレンドを捉えた携帯サイトを掲載しています。
くずHTMLが健在な5つの理由 - builder by ZDNet Japan
2年強前、私は開発者たちにひどいHTMLを書くのをやめて欲しいとお願いする記事を書いた。しかし、その後この問題はさらに悪化している。 何週間か前、私はTech Republicのこのブログの読者に対して、自分のHTMLの品質について聞いた。読者の約25％が自分のHTMLはすべての標準に準拠しているという主張だった。私はこのブログの読者についてよく知っているので、この数字は正しいと信じている。しかし、私はこのブログの読者がかなりの少数派であることも知っている。残念ながら、くずHTMLは健在だ。 ここに悲しいニュースがある。AlexaのTop 500のサイトのページで正しいものは7％以下だというのだ。これは、これらのページだけの問題なのだろうか。残念ながら違う。研究者によれば、「これははるかに大きなMAMAの分析対象全体よりも少しよい結果となっているが、サンプル数と差分が小さく、差があるとはっ
フリーの写真素材が見つかるサイト30+ – creamu
「SitePoint」でフリーの写真素材サイトが紹介されています。 ざっといくつかご紹介。 » stock.xchng 超定番ですね。パレートの法則的にはほぼここだけでいいのでは » morgueFILE 200,000を超えるフリー画像 » Unprofound.com 色でソート可能な素材サイト » Photoeverywhere UKでの旅やレジャータイムを中心とした3,000を超える写真いろいろ » STUDIO7DESIGNS Free Stock Photography 高解像度の自然の写真素材 » FreePhotos.com 4,600以上の素材集。検索ができ、カテゴリーからも探しやすい » AarinFreePhoto.com ユーザー登録なしで利用可能。950以上の素材いろいろ その他のリストは以下からどうぞ。 » A Collection of 30+ Free St
アイコンの効果的な使い方を実例から学ぶチュートリアル | コリス
アイコンの効果的な使い方を実例から学ぶチュートリアルをSmashing Magazineから紹介します。 How To Use Icons To Support Content In Web Design 下記は、その意訳です。 How To Use Icons To Support Content In Web Design アイコンは、ユーザーをあなたのウェブサイトの内容に惹きこませるシンプルで、効果的な方法です。 アイコンを使用して、ウェブサイトのコンテンツをサポートする素晴らしいサンプルとベストプラクティスを紹介します。 1. How To Use Icons アイコンを効果的に使用する方法 アイコンを使用する際のゴールの一つは、ユーザーに情報を素早く、そして効率的に伝えることです。 アイコンを効果的に使用すると、説明を必要とせずに、有効なコミュニケーションを可能にし、少ないコンテ
ウェブサイトの制作・検証に役立つブックマークレット集
レイアウト用のグリッドをオーバーレイで表示します。 URLを変更すれば画像の変更可。 Bookmarklet Layout Grid Overlay MRI
[CSS]シンプルでクールなデザインのパンくずを実装するスタイルシート
グラデーションを使用したアローでデザインされた、シンプルでクールなパンくずのスタイルシートをVeerle's blogから紹介します。 <textarea name="code" class="html" cols="60" rows="5"> <ul id="crumbs"> <li><a href="#">Home</a></li> <li><a href="#">Main section</a></li> <li><a href="#">Sub section</a></li> <li><a href="#">Sub sub section</a></li> <li>The page you are on right now</li> </ul> </textarea>
WEB開発に活用できる、２００９年初お目見えアイコンセット集:phpspot開発日誌
WEB開発に活用できる、２００９年初お目見えアイコンセット集。 知っていると思っていても、まだまだ知らないアイコンは色々あるみたい＆生まれているみたい。 Proxal Icon Set v2 by !valkyre on deviantART 細かくデザインされたミニアイコンセット Sanscons シンプルだけど背景色が選べて汎用に使えそうなアイコンセット iconset "sketch'd up!" on the Behance Network スケッチがいい味をだしているアイコンセット WebDev Icon Pack WEB開発に使えそうなものがかなり沢山詰まっている Irokez CMS Icon Set CMSに使えそうなアイコンセット集 参考エントリ：50 of the Best Ever Web Development, Design and Application Ico
売れてるSEO業者が行っているのはSEOでもSEMではなくHIO
最近のSEO業者のテクニックというか、昨今のサーチエンジンの進化に伴うSEO業者の動向。 サーチエンジン最適化、というのはよく言ったもので、SEO！SEO大事！SEOしなきゃカス！みたいな時代があったが、現在は終わりを告げそうでもある。 というかSEOという行為そのものが当たり前になっているし、これはもうサイト作成の基本であり、どのweb屋でも一つのパッケージとして捕らえている部分じゃないだろうか。 ただ、検索エンジンに対してサイトを最適化と一言で言っても、一昔前のやり方と手法は大きく変わっている。 今回は、現在SEO業者が最も使っているHIOについて考えていこうと思います。 『SEO』の背景 SEOという言葉が誕生した時は、ページに対して、『このページはこんな情報を持っています』という事をサーチエンジンに教える為に、HTMLタグをきっちっと使うとか、見た目がばらばらでも、CSSで上から順
「たかが色、されど色」 ヒトとWebと色の関係：MarkeZine（マーケジン）
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
WEB制作のスキルに薬事法と医師法の知識は必要ではないかという提案
食品関係のショッピングサイトには細心の注意が必要となる。 ホームページ作成をする上で、最も注意しなければならないのが、法律的トラブルの回避です。 その為に契約書と規約というものを必ず設ける必要があります。 例えば、大学生の人が、アルバイトで何も考えずにホームページを受注し、相手から出された資料を元に作成したとします。 渡された資料が、既に薬事法に違反していたとします（かなり多い）。 こうした違反したページを作った場合、作成した会社と、WEB制作者に罰則が言い渡される事があります。 これを回避する為、かならずホームページ上での文章等の責任は、全て依頼元に委託する規約が絶対に求められます。 こうしたトラブル回避は、ある程度薬事法と医師法の知識さえあれば先に打開策を練る事が出来ますが、一般的WEB制作者の中には、言葉すら知らない人も居るでしょう。 今回は、こうしたWEB上での最もトラブルになりや
HTMLを綺麗に保つ12の原則 | エンタープライズ | マイコミジャーナル
Smashing Magazine - WE SMASH YOU WITH THE INFORMATION THAT WILL MAKE YOUR LIFE EASIER, REALLY. Chris Coyier氏がSmashing Magazineにおいて12 Principles For Keeping Your Code CleanのタイトルのもとHTMLコードをクリーンにするための12の原則を紹介している。厳密には11の原則だが、HTMLをクリーンに保つ上で実践的で効果的なものだ。WebデザイナやWebデベロッパは一度チェックしておきたい。12 Principles For Keeping Your Code Cleanで紹介されている原則を要約すると次のようになる。 [原則1] HTML 4.01を採用する場合でもXHTML 1.0を採用する場合でもStrict指定のDOCTY
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
c-news.jp
かなり自由にスタイリッシュなボタンを作れるジェネレータ『Da Button Factory』 - 100SHIKI 〜 世界のアイデアを日替わりで 〜
サイト制作に役立つ、SEO関連のチートシートのまとめ
おしゃれなリスト実装サンプル:phpspot開発日誌
つなぐ、つながる、そして未来へ Developers Summit 2009
インタビュー2009（１）ウェブデザイナーの中村勇吾氏「旧世代サイトを見直したい」インターネット-最新ニュース:IT-PLUS