UIデザインの参考になるサイトまとめ | ナナメウエblog
毎日仕事中と寝る前にチェックしてるUIの参考になるサイトをまとめました。 もう、見ているだけで涎が出ますね。 Dribbble – Following もはや知らない人はいないでしょう。世界中からハイレベルなデザインが集まるこのサイト。3時間に1回は見てます。 JAYPEG 日本版Dribbbleというとわかりやすいかもしれません。昨年末にできたばかりですが、すごく好きです。投稿しまくってます。自分で作ったUIを素材として公開してたりします。1時間に1回は見てます。 Inspired UI – mobile ui patterns カテゴリーが細かく分かれていて非常に嬉しいです。数も豊富で見やすいサイトです。 iOS Mobile Patterns カテゴリーがわかりやすく、マウスが拡大鏡になるので細部まで見ることができます。 iPad and iPhone Design Ins
延べ1,198事例！Facebookウェルカムページの「デザイン」に悩んだら見るべき7サイト＋6記事 « 株式会社ガイアックス
a]:flex [&>a]:flex-row [&>a]:justify-between [&>a]:py-[18px] [&>a]:border-t [&>a]:border-lightgray [&>a]:border-opacity-20 [&_li]:my-1 [&_li]:list-['-_'] [&_li]:py-[18px] [&_li]:border-t [&_li]:border-lightgray [&_li]:border-opacity-20 [&_.Label]:transition-all [&_.Label]:w-fit [&_.content]:transition-all [&_.content]:h-0 [&_.content]:pt-0 [&_.content]:px-5 [&_.content]:overflow-hidden [&_.toggle:
サイトを作った時に絶対にやるべき10の事 | 無料SEO対策のススメ
YahooがGoogleの検索エンジンを採用したことで、SEOの観点からやるべき事が軽減されたと思いますが、それでもサイトを作ったらやるべき事がいくつもあります。 サイトの内容によってやるべき事も変わってきますが、最低限やっておいた方が良いことをまとめておきます。 基本的なこと 1.サイト名を考える サイトにユニーク性を出す為に必ずサイト名を考えます。企業サイトの場合には社名がサイト名という事になりますが、どんなサイトであってもそのサイトを紹介しやすいような短いサイト名があった方が良いでしょう。 2.ロゴやファビコンの作成 サイトのブランディングの一環としてロゴマークやファビコンがあった方が良いでしょう。 ⇒@icon変換 3.HTMLチェック 作成したサイトのHTML文法がおかしな事になっていないかチェックします。100点を取る必要はありません。重大なミスが無いかの確認です。 ⇒Anot
MT5で使いそうなタグを自分用にまとめておく - エアロパス
去年の11月にリリースされた「MT5 （Movable Type 5）」。 「管理画面が良くなった」とか、「カスタムフィールドが便利になってる」とか、聞こえてくる噂は肯定的なものばかり。 そんなMT5を使う機会がやっと訪れて、ワクワクしながら使い始めたんだけど、意外にMT4系と同じ感じというか、違和感なく使えるっていうのか。なんかメリットを活かしきれてないような感じで、やや拍子抜け...。しかも、久しぶりすぎて、MTのタグをほぼ忘れているという残念な状態。 まあ、でもせっかく使ってみたことだし、次の機会のために、今回おさらいしたMTタグ（一部、MT5の新規タグ）を自分用にまとめておく。 [ブログ関連] 文字のエンコードを表示 （リファレンス） <$mt:PublishCharset$> ブログの説明文を表示 （リファレンス） <$mt:BlogDescription$> ブログの名前を表
MT5 関連覚え書き：+Chip（プラスチップ）
これからMT5を調整して行く中での覚え書きを、ここにまとめて行く予定。 いきづまったときの解決法や参考にさせていただいたサイトなど、書き残しておかないとすぐに忘れてしまうので・・・。 と思ったら、パンくずリストのソースを公開されているサイトさまがあったので、一部を有り難く使わせていただきました。 ・Movable Type でパンくずリストを自動で設置する方法 http://lem-on.net/2008/11/movable-type.html ※その後、MT5用に試行錯誤しながら作ってみました。 →MT5 共通で使えるパンくずリストを考えてみた ◎カテゴリの並び替え カテゴリを自分の考えている順番で表示させたい。 でも、できればプラグインは使いたくない。 と思っていたところ、こちらのサイトさまに解決法が。（カテゴリーの説明欄を利用する） ・MTカテゴリーの表示順変更、プラグインを使わ
jQueryプラグインのベストトレンド総まとめ2010*ホームページを作る人のネタ帳
もはやこの業界ではかなり浸透しつつあるjQuery。 今回はそんなjQueryにスポットを当て、本年度紹介された中でも、ホットなトレンドプラグインをご紹介します。 ※プラグインつかってないのもあります。 １）3D表示プラグイン サンプルデモ 今年のトレンドと言えば3D。 というわけでこちら。まずはサンプルデモを確認。 触ってわかる通りですが、2枚の画像が3D表示されます。 呼び出す $(function() { $('#mindscape').smart3d(); }); HTML <ul id="mindscape"> <li><img src=".../mindscape1.png" /></li> <li><img src=".../mindscape2.png" /></li> </ul> CSS #mindscape { width: 720px; height: 170px;
シンプル、ミニマルなサイトを作りたい時に役立ちそうなアイコンやフォント、ギャラリーなどのまとめ
個人的にミニマリズムなサイトが 好みなので自分用の備忘録です。 情報が多いので若干まとめのまとめ という感じになっていますがご了承 下さい。シンプルなサイトを作る時に 役立ちそうなリソースやギャラリーを。 内容はシンプルなアイコン、インスピレーション向上に必須なギャラリー、相性の良さそうなフォントなどになります。 白黒のサイトを作りたいときに役立つもの、という記事と被りますがご了承下さい。 Iconic モノクロながら可愛らしい感じのアイコン103個セット。 Iconic picol 汎用性の高そうなアイコンセット。 picol Token 色々なところで紹介されてるアイコン。28万人中10万人はDLしてるみたいです。人気ですねー。 Token Brightmix icon set EPSファイルで配布されるアイコンセット。丸型にほぼ統一されてます。地球のアイコン凄いですね。。 Brigh
| ＾＾ |秒刊SUNDAY | 鼻血が出るほど高センスなWEBデザインサイトギャラリー集まとめ
2009年06月08日 鼻血が出るほど高センスなWEBデザインサイトギャラリー集まとめ カテゴリ：WEBデザイン デザインサイト集というのは、こんなにも沢山出来上がっているとは知らなかったのですが、仕事柄かなり活用しますのでここで抑えておきたいと思います。 ◆いけてるサイト.com このサイトを紹介しないと、この記事のコンセプトがわからないので、とりあえずフリということで。 ■WEBデザイン リンク集 : ikesai.com --- いけてるサイト ドットコム（WEBデザインの参考にどうぞ） ◆Webデザイン・Webデザイナーのまとめサイト 膨大なデータベースです。色やキーワードで検索できる。ここにいけばほぼそろうか？ ■Webデザイン・Webデザイナーのまとめサイト | Webデザインに優れたサイトのリンク集 ≪デザインリンクデータベース≫ ◆WEBデザイン・データベースWEBdeDB
Flash Helper Scripts：JavaScriptで「Flash＋Photoshop」連携をパワーアップ！ | デベロッパーセンター
西田 善彦氏 storage.goodmix 本記事で紹介している「Flash Helper Scripts」は、Flash/ActionScript開発のためのオープンソースコミュニティ「Spark project」にて共有・提供されています。Spark projectでは、その他にもさまざまな用途のライブラリやソースコードが公開されています。ぜひ、チェックしてみてください。 Flashサイトを構築する際に、サイトデザインやデザインパーツをPhotoshopで作成し、それをFlashに読み込んでオーサリングしている人も多いでしょう。バージョンアップとともに、FlashとPhotoshopの連携は強化されてはいるものの、現状の機能だと物足りなさを感じている人はいませんか？ 本記事では、FlashとPhotoshopの連携をもっとスムーズに、もっと便利にするスクリプト集を紹介します。 PSD
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年に勧告される「
すぐに使えるCMS＋ホスティングサービス16選／人気記事ランキング2009-11-21～11-27 | Web担アクセス数上位ランキング
2009年11月21日～2009年11月27日の、Web担でアクセス数の多かった記事のランキングを発表！ 見逃している人気記事はありませんか？ [ステップ式! CMS活用 はじめの一歩] 第9回 無料でサイトを構築できるCMS+ホスティング16サービスを一挙紹介［番外編］ [海外&国内SEO情報ウォッチ] モバイルSEOにおける良い被リンク・悪い被リンク など10記事（海外&国内SEO情報） [【漫画】Webマーケッター瞳] 何でわかってもらえないんだろう？／【漫画】Webマーケッター瞳 第4話 [実践編] ECサイトで回遊率を高める閲覧開始ページ対策とSEO術（前編） [企業ホームページ運営の心得] テクノラティを絶賛していた人々へマキアヴェッリの言葉を捧ぐ Webサイトパフォーマンスの可視化でボトルネックを改善／読者のサイトをプロが診断 [編集長ブログ―安田英久] ネット通販が原則8日
いまからでも遅くない！ ケータイデザインの基礎固め
いまからでも遅くない！ ケータイデザインの基礎固め：一撃デザインの種明かし（6）（1/2 ページ） 普段はPCサイトを作っているけど、ケータイサイトに興味が出始めた人向けの、初めてケータイのデザインハウツーです。日々変化するケータイデザインの基礎の基礎をご紹介 ケータイ機種のスペックが上がりデザイン表現の幅は広がっていますが、PCサイトに比べまだまだ容量やスタイル、キャリア対応などさまざまな制限があるのも確かです。 今回は、普段PCサイトを作っているけど、ケータイサイトに興味が出始めた人、初めてケータイのデザインに触れる人のための基礎固めとして、日々変化するケータイデザインの基礎の基礎をご紹介したいと思います。 誰でも最初は初心者だった！ ケータイデザインの基礎の基礎 ケータイの画面サイズを考える！ 一般的な画面サイズはQVGA（縦320px×横240px）ですが、最近ではQVGAワイド（
ジャンル別ゲームの作り方とアルゴリズムまとめ - ネットサービス研究室
ゲームの作り方とアルゴリズムをジャンル別にまとめてみました。ゲーム制作や、プログラミングの勉強用にご活用ください。言語別ゲームプログラミング制作講座一覧もあわせてお読みください。 リンク切れがおきていたものは、URLを表示しておくので、Internet Archiveなどでキャッシュを表示させてみてください。 RPG ゲームの乱数解析 乱数を利用した敵出現アルゴリズムの解説 各種ゲームプログラム解析 FF、ドラクエ、ロマサガのプログラムの解析。乱数の計算など ダメージ計算あれこれ（http://ysfactory.nobody.jp/ys/prg/calculation_public.html） ダメージの計算式 エンカウントについて考えてみる エンカウント（マップでの敵との遭遇）の処理方法いろいろ RPGの作り方 - ゲームヘル2000 RPGのアルゴリズム ドルアーガの塔 乱数の工夫の
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Welcome!
ツインズパパの徒然日記
WordPressでここまでできる！WordPressで作ったとは思えないWebサイトまとめ12個 - W3Q
レアなデート方法を惜しみなくご紹介するスレ : VIPPERな俺
デザイン枠、飾り罫素材専門サイト「フレームデザイン」frames-design.com
http://blog.quall.net/program/javascript-program/1568/
skuare.net - JavaScript / Movable Type / etc.
