IE用フリーのデバッグツールプラグイン「DebugBar v.5.0」リリース：CodeZine
Internet Explorer向けプラグイン「DebugBar v.5.0」がリリースされた。「DebugBarのWebサイト」よりダウンロードでき、個人または教育機関で使用する場合は無償で利用できる。 Firefoxには「Firebug」「Web Developer」などのデバッグツールがあるが、DebugBarは似たような機能をIEで実現するプラグインとなる。DOMの解析や、Webレイアウト上でのエレメント表示、HTTPヘッダー情報、HTML・JavaScriptソースの表示、JavaScriptのコンソール実行といった機能を備えている。 今回のバージョンアップではDOMタブの機能を向上したほか、いくつかのバグが修正された。DebugBarインストール後、設定メニューから「日本語」を選択し再起動することで、日本語でも利用できるようになっている。 【関連リンク】 ・My Debu
jQueryを使った、クールな写真ギャラリーを作るためのライブラリ『galleria』 | IDEA*IDEA
ドットインストール代表のライフハックブログ
小粋なDHTMLとAJAXのスクリプトが36種類！『mixiAjax.com』 | S i M P L E * S i M P L E
小粋なDHTMLとAJAXのスクリプトが36種類！『miniAjax.com』 February 27, 2007 3:39 PM written by Gen Taguchi これは覚えておくとちょっと便利そう。 miniAjaxではちょっと小粋なインターフェースをつくるためのDTMLやAjaxを紹介しています。 » MiniAjax.com / A showroom of nice looking simple downloadable DHTML and AJAX scripts 提供されているのは今のところ36種類。 タブでのナビゲーションを実現したり、インラインでの編集を可能にしたり、☆での評価ができたり、先進的なウェブでよく見るインターフェースばかりですね。 ただ、このサイトがすべて準備したわけではなくて、それぞれ他のサイトへのリンクになっています。 おっと、リンク集かよ・・・
ウノウラボ Unoh Labs: デザインセンスの無い人がwebサイトを作成する際に参考にしているサイト
こんにちは satoです。 いくら面白くて、高機能なwebサイトを作成しても、デザインがダサいとサイトの魅力や開発意欲は半減です。 僕もまったくデザインセンスが全く無いのですが、新しい物を作成する際には以下のサイトを参考にしています。 (1)Color Scheme Generator 2 デザインの大まかな配色等を決めるのに使用することがあります。 真似するだけで、Coolなサイトに見えるような気がします。 (2)Color Palette Generator ロゴ等の画像を指定すると、その画像に合ったカラースキームを 教えてくれます。 (3)Web 2.0 Colour Palette 有名なサイトのカラースキームの一覧があります。 (4)pmob.co.uk CSSや画面分割などのさまざまなサンプルや解説があります。 (5)logopond さまざまなロゴのサンプルがありま
CSSでクールなタブUIを作成するサンプル:phpspot開発日誌
OSResources - How to create CSS overlapping tabs? Sometimes simulating a real desktop interface for your web application can be a real challenge, especially when dealing with tabs. CSSでクールなタブUIを作成するサンプル。 次のようなタブUIを作ることが出来ます。 サンプルのCSSを定義しておけば、後は次のようにシンプルなHTMLをコーディングするだけで上記画像のようなタブUIが作れます。 HTMLもクリーン。 <ul class="obtabs"> <li class="first"><span><a href="#">Jack</a></span></li> <li><span><a class="new
100％、CSSのみで構成されるメニューの作り方 - GIGAZINE
JavaScriptがオフになっているブラウザでも問題なく利用できるメニューです。なおかつ操作性は損なわれていません。ほとんどのDHTMLをサポートしているブラウザで動作してくれます。 作り方や実例は以下から。 Pure CSS menus http://www.howtocreate.co.uk/tutorials/testMenu.html 以下も同じ種類のメニューです。 Pure CSS Menus http://meyerweb.com/eric/css/edge/menus/demo.html CSS / DHTML Hybrid Navigation Bar http://www.brothercake.com/scripts/navmeister/page.php CSSだけでもけっこうなんとかなるものですね、めもめも。
無料でウェブサイトのテンプレートを配布しているサイトいろいろ - GIGAZINE
オープンソースだったり、フリーだったりといろいろ。ブログのデザインの参考にしたり、見映えのするサイトを作りたいときとかに便利。全部でサイトデザインの総数は3000個以上ありますので、よりどりみどりです。 まずはこれ。数は少ないですが、ブログ用とかウェブサイト用以外に、写真もあります。 Open Source Website Templates and Downloads studio7designs studio 7 designs 次のサイトは現時点で1645もウェブサイトのデザインが置いてあります。 Open Web Design - Home 以下のサイトはテンプレート79個＋35個＋11個。ほかにもロゴとかもあります。 Zymic ¨ Free Templates & Tutorials 最後のサイトは現時点で1688もデザインがあります。 Open Source Web Desi
JavaをJavaScriptに変換するグーグルのツールを使ってみよう ― ＠IT
米グーグルが発表したGoogle Web Toolkit。Java言語で作成したクライアントアプリケーションを、JavaScript＋HTMLアプリケーションに変換するという、まったく異なるアプローチを持つAJAXアプリ開発ツールだ。簡単なサンプルを動かしてみよう（編集部） 2006年5月17日、米国Googleが、Google Web Toolkitをリリースしました。早速Webサイトを見ると、『Google Web Toolkit - Build AJAX apps in the Java language』（＝Java言語でAJAXアプリを造る）という、Java開発者にとって非常に刺激的なキャッチで始まっています。 これまでも、BACKBASE Java Edition、ICESOFT ICEFACES、Nexaweb などAJAX＋Javaでの開発に対応するフレームワーク製品または
企業のWebマスターのための「せめてこれだけは使っておこう」 : DESIGN IT! w/LOVE
不確実な時代をクネクネ蛇行しながら道を切りひらく非線形型ブログ。人間の思考の形の変遷を探求することをライフワークに。 Webマスターの悩み会社からは「いまの時代、Webが重要だ」と言われ、Webマスターに任命されてはみたものの、まわりの人間や上司はぜんぜんWebについてのリテラシーは高くなく、かくいう自分も人のことは言えず、SEOやブログって言葉くらいは知ってるものの、流行のWeb2.0もなんだかよくわからないし、一体、これから何をどうしていけばいいんだろう？ きっと、そんな悩みを多く抱えるWebマスターの方って結構多いんじゃないかと思う今日この頃。 とりあえず、自社のWebサイトをどうにかしようと、業者に頼んでみたものの、彼らが使う言葉はいまいち理解しきれなくて、それこそユーザビリティだとかアクセシビリティだとか、グローバルナビゲーションだとか適切なマークアップだとか、ターゲットブラウザ
GIGAZINE - 検索エンジン最適化状態を一度に全部チェックする「SEOTOOLS」
チェックしたいサイトのアドレスを入力するだけでGoogleページランク、Yahoo!WEBランク、トラフィック世界ランク、サイト来訪者数、サイト来訪者の平均ページビュー、最重要に設定されているキーワード、最重要キーワードの月間検索数、Google/Yahoo!/MSNの最重要キーワードでのサイトの順位と競合数・狙い目数値、Google/Yahoo!/MSNの被リンク数、ドメイン取得年月日などがわかります。 今まであちこちの同種のサイトを使っていたのがかなり楽になります。国内サービスなので表示も全部日本語で、非常にわかりやすいです。 SEO TOOLS http://www.seotools.jp/ SEOアクセス解析ツール http://www.seotools.jp/001_seoanalyze/ SEO TOOLS - 順位チェックツール http://www.seotools.jp/
効率よく育てやすくデザインする - tikeda's blog
デザイナーが1人だと効率のよいデザインワークってのが肝で最近意識してる事です。 CSS 言わずとしれてますが、後でページ追加したり、機能追加する時など上の項目をコピーして書き換えただけで、デザイナーじゃなくても項目追加を簡単にできます。 テキスト要素はなるべく画像にしない 特にタイトルとか画像にすると、後でページ追加したり項目を増やすのにデザイナーの作業が入るので。なるべく避けてます。 シンボルイメージはグローバルなイメージで サービスシンボルは一番の特徴を捉えるだけのシンプルに（ダイアリーだと「日記を書く」、人力だと「質問と回答」）。細かい特徴を含ませると後で追加された特徴や削除された機能がある度に手を加えないといけないので。 シンボル作りはillustratorで粘る 特にサービスのシンボルや利用頻度の高いアイコンはどんな使い方をどんなサイズで利用されるかが分からないので、photoh
akihiro kamijo: Spry （Ajax フレームワーク）公開
Adobe から Spry という名前の Ajax フレームワークが公開されました。（Adobe Labs/spry） Spry は BSD ライセンスの下でフリーで使用できます。 こちらのページでデモが見られます。（Spry Demos） ダウンロードはこちらから。（Spry Download） Spry の特徴は Web 制作者を主ターゲットにしていることで、CSS を使った HTML ページ作成の知識があれば、特に JavaScript に詳しくなくても使えるよう設計されています。このようにすることで、従来の Web デザインの延長として Ajax を使えるようにしたいというのが目標です。今までの Ajax はどちらかというとプログラマの視点から語られることが多かったですよね。 既に公開されている Flex-Ajax Bridge (FABridge) と組み合わせれば Spry と
革命的CSS - Personnel
革命的CSS～ Table of contents ～ （0000-00-00）革命的CSSとは何か （2003-04-03）コラム （0000-00-00）参考 （0000-00-00）外部リンク 定義 一般とは異なるアプローチで、優れたCSSを追求した結果、これを、革命的CSSと呼ぶことにします。 筆者が思う一般的アプローチの現状 はじめに、「かっこよさ」ありき 「自分らしさ」先行（奇抜なデザインを発見することを目的としている） アイデアの源泉がCSSプロパティ（「こうしたい」ではなく「こうできる」から「する」） 目的は「かっこいいCSSを作る」。これで十分だと思います。私は、その手段として「徹底的に見易さを追求する」を提案いたします。 見易さを追求した結果、本当にかっこよくなるのか、それは分かりません。しかし人の目に心地よいものは、少なくとも美しい理想形を
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
また新しいのが出た。ローディングイメージ作成のお供に『gif generator』*ホームページを作る人のネタ帳
有料ソフトとデザイン作業を無力化させる30のブックマークまとめ*ホームページを作る人のネタ帳
hereticanthem co.,ltd. » フリーでアイコン、クリップアートを配布しているサイトのまとめ