魅力的なウェブサイトを作成するために知っておくと便利な9つのスクリプト - GIGAZINE
個人的なウェブサイト作成や仕事としてウェブサイトを作成している人だけでなく、何かのサイトを発注して作ってもらう際などにこういうのを知っておくと、かなりはっきりと具体的なイメージを相手に伝えやすくなるので、スムーズにコミュニケーションできるはずです。あるいはクライアントにこれらのリソースの存在を認知してもらうことで、話が進めやすくなるかもしれません。 というわけで、魅力的なウェブサイトを作成するために知っておくと便利な無料の各種スクリプトは以下から。 Woork: Useful resources and tutorials for developing stunning web sites 1. ModalBox http://www.wildbit.com/labs/modalbox/ Web2.0スタイルのダイアログボックスなどを表示させることができます。Mac OS Xのダイアログボ
自分のページやサイトが各ブラウザでどのように見えるか確認できる便利なサイトいろいろ - GIGAZINE
サイトのレイアウトを変更したり、新しくデザインする際に使えるのがこのクロスブラウザテスト、要するに「それぞれのOSのそれぞれのブラウザで自サイトは正しく見えているのか？」をチェックするサイトです。予算と時間が潤沢であれば、自分で各種OSを揃え、各種ブラウザを導入してチェックできるのですが、あまりにも非現実的な場合が多いため、この手のテストサイトは非常に重宝します。 というわけで、デザインやレイアウトのチェックに使えるクロスブラウザテストのサイト一覧は以下から。 10 Helpful Resources for Cross Browser Testing Browsershots http://browsershots.org/ 見てのとおり、現時点ではほぼ最強に最も近い定番クロスブラウザテストサイトが「Browsershots」です。Linux・Windows・Mac OS・BSDの各種ブ
[Think IT] 第2回：携帯サイトの制作から公開まで (1/3)
サイト規模に合わせて作り方を選ぶ 前回（http://www.thinkit.co.jp/article/143/1/）は、携帯サイトとPCサイトがどのように違うかを紹介しました。今回は、汎用的な携帯サイト作りを行うための制作の基本から、実機テストまで含めた公開までの手順を解説します。 携帯サイトでは、キャリアによる仕様の違いがあるため、これをどの程度まで考慮するか、はじめに考えなくてはなりません。携帯サイトの作成法には、下記の5つの方法がありますが、ここでは「3キャリア対応の静的サイト+プログラム」について紹介します。 1.キャリア別に静的なサイト 2.3キャリア対応の静的サイト+プログラム 3.プログラムによる動的生成 4.CMSを使ったジェネレータ型 5.MobaSiF（http://sourceforge.jp/projects/moba）などのフレームワーク型 3キャリア対応の静
個人・商用サイトで利用可能な大きいサイズのテクスチャ配布サイト -Texturise | コリス
Texturiseは、個人サイトでも商用サイトでもフリーで利用可能な紙・木・植物・石などのテクスチャを配布しているサイトです。 サイズもかなり大きめで、2000～3000ピクセルくらいのものが揃っています。
正規表現の機能の覚書き
はじめに「はじめての正規表現」がホッテントリ入りしていますが、 導入としては、何に使うのかがわかりやすくて良いのではないかと思います。 あれを見て、基本機能をまとめてみたくなったので、正規表現の基本的な機能について書いてみます。 （正規表現が初めてという人は「はじめての正規表現」を先に見たほうがいいと思います。） 例では「検索」か「置換」をするものとして話を進めていきます。 （「はじめての正規表現」が実例を中心にしたのに対して、こちらは機能を中心に書きます） 正規表現は、プログラミング言語やその他のツールなど、それぞれで微妙な違い（方言）があるので、その点には注意が必要です。 （表記法が違ったり、ここに紹介する機能がサポートされていなかったり、逆に紹介していない機能をサポートしていたりする場合があります） メタ文字とリテラル文字正規表現には、メタ文字とリテラル文字というものがあります。 メ
[CSS]大胆なドロップダウン型のナビゲーションを実装するスタイルシート
CSSplayのエントリーから、透過PNG画像を使用した大胆なドロップダウン型のナビゲーションを実装するスタイルシートの紹介です。 Professional drop-down #13 with png transparency デザイン的に面白いだけでなく、通常のドロップダウンに比べ領域が広いため、マウス操作を誤ってドロップダウンが非表示になってしまうということも少ないと思います。 対応ブラウザは、IE6, IE7, Firefox, Opera, Safari(PC) and Google Chrome Betaとなっています。 IE6対策には、ドロップダウンの箇所にtable、背景画像にfilter(AlphaImageLoader)が使用されています。
制作会社で働く人向け「はじめての正規表現」 - あと味
制作会社で働いてると、ディレクターやライターであればライティング作業をすることがあるし、マークアップエンジニアであればHTMLやCSSを処理するし、プログラマーであればコードを書きます。 制作会社に勤めていれば全員何らかの形で、文字列を扱うことになります。 そんな時に正規表現という超強力な文字列処理のテクニックを身につければ、今以上に作業がはかどるし、いろんな問題が解決するのかなーと思い、先週1時間弱の勉強会を開催しました。 プログラマーは普段から使ってるんですけど、なかなか他の部門の人に紹介する機会がないのが現状だったので、多少なり役立ったんじゃないかと思ってます。 せっかくなので、その勉強会で使ったスライドを動画にしてニコニコ動画にアップしたので、ご紹介します。*1 ついでにウェブページ形式にもしてみました。 はじめての正規表現 って中の人が言ってました。 追記： Twitterのフォ
テキストをかっこよく魅せるPhotoshopのチュートリアル集：Part 8 | コリス
テキストにグラデーション・カラフル・フローラル・ポップ・ステッチ・メタル・ペイント・プラスチック・レトロなどのエフェクトを使用したPhotoshopのチュートリアルの紹介です。
サイトのレイアウトやエレメントを作成するPhotoshopのチュートリアル集
ウェブサイトのレイアウトをはじめ、ナビゲーション、ボタン、アローなどのエレメントを作成するためのPhotoshopのチュートリアルの紹介です。
独特な雰囲気がある外国の昔の本のようなPhotoshopのブラシ
webrunr.comから、天体や世界地図や動物など、独特な雰囲気がある外国の昔の本のようなPhotoshopのブラシを紹介します。
一流のサイトデザインを一から作成する手順集:phpspot開発日誌
The 60 Best Photoshop Tutorials to Design Your Own Amazing Site | 一流のサイトデザインを一から作成する手順集。 次のようなクールなサイトデザインをPhotoshopで作っていくチュートリアル集が公開されています。 Photographer Portfolio layout Unique Grungy Website Layout Game Layout with Scratched Menu Wedding Layout Simple Business Style Agency Layout 全部見る 参考に作ればデザインの苦手な人でもそこそこのページが出来そうですね。
デザインセンスを刺激するインスピレーションサイト10選
デザインセンスを刺激して、インスピレーションを与えるサイトの10選です。 Pattern Tap ボタンや背景・線などエレメントごとのデザイン集 StyleCrunch クールなデザインでスタンダード
見積もりが高いといわれたら。Noという交渉術 | 企業ホームページ運営の心得
コンテンツは現場にあふれている。会議室で話し合うより職人を呼べ。営業マンと話をさせろ。Web 2.0だ、CGMだ、Ajaxだと騒いでいるのは「インターネット業界」だけ。中小企業の「商売用」ホームページにはそれ以前にもっともっと大切なものがある。企業ホームページの最初の一歩がわからずにボタンを掛け違えているWeb担当者に心得を授ける実践現場主義コラム。 宮脇 睦（有限会社アズモード） 「社名での検索は意味ないよ」。納品したサイトが侮蔑のニュアンスも込めて否定されたのは、SEOが一般的に知られていない時代の話です。 依頼はこうでした。数年前に知人に作らせたサイトが検索エンジンで行方不明状態なので「社名」で検索されるようにしてほしい。この会社は路線バスの看板、地域誌、チラシなどに莫大な広告費を投じ、社長の親が経営するまさしく親会社も地元の有名企業で「社名」は知れ渡っており「社名検索」で見つかるこ
ロイヤリティフリーの写真素材が見つかるサイト25選『25 Free Stock Photo Sites』 | CREAMU
ロイヤリティフリーの写真素材サイトを探している。 そんなあなたにおすすめなのが、『25 Free Stock Photo Sites』。フリーの写真素材が見つかるサイト25選だ。 以下にいくつかご紹介。 » Stock Xchng 有名な写真素材サイト » everystock 300万以上の写真が登録されているモンスターサイト。フリーの写真検索エンジンとなっていて、オプションでライセンスを選んで検索できる » Imagebase 無料で使える写真サイト。ライセンスはCreative Commons。1600×1200と3072×2048の解像度の2パターン » morguefile 無料で使える写真素材サイト » photorogue ちょっと変わったサイト。「こんな写真撮ってきて」とオンラインでリクエストすると、フォトグラファーが実際に撮ってきてくれるサービス。しかも無料 » Geek
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
サイトのロゴ作成のヒントとなる秀逸なロゴデザイン集:phpspot開発日誌
Photoshopブラシを使って、簡単トレンドデザイン - DesignWalker
https://www.designwalker.com/2008/08/logo-process.html
綺麗で立体感のあるサイトメニュー素材:phpspot開発日誌
600個以上の高品質なフリーフォントがダウンロードできる -Fontso
webサイト作成時にサイトカラーを決められない人の為のwebサービスいくつか*ホームページを作る人のネタ帳
