![http://www.designwalker.com/2010/05/grid-design.html](https://cdn-ak-scissors.b.st-hatena.com/image/square/b4c915e1753c0dee170282b73657648bee9d66a6/height=288;version=1;width=512/https%3A%2F%2Fwww.designwalker.com%2Fwp-content%2Fuploads%2F2017%2F12%2F01-20.png)
ストリートファイターみたいなゲームを作れるようになったjQuery用ゲームフレームワーク「gameQuery」 2010年03月11日- gameQuery - a javascript game engine with jQuery 結構前に紹介した、jQueryでゲームを作れるフレームワーク「gameQuery」がパワーアップしてるようです。 ストリートファイターならぬ、JavaScript Fighter 2 というタイトルでデモが公開されていて、一見の価値ありです。 次がJavaScript Fighter 2 の画面。動きます。 他にも多数デモゲームが公開されています。 JavaScript でゲーム作成にチャレンジする際には参考にしてみましょう。 関連エントリ JavaScriptで書かれたテトリスゲーム JavaScriptでリズムゲーム「JavaScript Rock St
Warning: include_once(/home/sites/lolipop.jp/users/lolipop.jp-dp16105308/web/wp/wp-content/plugins/wp-super-cache/wp-cache-phase1.php): failed to open stream: Permission denied in /home/users/0/lolipop.jp-dp16105308/web/wp/wp-content/advanced-cache.php on line 8 Warning: include_once(): Failed opening '/home/sites/lolipop.jp/users/lolipop.jp-dp16105308/web/wp/wp-content/plugins/wp-super-cache/wp-c
Webデザインのギャラリーは沢山 ありますが、結局感性の近い国産 のギャラリーが一番参考になるの でまとめました。探してみると結構 いろいろあるんですね。助かります。 やはりギャラリーは国産がいいですね。沢山あるので、ある程度厳選しています。 io3000 最近知りました。すごくいいですね、ここ。見やすいし、使いやすいです。おすすめ。 io3000 straightline bookmark とにかくクールでクオリティの高いサイトをブックマークしているギャラリー。 straightline bookmark Web Design Clip こちらも個人的にオススメのギャラリーサイトです。目的のデザインも直ぐに見つかりますよ。 Web Design Clip Good Design Web こちらは他ではあまり見かけない良デザインのサイトを紹介してる貴重なギャラリーです。 Good Desi
60 Excellent Premium-Like Free WordPress Themes | One Stop Design Resources かなり美麗なフリーのWordPressテーマ60がまとまったエントリのご紹介です。 仕事として依頼したら一体いくらかかるんだろうというようなプレミアムなテーマが一杯で、どれにしようか迷ってしまうほど。イメージも様々なので好みのものがきっと見つかるはずです。 相変わらず、WordPressテーマは強いですね。 関連エントリ 3カラムのクールなWordPressテーマ集30+ コーポレートサイトでも使える20のWordpressテーマ フリーのマガジンスタイルなWordPressテーマ集 最初から広告スペース付のWordPressテーマ集
ブログの記事タイトルやサイドバーのタイトルなどで使えるオーソドックスな見出し(hタグ)のデザインサンプル集です。見出しにはCSS3や画像を使っていないのでシンプルですが、一応よく使うので、メモとしてエントリーしておきました。 ※追記6/24 HTMLのマークアップをpからh3に置き換えました。 見出し(Headline)のサンプル集 色やボーダーサイズ等の装飾部分は お好みで編集してください。 見出しサンプル01 .selector01{ border-left:7px solid #e3297d; padding:.6em .8em } 見出しサンプル02 .selector02{ border-left:7px solid #ccc; border-bottom:1px solid #ccc; padding:.6em .8em } 見出しサンプル03 .selector03{ bor
cssやプログラミングマークアップをより早く Web制作を少しでも効率化しよう と思って(今更)いろいろ便利そう な情報を探しました。既に使って いる情報の方が多かったのです が、折角調べたのでシェアしたい と思ってエントリーです。 Web制作を少しでも効率化しよう と思って(今更)いろいろ便利そう な情報を探しました。既に使って いる情報の方が多かったのです が、折角調べたのでシェアしたい と思ってエントリーです。 コーディングをもっと円滑に、という旨の情報です。順不同。あんまり多いと逆効果なので量は絞りました。一応これでも絞りました。絞ったつもり。 zen-coding話題になったzen-coding。だいぶ慣れて来た方もいらっしゃるのでは。 zen-coding(本家)HTMLコーディングが3倍速くなる?「Zen-Coding」秀丸Zen- Codingマクロコーディングの効率化を図
MTWTFSS 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31
Home > サイトメンテナンス講座 > あなたのウェブサイトを上位表示させるための、10の簡単な方法 あなたのウェブサイトを上位表示させるための、10の簡単な方法 投稿日:2010年1月5日 レベル:初心者 ソフトウェア:無し あなたのウェブサイトを上位表示させるための、10の簡単な方法についてです。 SEOは簡単なことではありません。 検索エンジンに上位表示されるには相当な分析やリサーチが必要です。 検索エンジンのアルゴリズムは日々変更されており、サイトをインデックスされるのは大変なことです。 ここでは、あなたのウェブサイトを検索結果の上位へ表示させるために役立つ、代表的な10の方法を紹介します。 Step1 : キーワード分析 Step2 : タイトルタグ Step3 : デスクリプションタグ Step4 : サイトのコンテンツ Step5 : シンプルなナビゲーション構造
これはデザイナーのみならず導入必須のソフトウェアと言えそうだ。 Webサイトを作る際には、モックアップが必要になる。それをベースにして「ここをこうしよう」「次はどこに遷移させよう」といった議論が可能になる。頭の中だけではイメージがはっきりせず、意見も出しづらい。 ドラッグアンドドロップでモックアップを作成できる そんなモックアップを作成しようと思ったら、紙やHTMLオーソライズソフトウェア、画像編集ソフトウェアを使うことが多かった。だが画像編集ソフトウェアではチェックボックスやテキストボックスが作りづらい、HTMLオーソライズソフトウェアではデザインの微調整が面倒、紙では重ね書きしづらい…とそれぞれに欠点があった。そこでこれを導入してみよう。 今回紹介するオープンソース・ソフトウェアはPencil、Firefoxアドオンとして動作するモックアップ作成ソフトウェアだ。 個人的にはモックアップ
ちょっと便利かも、と思ったので ご紹介。送信フォームなどを オンラインで手軽に作成できる Webサービス、Accessifyです。 パスワード(type=”password”) なんかも作れますよ。 ちょっとした入力フォームなんかをパッと作りたいときに便利かも。 なかなかお手軽なサービスでしたよ。ユーザー登録も不要で、HTMLソースを吐き出すだけの仕組みなので日本語も問題なく使えます。CMSの普及が進めば必要なくなるかもしれませんが・・・ 使い方・Step1 まず入力項目(label)を作ります。複数作る際は改行します。良ければnextを。 Step2 それぞれの項目のinput typeを選択します。必須項目はRequired field?にチェックを入れてください。 Step3 詳細を決定します。フォームのメソッド、nameやidを含めるかどうか、などなど。 完成 HTMLコードが出て
popular 12 Macで5分でARアプリを作る方法(AR without programming in 5min) ほぼZbrushの無料3D粘土モデラー(Sculptris 1.0) ほぼZbrushの無料3D粘土モデラー(Sculptris 1.0) カラフル手袋が次世代インタフェースに(Hand-tracking proof) 迷えないARカーナビ(Wikitude Drive) 世界の一流大学の学生を家庭教師に(ignitiontutoring.com) 世界の一流大学の学生を家庭教師に(ignitiontutoring.com) 見えないスキー場(Skiing Blind) 見えないスキー場(Skiing Blind) LED入れ墨(TR10: Implantable Electronics) 発泡スチロールの型で作る花瓶(Unpacking II) 発泡スチロールの型で作
HTML5サウンドプレイヤーのサンプル。マウスで選択した曲(音声ファイル)が再生される。画像クリックでサンプルページを表示します(Firefox 3/Opera 10/Safari 4で表示可能) 本連載でもこれまでHTML5 Videoを使って動画を再生する方法を紹介しましたが、今回は音声を再生してみましょう。HTML5ではプラグインを使用しなくても動画や音声を再生できます。 今回はHTML5 Audioのサンプルとして、選択した音楽(音声ファイル)を再生するサウンドプレイヤーを作ります。単に音楽を再生するだけでは面白くないので、Canvasを使ってビジュアルを表示する機能も付けます。さしずめ、iTunesやWindows Media Playerのブラウザー版、といったところでしょうか。 ブラウザーによって違うサポート形式 HTML5 AudioはVideoと同じメディア要素として扱わ
小粋の定義は分かりませんが、ちょっと「おっ」と思えるcssのテクニックをいろいろと。以前、記事にさせていただいた、cssとHTMLのみで3D効果を実現したテクニックで他にも無いかなと思って同様に驚いたテクニックです。 3Dのテクニック同様に実用性があるかどうかは考えていませんが、何かのヒントになるかも・・と思い、cssplayでちょっと探してみましたのでいくつかのcssを使った良アイデアや高度なテクニックなど。 ざっとしか見ていませんが、多分jsは使ってないと思います。 Film strip gallery with information text ネガポジ加工された画像にフィルムのような枠をつけてマウスオーバーで写真を表示するギャラリー。 Film strip gallery with information text Super animation – just for the fu
PubwichはPHPのみで使えるWeb向けのオープンソース・ソフトウェア。Twitter、Youtube、Flickr、ブログ等ソーシャルサービスを多数使っていると個人のデータもあちこちに散在してしまう。そうしたソーシャルなデータをアグリゲートし、プロフィールとして掲載するサービスはFriendFeedが知られている。 ソーシャル系サービスをアグリゲートしたプロフィールサイト だが自分のWebサイトで独自にアグリゲートしたデータを表示したいと思う人もいるだろう。そのような時に使えるのがPubwichだ。Pubwichは多数のWebサービスに対応し、Cronを使ってデータをアグリゲートする。データベースも使わずに使えるので手軽だ。 Pubwichが対応するサービスはFlickr、Texte、Vimeo、Youtube、Twitter、Delicious、Facebook、RSSフィード、R
個 人 サ イ ト に あ り が ち な こ と Tweet 1 名前:以下、名無しにかわりましてVIPがお送りします[] 投稿日:2009/09/19(土) 10:53:30.94 ID:zZ4I447Z0リンク集(工事中) ■恥ずかしくて死ぬかと思った体験 2 名前:以下、名無しにかわりましてVIPがお送りします[] 投稿日:2009/09/19(土) 10:54:12.37 ID:hwrwcFXa0相互リンク募集中! 3 名前:以下、名無しにかわりましてVIPがお送りします[] 投稿日:2009/09/19(土) 10:54:47.73 ID:AwpDgCgL0相互リンクは受け付けてません 【スカッとゴルフ パンヤ】(ネトゲの中でもトップクラスの完成度。みんゴルやマリオゴルフ感覚で対人戦が出来ます。) 4 名前:以下、名無しにかわりましてVIPがお送りします[] 投稿日:2009/
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く