自動でリンク切れチェックし、Webサイトの品質を保つ便利ツール8選 | 人手に頼らないWebサイトの戦略的品質管理指南
Webサイトの品質維持には、リンク切れや不要なファイルを少なくすることが重要です。今回は、Webサイト品質の問題点発見とその解決へのスピードを格段に上げる自動チェックツールを8つ紹介します。日本アイ・ビー・エムが提供するIBM Rational Policy TesterやW3Cリンクチェッカー、W3Cマークアップ検証サービス、リンク切れカッター、Web Developerなどのフリーツールも紹介 数百ページ～数万ページというWebサイトでは、人的な検査だけですべての問題点をチェックするのは実質的に不可能に近い。また、ページ数が少なくても、チェック漏れがあっては意味がない。 自動チェックツールを利用することで、問題点発見とその解決へのスピードは格段に上がる。現代のWebサイトでは、理想的な品質管理を実現するには、何らかのツールの利用は必須だともいえる。 最も効率良く診断できる専門ツール手前
PSDのWebサイトテンプレートを無料でダウンロードできるサイトいろいろ - かちびと.net
PhotoshopでWebサイトを構築出来る（語弊あるかな？）ようにPSDファイルでWebサイトのテンプレートを無料で配布してくれているサイトをいくつかご紹介します。僕には今まであまり馴染みが無かったので備忘録的にまとめておきます。 ライセンスはそれぞれのサイトやテンプレートごとにご確認下さい。 PSDthemes 18個のテンプレートをフリーで配布。かなりハイクオリティです。要登録。 PSDthemes Freepsd 20数個のフリーテンプレート。WPも2つほど。 Freepsd Templates Rain 使いやすそうなデザインがいっぱい。 Templates Rain deviantART deviantARTにもかなり多くあります。リンクは「web PSD template」で検索をかけたページですのでWebサイトテンプレートでは無いのもまぎれていたり、有料もあるかもしれません
第65回 ［図解］Webサイト構築プロジェクト・ワークフロー - Webデザイン エンジニアリング：ITpro
今回は，Webサイト構築プロジェクトのワークフローを俯瞰してみたいと思います。実際にクライアントから声がかかる場面から納品，つまり開発案件の完了までを12の「ステージ」に分けて図解してみました。思考のプロセス/人的配置/タスク/ツールなども一緒に記しています。少し大きな図になってしまいましたが，ご参考になれば。 図は，一番上は「4つのステップ/3つのタスク/12の要素（第62回 持続可能なWebサイト開発を支える12の要素）」。その下は，人的配置をロール(役割)ごとに記述しています。その下は，大まかなタスクのレベルです。それぞれの期間内に処理すべき項目を列挙しています。その下が，「ステージ」。プロジェクト全体を12のステージに分類して作業内容を整理しています。基本的には，その流れの順で進んでいきます。その下は，それぞれのステージのアウトプットのイメージで，更にその下にはよく使うファイルアイ
MOONGIFT: » 必見！怖くなるくらい優秀なCMS「concrete5」:オープンソースを毎日紹介
これまで多数のCMSを見てきたが、ここまで完成度が高いと言えるものに出会ったことはなかった…そう言えるくらい凄い。このどきどき感はDekiWikiに触れた時に感じたものに近い。 見たまま編集できるCMS CMSと言えば、ユーザ画面と管理画面に分かれていて、管理画面はモジュールやテーマの設定、各項目の並びを指定するのが通常だ。実際の出力結果はシステム任せで、その点が柔軟性に欠ける点でもあった。 しかしこれは違う。見たまま編集でき、さらに高い柔軟性を維持している。 今回紹介するオープンソース・ソフトウェアはconcrete5、デザイン、管理、コンテンツ作成全てが高度なCMSだ。 相当個人的な感情が入ってしまっているのは、同じようなシステムを構築する予定があったからだ。だがconcrete5は完成度も高く、多少の改造さえ施せば十分な気がする。やはり下手に開発コストをかけるよりもオープンソースで探
8900個以上のフォントが無料でダウンロードできる「FontSpace」 - GIGAZINE
「FontSpace」はフォント・デザイナーおよびフォント常用者のコミュニティーで、8900個以上のフォントが無料でダウンロードでき、それぞれのフォントについて詳細なライセンスや書体見本、さらには実際に自分で入力した文字がそのフォントではどう見えるかがすぐにその場で確認できるようになっており、めちゃくちゃ便利です。 各フォントにはタグが加えられており、コミュニティに登録しているユーザーの場合はブックマークを付けたり、コメントを付けることも可能。 フォントのダウンロードの仕方は以下から。 Download free fonts @ fontspace.com http://www.fontspace.com/ 使いたいフォントを見つけたらフォント名などをクリックして個別のページに移動します まずは「Customize」の欄にサンプルとして表示させたい文字を入力しましょう するとこんな感じでち
雪・花・泡・落葉・竹・落書きなどのPhotoshopのブラシ
hawksmont Universe 🙂 のPhotoshopのブラシの紹介です。 Fractals Part 1 Fractal Part 2 Floral Part 1 Floral Part 2
人気のオンラインジェネレータ11選『Popular Online Generators』 – creamu
かっこいいジェネレータを探している。 そんなあなたにおすすめなのが、『Popular Online Generators』。人気のオンラインジェネレータ11選だ。 以下にご紹介。 ボタンジェネレータ » http://www.mycoolbutton.com/ » http://www.buttonator.com/# ロゴジェネレータ » http://cooltext.com/ » http://creatr.cc/creatr/ » http://h-master.net/web2.0/ » http://www.simwebsol.com/ImageTool/ バッヂジェネレータ » http://www.web20badges.com/ ストライプジェネレータ » http://www.stripegenerator.com/ Ajaxロードアイコンジェネレータ » http:/
栄光ゼミナール；塾選びガイド
栄光ゼミナールとほかの塾との授業料、サービスなどさまざまなポイントについて比較しています。栄光ゼミナールの授業料、サービスなど充実させたコンテンツで作成していますが、やはり一番栄光ゼミナールを知るには、資料請求が一番です。 栄光ゼミナール資料内容 日程と授業料についてのご案内 栄光ゼミナールの夏期講習のご案内 個別指導のご案内。 「今子供たちは・」資料集栄光ブックレット とっておきなＤＶＤ（届くまでお楽しみ） 栄光ゼミナールでは、はじめての方には無料の夏期講習会になります。テキストの教材費は自己負担になりますが、それでも1教科につきたったの2100円。 栄光ゼミナールは特に中学生を対象に向けて圧倒的人気のサービスです。もちろん、それに付随するしっかりとしたサービスがあります。大手の学習塾には、有名講師が授業を100人程度で聞くタイプと少人数制（6人から20人程度）できめ細やかな授業
サービス終了のお知らせ
平素より「PHPプロ！」をご愛顧いただき、誠にありがとうございます。 2006年より運営してまいりました「PHPプロ！」ですが、サービスの利用状況を鑑みまして、2018年9月25日（火曜日）をもちましてサービスを終了させていただくことになりました。 サービス終了に伴いまして、2018年8月28日（火曜日）を持ちまして、新規会員登録ならびにQ&A掲示板への新たな質問、回答の投稿を停止させていただきます。 なお、ご登録いただいた皆様の個人情報につきましては、サービス終了後、弊社が責任をもって消去いたします。 これまで多くの皆様にご利用をいただきまして、誠にありがとうございました。 サービス終了に伴い、皆様にはご不便をおかけいたしますこと、心よりお詫び申し上げます。 本件に関するお問い合わせはこちらよりお願いいたします。
デザインとWebトレンドのデザインマガジン【Key Person Q】 デザイナー/デザイン｜【まとめ】無料で使える書体・フォントをダウンロードサイト集
当サイトは、株式会社レベルQの協賛をいただいてます。斬新なプロモーションやブランディングなどのプランニング、ハイクオリティなデザインやリッチFLASHなどの制作などのお仕事を承ります。黄金体験コンテンツを創造するべく日々自社サービスを開発しております。 ＜レベルQ プロジェクト一覧＞ 当サイト「キーパーソンＱ」は、グッドデザイン、グッドな広告、グッドコンテンツ、ユニークなプロダクト、ユニークなコンテンツ、ユニークなサービス、またはデザイン制作におけるノウハウなどを紹介するクリエイティビティ溢れるデザインウェブマガジンです。（希望）またデザインイベントやウェブのトレンドコンテンツを紹介します。またグッドなデザインの情報がありましたらご連絡ください。
loupe.js (photorealistic loupe effect for images)
loupe.js 2.0 allows you to add photorealistic loupes (magnifier) to images on your webpages. The design is changeable by use of an image editing program. It uses unobtrusive javascript to keep your code clean. It works in all the major browsers - Mozilla Firefox 1.5+, Opera 9+, Safari, Chrome and IE6+. On older browsers, it'll degrade and your visitors won't notice a thing.
あらゆるページに拡大鏡を追加できる『Loupe.js』 | SIMPLE*SIMPLE
これはすごい。あらゆるページに拡大鏡を設置できるJavascriptです。 ↑ こんな感じに拡大鏡を設置可能。 画像と簡単なスクリプトをインストールすればOKなようです。 追加するコードは以下のとおり。 まずはページのヘッド部分に以下を追加。 <script type="text/javascript" src="loupe.js"></script> そして拡大鏡を追加したい画像にonLoadで以下を追加。 <div> <img id="..." onLoad="initLoupe(this.id);" src="..." width="356" height="205" alt="..."> </div> 細かい写真などを見せたい場合に便利ですね。知っておくとよさそうです。 ダウンロードや詳しい使い方は以下をご覧ください。 » Loupe.js
bodyに設定しておくと便利な3つのポイントとおまけ｜CSS HappyLife
CSS（スタイルシート）でbodyに設定しておくと便利な5つのポイント - デザインウォーカー | DesignWalker - ロサンゼルスで働くウェブデザイナーの日記を読んで、ボクなりな最初に指定して置くと良いポイントを上げたくなったので書いちゃいます。 むしろこのサイトの方向性的に有った方が便利だよなーと。 書くきっかけを頂き、感謝いたします。 ちなみに、最初に指定しておくポイントってそれぞれだと思うので、一つの参考として読んでいただければ幸いです。 最初にbodyに指定しておくと便利だと思う3つを。 body { background:#FFF url(../img/share/bg.gif) no-repeat left top; font-family:Verdana, "ＭＳ Ｐゴシック", sans-serif; font-size:80%; } じゃあ、詳細について色々書
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[これすご]70のphotoshop修正テクニック*ホームページを作る人のネタ帳![[これすご]70のphotoshop修正テクニック*ホームページを作る人のネタ帳](https://cdn-ak-scissors.b.st-hatena.com/image/square/ce5646a1c988730f09c37ff782002cd06d76deb6/height=288;version=1;width=512/https%3A%2F%2Fblog-imgs-21.fc2.com%2Fe%2F0%2F1%2Fe0166%2F200807220004.jpg)
華麗なヘッダーを持つ70サイト*ホームページを作る人のネタ帳
アンディ・ウォーホルのマリリン風に写真を加工する方法 - DesignWalker
hereticanthem co.,ltd. » Photoshop&Illustratorのチュートリアルまとめ
WEB制作者とブロガーの『遊び心をくすぐる』26のブックマークまとめ*ホームページを作る人のネタ帳
ソシオメディア | UIデザインパターン
Webデザインとグラフィックの総合情報サイト - MdN Interactive - Webデザイン超基本のお作法50選
