2010年度版・とても参考になった国内のWeb制作関連エントリーまとめ - かちびと.net
少し気が早いですが、今年も残すところ あと僅かです。ここで、Web制作をする にあたって、個人的に、とても参考にな った素晴らしいエントリーをご紹介します。 基本的にまとめ記事が大好物なので、 まとめのまとめ、という形になってしまい ますがご了承願います。 まぁ、単なる個人的なメモです。今年はお世話になりました、という感謝の意を込めてリンク&トラフィックで返したいのと、自分の復習用リンク集です。来年もたぶんお世話になる記事だと思いますので、備忘録も兼ねて。順不同です。 尚、当ブログのエントリは御礼の場であるこの記事では割愛しています。後日、別記事にてまとめさせて頂きますので、宜しければ御覧ください。 デザイン 読み物系が多いです。正月とかで見直す用。 配色パターンからWebデザインを考える ウェブデザインでこれは気をつけたいの35のポイント デザインQRコードの作り方 非デザイナーのための
サイトをかっこよくするためのjQueryプラグイン25+ – creamu
サイトにかっこいいUIを実装したい。 そんなときにおすすめなのが、『25+ Best jQuery Plugins To Beautify Your Website』。サイトをかっこよくするためのjQueryプラグイン集です。 初めて見るものもあっていい感じです。 YoxView lightbox系の画像オーバーレイスクリプト。ナビゲーションとキャプションがフェードアウトしたりとディテールが気持ちいいです Fade In and Out Tooltips for Prototype and Scriptaculous フェードイン&アウトで表示されるツールチップ Sweet Titles Transparent and Fading Tooltips ページロード時に、画像をフェードインして表示させるスクリプト Captify Displays Pretty Image Captions
SEO解析データ 全部入りChrome拡張機能「SEO Site Tools」
組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! とにかく便利な SEO解析全部入りChrome拡張機能 「SEO Site Tools」は、SEO解析に必要な多くのデータを、一括でわかりやすく表示してくれるChrome拡張機能。 SEO評価の指標として疑問視されつつあるページランクではなく、SEOmoz のドメイン ランクをボタンに表示するのも特徴のひとつです。 「SEO Site Tools」で解析できるもの 全部書き出しているとキリがないので、画像で一気にご紹介します。 ボタンにSEOmoz のドメイン ランクを表示 ↑どうしてもGoogleのページランクで判断してしまいがちですが、デフォルトでこのような数値を表示してくれるのはありがたいですね。 基本のサイト・ページデータの表示 ↑Alexa
Google App Engineを使って無料でサイトを立ち上げる方法 - EC studio 技術ブログ
Googleが提供する、Google App Engineというサービスを知っていますか？ Amazon EC2などと同じで、Googleが用意するクラウドサーバー環境で アプリケーション開発ができるというサービスです。 (レンタルサーバーのようなもの) その大きな特徴は、なんといっても月間500万PV相当まで"無料"ということです。 ※有料で制限を拡張することも可能 ※2011/09/07 注 Google App Engineの新料金体系が発表されました。 新料金体系では無料で使える枠が大幅に削減されています。 この記事の無料での使用制限に関する記述は、新料金体系では 正しくありませんのでご注意ください。 「App Engine は無料で始めることができます。最大 500 MB の永続性ストレージに加え、月間約 500 万ページ ビューに対応できる十分な CPU と帯域幅を、すべてのア
HTMLで図まで描ける！進化した「HTML5」ってどんなもの？ - はてなニュース
HTML言語の最新バージョンとして、現在標準化作業が進められている「HTML5」。はてなブックマークでもこのキーワードを目にする機会が増え、「HTML5って何？」と疑問に思っている人も多いのではないでしょうか。今回は、「HTML5って何？どんなことができるの？」という疑問にお答えしたいと思います。 ■HTML5でできること まずは、HTML5を使うと具体的にどんなことができるのかを見ていきましょう。 ＜具体的に何ができるの？＞ ▽HTML5.JP - 次世代HTML標準 HTML5情報サイト ▽HTML5とは？変わるWebと注目の新要素 HTML5.0の情報サイト ▽大幅に進化した次世代 HTML 規格「HTML5」とは？ - japan.internet.com Webビジネス ▽HTML5, きちんと。 ▽めざましTech - HTML5 についての Q&A ▽2010年に勧告される「
jQueryでフリップするカッコいいメニュー作成のチュートリアル:phpspot開発日誌
jQuery Flipping Menu Tutorial using backgroundPosition Plugin | Queness jQueryでフリップするカッコいいメニュー作成のチュートリアルが公開されています。 カーソルを合わせると、グレーの文字がスライドして、赤くなります。 静止画で見ると微妙なのでデモページをどうぞ カッコいいFlashで出来たサイトのメニューっぽいですが、これをjQueryで導入できるということで、メニュー部分にクールな印象を持たせたい場合は使ってみるとよいのかも。 関連エントリ ナビゲーションメニューを1歩進んだものに引き上げるjQueryチュートリアル集 これでサイトに独自の右クリックメニュー実装は誰でも簡単「jQuery Context Menu Plugin」 ナビゲーションのUIはこれで完璧かもなjQueryプラグイン集
ブログを成功させる攻略まとめ2009
ネタ帳開始からこれまで書いたブログ運営術まとめ 2007年1月からスタートしたこのブログも早いもので2年9ヶ月という月日が流れました。 途中入院したり炎上したり友達が出来たり嫌われたりもしましたが、ブログは楽しいなぁと感じながらここまでやってきました。 これから続きを読むをクリックすると、延々と過去の「ブログに関するエントリー」が書き綴られていきます。 今回は今月、ようやくはてなブックマークが10万件を超えて、かねてから私がこのブログを始めようと思ったきっかけである、POP*POP（もうだいぶ前から更新停止）を超え、その嬉しさからついうっかり私のブログに関する様々なエントリーをまとめました。 ネタ帳について ネタ帳が当初から掲げているブログコンセプトは以下。 売れない、人が来ないホームページにならない為の インターネットの知識とブログネタ 幅広い範囲のようで、ネタ集めとなれば結構狭いと実感
かなり素敵な手軽に貼れるFLASHイメージギャラリー
空白というか白の使い方がクールですね。 手軽にウェブサイトにイメージギャラリーを設置したい時にいかがでしょうか。 日本語もいけるか試したら普通にいけたのでご紹介。 使い方は以下に。 FLASHイメージギャラリーのダウンロード サンプルデモはこちら カテゴリ分けも簡単に ※ダウンロード後、ちょちょっと変更かけないと日本語に対応しません。 とりあえずダウンロードしたファイルを解凍すると以下のような展開になります。 あまり説明は不要かもしれませんが誰でも設置できるようにする為に、超簡易的な構図から。 ホントはもう少し複雑ですが、「触る部分」だけチョイスします。 index.htmlを開けばgallery.swfを読み込み、sallery.swfはgallery.xmlをよみこんでます。 gallery.xmlに画像の名前や、カテゴリ情報などが掲載されています。 まずやる事は以下の二つのファイルを
【全部無料】 Web制作に役立つオンラインサービスやツール300+ - かちびと.net
Web制作に使えるWebサービスやツールなどが様々なサイトでかなり 紹介されています。便利なものですが、多すぎて混乱するので、 備忘録的にローカルサーバーに入れたWPでリンク集を作っていました。 そろそろ数が落ち着いて来たので多くの方とシェアしたいと思い、公開してみます。 現在330ありますが、追加していく可能性があります。 リンク集は全て無料で使える事を条件に集めていました。英語が苦手な方もいらっしゃいますのでTwitterサービスのまとめ同様、日本語で使い方などを説明してくれているサイトにリンクしています。無い場合は海外サイトにリンクしていますが、その場合はアメリカの国旗をつけてあります。サイトがアメリカのものかは知りませぬ。分かりゃいいんだ、分かりゃ。 無料といえどもライセンスの縛りもありますので自己責任でご利用下さい。 使えるかどうかは個人差が生じますので何とも言えませんが、お役に
WordPress をインストールしたら最初にしておくこと - わーどぷれすっ！
The Very First Steps After a Fresh WordPress Installからのヒントも入れつつ、自分が WordPress をインストールしたら最初にしておく設定等をご紹介。 デフォルトの “admin” アカウントの削除 デフォルトの管理者アカウントのログインユーザー名が決め打ちされてるのはやはりセキュリティ的にまずいので、管理者ユーザーをもうひとつ作ってからデフォルトの admin ユーザーを削除する。 管理画面の「ユーザー」→「新規追加」で管理者権限をもつユーザーを新しく作成 ログアウトして新しく作成したユーザーでログイン 「ユーザー｣→「投稿者とユーザー」で admin アカウント上にマウスをホバーさせると「削除」リンクが表示されるのでそれをクリック パーマリンクの設定 (設定 > パーマリンク設定) デフォルトの「/?p=nn」から「日付と投稿名」
必見！たった2ファイルからはじまる凄いWebサイト構築·Zimplit MOONGIFT
正直に言えば、相当なめてかかっていた。ダウンロードして解凍してできたファイルはたったの二つ。これで何ができるのかという思いだった。アップロードして、ファイルにアクセスする。出てきたのはユーザ情報設定画面のみ。そしてログインをする。 利用可能なテンプレート 次に表示されるのはWebサイトのテンプレートが列挙された画面だ。たった二つのファイルでこのような情報が、と思わせる内容だ。そしてテンプレートを選んだ所から凄い衝撃が襲いかかった。 今回紹介するオープンソース・ソフトウェアはZimplit、見たまま編集するWebサイト構築ツールだ。ライセンスはAGPLだが、商用向けには有償でライセンス提供している。 ZimplitはテンプレートになるデザインをどこかのWebサーバからダウンロードして展開する（恐らくZimplitの公式サイトから）。そしてユーザが見るであろう画面の上にウィンドウを表示して、そ
無料で使えるPHPホスティングサービス5選 – creamu
無料のサーバを探している。 そんなときにおすすめなのが、『5 Awesome free PHP web hosting services』。無料で使えるPHPホスティングサービス5選だ。 以下にご紹介。 » 000WebHost 容量500MB。広告なし » Zymic.com 容量5GB。広告なし » 110MB Hosting 容量5GB。広告なし » Sitesfree 容量500MB。広告なし » YourFreeHosting.net 容量5GB。広告なし いずれも広告がなしとなっているので使いやすいだろう。 無料で使えるPHPホスティングサービス、チェックしてぜひ使ってみてはいかがだろうか。 » 5 Awesome free PHP web hosting services 風が強いな。。月曜日がんばりましょー！ ハムナプトラ3を見たけどいまいちだったな。。
ブラウザから１分でウェブページを作成できる『Googleサイト』が日本語に対応 | Google Mania - グーグルの便利な使い方
ブラウザから１分でウェブページを作成できる『Googleサイト』が日本語に対応 管理人 @ 12月 19日 01:30am Googleサイト(Sites) ブラウザから誰でも簡単にウェブページを作成できるサービス『Google Sites』が日本語に対応しました！（Thanks! keitoさん） ↓１分でウェブサイトを開設！ ↓完成！ 最初はシンプルです。 新しいページを追加するのも簡単。 ↓ページの種類も豊富♪ ファイルキャビネットで公開したいファイルを添付しておくのもよいですね。 もちろんＧｏｏｇｌｅドキュメントと連動しています。 ↓ダッシュボードにはガジェットと呼ばれるミニコンテンツを並べることができます。 ↓ Picasaの写真スライドショーやYouTube動画、カレンダー、ドキュメントなどなど、Ｇｏｏｇｌｅサービスが大活躍。 次の動画がわかりやすいです。（英語） Google
jQueryを良くする25のTIPS
jQueryを良くする25のTIPS ネタ元：Improve your jQuery - 25 excellent tips ちょっと多いですが、かなり良いTIPSがまとまっています。 Google AJAX Libraries APIを利用しよう Google AJAX Libraries APIを活用すればすばやくライブラリを読み込むことが出来ます。 <script src="http://www.google.com/jsapi"></script> <script type="text/javascript"> // Load jQuery google.load("jquery", "1.2.6"); google.setOnLoadCallback(function() { // Your code goes here. }); </script> 直接読み込むことも出来ます。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
はてなブログ | 無料ブログを作成しよう
Product Video Tour
ボタンやフォーム要素、シールなどWeb2.0っぽいUIパーツ集:phpspot開発日誌
Not Found
IDEA * IDEA
フリーで使えるプロ顔負けの美麗CSSサイトテンプレート集:phpspot開発日誌