プロっぽくて編集しやすいフリーのウェブサイト用テンプレート配布サイト「TemplateYes」 - GIGAZINE
最近はブログなどを使ったサイトが非常に多いのですが、やはりきちんと作り込まれたサイトも必要なわけで。だからといってゼロから作るのは大変。そこで使えるのが、あとから編集してカスタマイズしやすい商用利用可能なフリーのウェブサイト用テンプレート。元となるPSDファイルなども付属している場合があるので、それぞれのパーツをかなりカスタムすることが可能となっています。また、全部Flashでできたサイト用のテンプレートなどもあります。 ダウンロードは以下から。 Free Website Templates, Flash Templates, CSS Templates - TemplateYes.com まずは各ジャンルごとにサンプルを見てみましょう。 ・PSDファイルとフォントまで付属した通常のウェブサイト用テンプレート ダウンロードはここをクリック ダウンロードはここをクリック ダウンロードはここを
Trac Lightningのデザインがひどい件 :: ASOK?
02 « 12345678910111213141516171819202122232425262728293031 » 04 Trac Lightningのひどいデザインをなんとかすべく、調べたり探したりしてみた。 ディレクトリ ■全プロジェクトのデザインを変更する TracLight\python\share\trac\htdocs\css ■個々のプロジェクトのデザインを変更する D:\TracLight\projects\trac\arkios\templates ■デフォルトのデザインを変更する TracLight\install\trac-template\templates\site_css.cs Trac LightningのCSSを変更する (+KeiyaKanno's Blog) trac月(TracLight)のアップデートメモ - blog.azukipochett
第4回 ブレークポイントによるデバッグとFirebugのこれから | gihyo.jp
最終回となる今回は、前回触れられなかったScriptタブでのデバッグ方法、Firebugの拡張である「yslow」の説明、そして最後にFirebugの今後について紹介します。 ブレークポイントの設定方法 FirebugではJavaScriptにブレークポイントを設定することができます。次のコードで試してみましょう（open(this.href);return false" onkeypress="window.open(this.href);return false">ex01.html）。 リスト1 ex01.htmlの抜粋 function Func(){ var num = Math.floor(Math.random()*1); var h1 = document.getElementsByTagName('h1')[0]; if(num<5){ h1.innerHTML =
第11回 Webデザインの仕事で活用している厳選アプリ・ツール（1） | gihyo.jp
(X)HTML/CSS関連の記事が続きましたが、今回と次回の記事では私自身も仕事で活用している、なくてはならないアプリケーション・あると便利なツールを、オンラインツール・デスクトップアプリケーション問わずご紹介します。 今までいろいろなアプリケーション・ツールを試してきている中で、長く使っていて本当に便利だと感じたものかつ、仕事で実際に活用しているもののみを厳選しています。ぜひチェックしてみてください。 なお今回は、テキストエディタ・ブラウザなどの基本的なツールを中心に紹介していきます。 テキストエディタ 簡単な文書を書いたり、一時的なメモをするために気軽に立ち上げられるツールでもあり、HTMLやCSS・各種CMSのテンプレートなどを書くための必須ツールでもあります。 高価なオーサリングソフトを使わなくても、小規模なサイトのHTML/CSSであればこれだけで十分と思えるほどです。 skEd
jsmap - JavaScriptによる都道府県入力補助
Q - なぜ、全国地図にしないのですか? 4つほど理由があります。 ポップアップが場所をとりすぎるから 現在、地図部分は185x120pxにおさめていますが、標準的なモニタ解像度ではこの辺が限界です。 キーボード操作時の押下回数を減らすため jsmapがフォーカスするのはSugarCRMなどのWEBアプリです。使い切りのWEBフォームと違い、慣れによるスピードアップが望めるUIである必要があります。 多言語対応のため 日本は47都道府県なので、かろうじて可能だと思う方もいるかもしれませんが、これがイギリス(現在製作中)とかでは100を超えます。 認知的限界のため これも重要。ぱっと見て探せる数というのは、15や20がせいぜいです。 ただ、上記の話とは別に、地方選択用の全国図はあってもいいと考えていますので、それは将来のバージョンで。 Q - 地図はもっと詳細化/単純化しないのですか? 詳細
Google人気JavaScriptライブラリ配布開始、ネット全体でキャッシュ効果 | エンタープライズ | マイコミジャーナル
GoogleからGoogle AJAX APIを拡張する新しいサービス「The AJAX Libraries API」が公開された。The AJAX Libraries APIはGoogleのサイトで人気のある有益なJavaScriptライブラリを提供しようというもの。これまでYUIであればYahoo!、DojoであればAOLなどが同類のサービスを提供していたが、特定のJavaScriptライブラリに限定することなく有益であれば配布に追加するというポリシーをもっている点が新しい。 JavaScriptライブラリを活用するタイプのWebアプリケーションは数多くある。結果として、何度も似たようなJavaScriptライブラリをダウンロードしていることになり、このままいけば今後ライブラリ自体のサイズの巨大化や多くのサービスの登場でライブラリダウンロード総量は増加することになる。 The AJAX
[Think IT] 第2回：Ajaxライブラリの変遷 (2/3)
【これならわかる！JavaScript/Ajax】 Ajaxライブラリ入門 第2回：Ajaxライブラリの変遷 著者：林 俊之 公開日：2008/5/9（金） 「prototype.js」は、「Ajaxライブラリと言えばprototype.js」というぐらい圧倒的な支持率をもつメジャーなライブラリの1つです。 もともとはWebアプリケーション・フレームワーク「Ruby on Rails」のプロジェクトで開発されているライブラリで、Ruby on Railsと共に用いられることも多いです。もちろん単体でも使うことができます。 当初はドキュメントがほとんどなく、みなソースコードを読んでその実装を読み解くということがblog上で行われていました。 それでは、prototype.jsの特徴的な$()とClass.create()の機能を見てみましょう（図2）。 まず、$()という関数はDOM
ブラウザごとのeventオブジェクトの違いを理解する：CodeZine
はじめに ブラウザの種類やバージョン、おのおのブラウザ独自の実装の違いを考慮し、同じように動作するスクリプトを「クロスブラウザスクリプト」と言います。この連載では、クロスブラウザスクリプトを実現する方法について順を追って解説してきています。 クロスブラウザスクリプトを実現するためには、様々な方法があります。これまでの連載では、ブラウザの種類やバージョンを判断し、そのブラウザがサポートしているスクリプトを実行する方法を解説してきました。また、それ以外の方法として、実行するスクリプトをブラウザがサポートしているかどうか調べ、それに合わせて用意したスクリプトを実行する方法なども説明してきました。実際にクロスブラウザスクリプトを作成する時には、それらの方法を単独あるいは組み合わせて作っていくことになります。 本来のJavaScriptの理想的な姿としては、JavaScriptをサポートしたブラウザ
第17回 Webページの構成を丸裸にしてしまうブラウザのアドオン機能
デザインを学ぶにあたってここまで，CSSの理論や色の理屈という切り口から突き進んできました。こうした学習方法は正攻法ではありますが，ある意味馬鹿正直かもしれません。世の中にはすでに優れたデザインのサイトがたくさんあります。もちろん盗用はいけませんが，優れたものからテクニックを学ぶのはとても大切です。プログラムと同様に，デザインも先人から学べるものは学ぶべきです。 デザインが優れたサイトに出会っても，漫然と他人が作った物を眺めているだけでは得るものは多くありません。そのページがどんなHTML/CSSで書かれているのか，どういうレイアウト手法を使っているのか，配色としてどんな色を組み合わせているのかを，ちゃんと分析する必要があります。 と言うものの，ブラウザ本体の機能だけでは，表示中のページのソースを見るのがやっとです。デザインに凝っているページを見て，そのHTMLソースを眺めてみても，たいて
[Think IT] 第1回：ベストなコーディングツールを探せ！ (2/3)
【即実践！HTML+CSS】私流、ツールの選び方 第1回：ベストなコーディングツールを探せ！ 著者：まつむらよしあき 公開日：2008/04/04（金） 有料といえばコレ！ 有料のコーディングツールの代表格が前ページでも紹介した、Adobe Systems社の「Dreamweaver」です。Webデザイナーの間では、通称ドリと呼ばれて親しまれています。IBM社の「ホームページ・ビルダー」やAdobe Systems社の「GoLive」もありますが、出力するコードの美しさ、機能、将来性を考えた場合、Dreamweaverに一日の長があるといえます。 詳細な使用方法についてはここでは紹介しませんが、まだDreamweaverに触れていない方々のために、私が実際Dreamweaverを使用して便利と感じる点と、後一歩改善が欲しい点をあげてみましょう。 まず、全体的にみるとさすがにDreamwea
クレジットカード現金化の高還元率の優良店を選ぶためには
クレジットカード現金化の高還元率の優良店を選ぶためには クレジットカード現金化の優良店を選ぶポイントは、換金率やスピードもありますが、そのほかにも見ておきたいポイントもあります。 お金に厳しい人が利用しますので、手数料やキャンペーンの有無、価格交渉ができる業者ということは見ておきたいところです。 それぞれどのような内容なのでしょうか。 手数料が無料であるクレジットカード現金化の業者には、手数料をすべて無料でしてくれるところがあります。 業者によっては、単純に手数料という名目で業者側の利益がとられていたり、振込手数料、事務手数料という名目で少額ながらお金がかかることがあります。 せっかく高い換金率が記載されていても、手数料の分が差し引かれることで、損をしたような気持ちになったり後から気づくこともあります。 これらの手数料は最初から公式ホームページに記載がある場合は了承したうえで申し込みもでき
SaaSに追い風、桁違いに速い次世代Webブラウザたち ― ＠IT
2008/04/04 Webアプリケーションがローカルアプリケーションに比べてもたついて感じられるのには大きく2つの理由がある。1つはネットワーク遅延で応答性が悪いこと。もう1つはコンテンツを動的に扱うJavaScriptエンジンが遅いことだ。 前者のネットワークの遅延についてはAjaxと総称される非同期通信のテクニックが進化したことで、体感速度は大幅に向上した。単純な文字列の書き換え程度であれば、サーバからの応答データをパーズすることなく直接HTML中に埋め込むことで高速化する“innerHTML”と呼ばれるようなテクニックも、メジャーなWebブラウザで使えるようになっている。 後者の理由、JavaScriptエンジンが遅いという認識は、まだあまり広く共有されていないかもしれない。Webブラウザベースの（JavaScriptを使った）アプリケーションの動作は「モッサリ」している。ネイティ
Yahoo!パフォーマンスチーム、最新高速化ルール20を発表 | エンタープライズ | マイコミジャーナル
Webアプリケーション開発に欠かせないFirefoxエクステンションであるFirebugをベースにして開発されたWebページのパフォーマンス計測ツールにYSlowがある。2007年12月上旬にはパフォーマンス分析能力を向上させたYSlow 0.9がリリースされた。紹介にもあるように、手軽に導入できるうえにかなり効果的に分析ができるところに特徴がある。 YSlowの強みとなっているのはYahoo! Exceptional Performanceチームが分析した評価基準をベースにしている点にある。Yahoo!が実際に分析した結果をベースにしているだけあって効果が確実なものとして効いてくるわけだ。 そのYahoo! Exceptional Performanceチームから最新の調査結果およびパフォーマンスブレークスルーのための新しいルールが発表された。既存の14のルールに加えて、新しく20のルー
2008年は「Webブラウザ大乱」の予感
図2●IE8の「Webslices」に対応した「eBay」のページ。気になる商品の情報をIEに登録できる 2008年はWebブラウザにとって，大きな節目の年になるだろう。「Internet Explorer」と「Firefox」というWindows界の2大ブラウザにメジャー・バージョンアップが迫っているだけでなく，Mac界の雄「Safari」がついにWindowsに正式対応したからだ。ユーザーにとっては望ましい競争激化だが，Web開発者にとっては新たな悩みの種になるかもしれない。 記者がWebブラウザを取り巻く状況を「大乱」と表現するのは，ここ数年見なかったような「複数製品/複数バージョンの混在」が予想されるからだ。 もちろん，表向きの製品シェアだけ見れば，Webブラウザ市場はInternet Explorerの寡占状態にある。米Net Applicationsが3月に発表した2008年2
インターネット興隆の立役者 HTTPとは
スイスのCERN（ヨーロッパ素粒子研究所）において、Tim Berners-LeeがHTMLと共にHTTPの基礎を考案。WWW（World Wide Web）システムと名づける
[Think IT] 第2回：Webデザイナが使う配色の裏側 (1/3)
Webデザイナは知っていた 第2回：Webデザイナが使う配色の裏側 著者：シンクイット制作部 公開日：2008/02/21（木） Webデザイナはどうやって色を決めてるの？ 「第1回：エンジニアだって色にこだわりたい」では具体的な例をあげて、色を決める際のノウハウを紹介しましたが、全てのWebデザイナが色彩感覚に優れているわけではありません。 他の職種の方々はデザイナはセンスだけで色を決めれると思っているかもしれませんが、Webサイトやツール、そして書籍を見て参考にしながら勉強しているわけです。Webデザイナ向けの雑誌でも年に1度は色についての特集が組まれるぐらいです。 今回は配色を決めるために色の特別な知識がなくても、簡単に色を決めることができるツールとそのポイントを紹介していきます。 Webサイトやツールを作る時には複数の色を使う場合が多く、そんな時でも全体的に整って見えるように配色を
テキストエディタでWebサイト構築をガンバル人へ
HTMLやCSSのコーディングチェックを行うためのアプリケーション「bkhvalid」 bkhvalidはアプリケーションタイプのバリデータだ。HTMLやCSS、JavaScriptの構文チェックを行い、アプリケーションの中で修正を行うことができる。複数のファイルを同時に開き、複数ファイルを一括でチェック可能だ。 動作環境はWindows 2000／XPとなっているが、筆者のWindows Vista環境ではアプリケーションを実行し、バリデーションを実行できた。 ファイルを開き、「F5」キーを押すか［ツール］→［検証］と操作すると、エラーチェックが実行される。見つかったエラーや警告をダブルクリックすると、指摘個所にジャンプすることができ、そのまま不具合の修正を行い、ファイルの保存を行うことが可能だ。DOCTYPEをHTML内の記述から強制的に変更してエラーチェックすることも可能である。 b
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ProcessorBazaar – The Trac Project
[Think IT] 第5回：アナログ時計を作ってみよう！ (2/3)
[Think IT] 第1回：コーディングはプロジェクトの橋渡し (2/3)