HTML、CSS、JavaScriptの練習に最適な便利ツール『rendur』 - 100SHIKI ～ 世界のアイデアを日替わりで ～サイト製作の練習に便利そうなツールのご紹介。 rendurを使えば、ブラウザだけでHTML、CSS、JavaScriptの編集ができ、その結果をリアルタイムに確認することができる。 もちろん日本語もOKだし、HTMLやCSSの命令文の色を変えて見やすくすることもできる。 本格的なサイトをつくるにはもちろん十分ではないが、ちょっとした構文を試したいときに便利なのではないだろうか。
MOONGIFT: » これはすごい！Firefoxを使ってサイトのモックアップを簡単に作成する「Pencil」:オープンソースを毎日紹介
これはデザイナーのみならず導入必須のソフトウェアと言えそうだ。 Webサイトを作る際には、モックアップが必要になる。それをベースにして「ここをこうしよう」「次はどこに遷移させよう」といった議論が可能になる。頭の中だけではイメージがはっきりせず、意見も出しづらい。 ドラッグアンドドロップでモックアップを作成できる そんなモックアップを作成しようと思ったら、紙やHTMLオーソライズソフトウェア、画像編集ソフトウェアを使うことが多かった。だが画像編集ソフトウェアではチェックボックスやテキストボックスが作りづらい、HTMLオーソライズソフトウェアではデザインの微調整が面倒、紙では重ね書きしづらい…とそれぞれに欠点があった。そこでこれを導入してみよう。 今回紹介するオープンソース・ソフトウェアはPencil、Firefoxアドオンとして動作するモックアップ作成ソフトウェアだ。 個人的にはモックアップ
【レビュー】Wiki以上! 『Google Sites』は情報統合プラットフォームだ (1) WikiがベースのGoogle Sites | ネット | マイコミジャーナル
Google Sitesが一般ユーザも無料で使えるようになった Googleからコラボレーションサービス『Google Sites』の一般公開が5月23日から始まった。それまでGoogle Appsの一部として提供されていたが、一般公開によって誰でも無料でこのサービスを利用できるようになった。Google Sitesは、HTMLを知らなくてもサイトを構築できる「Webベースのコラボレーションサービス」などと言われている。では、他の類似Webサービスと比べて何が違い、何が魅力なのか。実際に触れてみることで色々分かってきた。とくにGoogle Sitesは"Googleならでは""Googleだからこそ"ここまでできると言えるような魅力がたくさん詰まっている。 「Google Sites」のトップページ このレビューではGoogle Sitesの紹介や基本的な使い方、そしてGoogle Sit
もうPhotoshopは要らない？ブラウザだけでできるグラフィックジェネレータ15選 | S i M P L E * S i M P L E
そのままですが、Mashableで「Forget Photoshop: 15 Online Graphics Generators」が紹介されていました。 これはメモしておかねば。 Buttonator ボタンがいろいろ作れます。設定がいろいろあって良いですね。 RoundedCornr: Rounded Corner and Gradient Generator いわゆる角丸パーツを作れます。 Web 2.0 free buttons maker! 2.0っぽいボタンが作れます。 glassy buttons こちらもボタンジェネレータ。 Ajaxload – Ajax loading gif generator Ajaxのローディング中のパーツが作れます。 Web2.0 Logo Creator by Alex P Logo Maker : Web 2.0 Stylr 2.0っぽいロゴ
Re：zapa氏 今更ですが、jQueryにはまりました - ホームページを作る人のネタ帳
ZAPA氏の記事。 ニュータイプなJSライブラリjQueryを使ってみよう！ これを見てから3日間。 ブログもあまりかけずこればっかりいじって遊んでました。 睡眠時間も1日2時間くらいになり、今日は書こうと思います。 まずZAPA氏、きっかけをありがとう。 私はJavaScriptの知識がほぼ皆無な人間です。 そんな私でもjQueryは簡単に使える為、面白くてはまりました。 ただ、お恥ずかしい話、PHPを使ってJavaScriptをある程度制御しなければ私は使いこなせません。 ですが恐ろしく簡単にこれまでこのブログで紹介してきたようなJavaScriptアプリと同等のものを作れる為、これははまります。 JavaScriptダメダメの私でも出来ました データベース接続部や、なんやかんやは全てPHPでまかない、動作部分やFormなどはｊQueryに投げる。 こんな方法で色々試して見ましたが、A
Google Japan Blog: Google の検索が好むウェブサイトとは？
私たちは時々、「 Google の検索結果に自分のサイトを掲載するにはどうすればいいですか？ 」 というお問い合わせをいただきます。今日は、そんな疑問をお持ちのウェブマスターの方々へ、 ウェブマスター向けガイドライン をご紹介したいと思います。このガイドラインには、Google がどのようにウェブサイトをクロールし検索結果に掲載するかのヒントが書かれています。以下に、ウェブサイトを Google の検索結果に掲載させるために参考となるティップスを、いくつかピックアップしましょう。 * デザイン、コンテンツ、および技術に関するガイドラインを参考にして、Google と相性のいいサイトを作ることをおすすめします。サイトをわかりやすい階層にし、各ページに対しては少なくとも 1 つの静的なテキスト リンクが張られるようにします。 * あるウェブサイトが Google のインデックスに登録されるのは
サイト解析を使ったユーザビリティを収益に変える為のまとめ*ホームページを作る人のネタ帳
私達WEB屋と言うのは常にユーザビリティにさらされるわけですが、もっと単純に考えていくべき方法と言うのも結構あります。 それはサイト解析ツールによる分析です。 どこに誘導したいのか。 何をしてほしいのか。 そして、アクセス解析1つでどこまでやれるのか。 そこで今回はアクセス解析によるユーザビリティ向上について色々見て回ったので、その結果をまとめておきます。 非常に長くなってしまったので目次を作っておきます。 １．ユーザビリティの原点とは何だろう？ ２．ユーザビリティ８つのガイドライン ３．Ajaxの参入で、より難しくなってきている？ ４．解析と分析でユーザーの流れを作り変える ５．必ず見ておきたいWEBユーザビリティの為の5つのチェックリスト ６．広告に誘導する為の設計とは何なのか ７．わからなくなった。そんなときにはアクセス解析に戻ろう ユーザビリティの原点とはなんだろう？ 多くのWEB
mixiの生みの親“バタラ氏”が語るMySQLの意外な利用法 － TechTargetジャパン
日記だけで4億件のデータ ミクシィが運営するSNS「mixi」は、2007年7月末段階でユーザー数が1110万人。人が12人集まれば、1人はmixiユーザーというわけだ。ユーザーのアクティブ率（ログイン間隔が3日以内）は約62％と高く、2007年4月から6月の月間平均ページビューは117.5億に達した。日記だけでも4億件以上に上るなど、蓄積するデータ量も莫大。2004年3月のサービス開始から、わずか3年半で現在の巨大コミュニティーへと発展したのだ。 ミクシィは、「LAMP（OSのLinux、WebサーバのApache、DBMSのMySQL、開発言語のPerl、PHP、Python）」と呼ばれるWebシステム向けの標準的なオープンソースソフトウェア（以下、OSS）でシステムを自社開発し、安価なPCサーバを1000台以上連ねる超分散構成でmixiのサービスを支えている（広告配信など周辺機能では
WordPress関連まとめリスト:phpspot開発日誌
WordPress関連まとめリスト。 WordPressの人気は凄いようで、そのまとめサイトの充実ぶりもいいです。 30+ AJAX-Powered WordPress Plugins - AJAX機能を使ったプライン集 30+ 1-Column WordPress Themes - クールな1カラムテンプレート 30+ WordPress 2-Column Themes - クールな2カラムテンプレート集 30+ WordPress 3-Column Themes - クールな3カラムテンプレート集 20 Wordpress 4-Column Themes - クールな4カラムテンプレート集 50+ Tools For The WordPress Admin - 管理者向けツール 17 WordPress Plugins For AdSense - Adsense用プラグイン 30+
秋元@サイボウズラボ・プログラマー・ブログ: 究極の.htaccess?
via del.icio.us/popular Apacheのフォルダローカルな設定ファイル.htaccess で使いそうな設定をかたっぱしから書き込んだファイル。 メイン、スクリプト関連、ヘッダ(キャッシュや最速化)、URL書き換え、認証、SSL、開発中サイト、というようなジャンルごとに、よく使われそうなディレクティブがずらずらと並んでいる。PHPの設定、cool URLの設定、エラーページ、認証の掛けかた、などなど。 書き換えるべきところは英単語で何を書くのかわかるようになっているので、コメントとあわせて思い出しながらコメントを外していくとそれなりに使えそうな .htaccess が作れるかもしれない。僕なんかは細かい設定方法すぐ忘れてしまって検索することが多いので、これで楽になりそう。 # 本当に不要なものはコメントにせずファイルから消すべきだし、安定運用に入ったら.htaccess
ユーザーがページのどこをクリックしたか解析するツール[to-R]
ユーザーがページのどこをクリックしたか解析するツール ユーザーがどのようにサイトを巡回しているかはアクセス解析なのでわかりますが、ページのどこをクリックしたかも知りたくないでしょうか？ 今回は、ページのどこがクリックされたかを解析するツールを紹介します。 Crazy EggはwebページにJavaScriptのコードを一行追加するだけでwebページのどこがクリックされているかを解析できるおもしろいツールです。 ちなみにto-Rを解析した所、このような結果になりました。 最初のエントリーの『続きを読む』にクリックが集中してますね。 CSSのカテゴリーページも結構人気っぽいです。 お約束として『パーマリンク』を用意しているのですが全くクリックされていませんので必要なさそうですね。 などアクセス解析やデザインを見ているだけではなかなか見えないwebサイトの性質が見えてきます。 セットアップ まず
![ユーザーがページのどこをクリックしたか解析するツール[to-R]](https://cdn-ak-scissors.b.st-hatena.com/image/square/0330939009a892e86a58d7eebfca00c0ecd1fe43/height=288;version=1;width=512/http%3A%2F%2Fblog.webcreativepark.net%2Fimg%2F20070820_01.jpg)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
pForm - Free HTML Form Builder - Create Web Form Template Online
企業で使えるオープンソースCMS一挙12種類解説（機能やインストール/管理の難易度評価付き） | Web担当者Forum
GIFやJPEG画像をベクター化できるオンラインサービス -VectorMagic | コリス
SEOツール：検索エンジン対策総合ツール「DoctorSEO」 | SEO診察室
hereticanthem co.,ltd. » なにかと使えるスクリーンショットツール・サービスのまとめ
Imagechef
Iconfinder | Search through 128,345 icons or browse 347 icon sets
iconlet.com - icon search engine - free icons, images for your project
BuiltWith Technology Lookup