http://blog.e-riverstyle.com/2010/01/web10webtips.html
新人に読ませたい、Flash制作で必要になってくる大事な考え方(1) | _level0 - KAYAC Front Engineer Blog
除夜の鐘のごとく連投しています、kijimaです。そろそろきつくなってきましたが止まりません。 さて、今回は新人Flasherがまずぶち当たるであろうポイントについて、「機能を実装するための考え方」という視点でまとめてみました。 新人Flasherを育成するにあたって、なにか参考になる部分があれば幸いです。 Flashコンテンツ作成にあたり、習得しなければならない考え方、汎用的ロジックが存在することについて Flashコンテンツの特性として、デザインや演出などの見た目は違えども、多くのFlashコンテンツに共通している機能がたくさんあります。代表的なものでは、以下に挙げた機能などですね。 ・プリローダーの実装 ・ポップアップウィンドウの表示、非表示 ・スクロールバーの操作 ・フォーム送信とそのエラー処理 ・ボタン操作を一時的に全無効にさせる処理 ・ページャー機能 そして、上で挙げたような機
Web制作関連記事の復習メモ - かちびと.net
今年も色々と情報が発信されました。 後で試そう、とか後で見よう、と思った まま何もしていない自分がいたので ちょっと復習用にメモ。来年の勉強用です。 個人的なメモですが参考になれば幸い。 内容はWeb制作に関わる記事ですが、まとまりがありません。単なるメモなのでご了承いただければと思います。順不同。 JPEG画像をより美しく、より軽量に最適化するテクニック 理屈に沿った軽量法でした。これは癖を付けてナンボのテクニックですね。頭に叩き込んでおきたい。PNGも合わせて。 JPEG画像をより美しく、より軽量に最適化するテクニック とっても使えるoverflowプロパティ。その使い方色々。 凄く便利。こんなに役に立ってくれるプロパティだとは知りませんでした。これも覚えておくと便利そう。 とっても使えるoverflowプロパティ。その使い方色々。 商用無料で使える写真素材サイトまとめ2009年度初版
ギャラリーを作成する為のjsやWPテーマ、プラグイン、Flash、CMSなど47点 - かちびと.net
何かと需要の高いWebギャラリーを 作るためのjqueryプラグインなどのjs やFlashギャラリー、WordPressでサクッ と作るためのプラグインやテーマなどの まとめです。 柔軟性を考慮し、FlickrなどのWebサービスから引張るようなギャラリーは割愛しました。全部で47点。稼動するか未検証なものもありますので参考程度に。探せばまだ有りそうです。 マウスオーバーで画像を出すようにしているので二度手間が少ないかなと思います。やや表示に時間がかかるかも。 javascript jQuery Gallery Slider / マウス移動でダイナミックに。IE6~8、他各種ブラウザ対応 with Semi-Transparent / キャプション付jqueryプラグイン。自動で切り替わる Image Rotator / サイドにサムネイル。jquery使用。手動切り替え Gallery
Free Sketching & Wireframing Kit
Sketching & Wireframing kit is a free set of elements for sketching and wireframing. It consist of form elements, icons, indicators, feedback messages, tooltips, navigation elements, image placeholders, embedded videos, sliders and common ad banners. The Kit comes in two vector formats, one for Adobe Illustrator and the other in SVG vector format that can be easily modified. It can also be downloa
［書き方］ホームページやブログにコピーライトを表記
ホームページやブログを運営する時、コピーライト（copyright）の正しい書き方が気になりますよね。 他の人のサイトを見ると「Copyright (C) 2002-2008 ○○○○ All Rights Reserved.」と言った感じの文字が、大抵の場合でページの一番下に表記されていると思います。 [コピーライトマーク](C)とマルCの違いと書き方でご説明したいと思います。 次に「2002-2008」の部分は、2002年にそのページが初めて公開されて、最新の更新は2008年ということになります。 次の「○○○○」の部分には、作者または企業名を記入します。 誰が作者であるか分かるように記述すればよいので、そのホームページのタイトルやドメインを表記する方法でも良いと思います。 また、更に分かりやすくするために、この文字部分を使ってリンクする方法がよく使われているようです。 最後に「All
群英会_[开户赠金]
集锦 更多> 佛罗伦萨 2-1 亚特兰大 摩纳哥 1-4 巴黎圣日耳曼 曼联 1-0 狼队 尤文图斯 4-0 乌迪内斯 AC米兰 3-0 斯帕尔 卡塔尔U23 1-1 日本U23 沙特阿拉伯U23 1-0 叙利亚U23 乌兹别克斯坦U23 1-2 韩国U23
Photoshopでウェブレイアウトを作成する方法 / ウェブデザインライブラリー
投稿日：2009年12月25日 レベル：中級者 ソフトウェア： このチュートリアルでは、Photoshopでウェブレイアウトを作ってみたいと思います。 Step1 ： はじめに Step2 ： タイトル・キャッチコピーを入力する Step3 ： ボタンを作成する Step4 ： 必要な情報を入力する Step5 ： コンテンツボックスを作成する Step6 ： コンテンツボックスを複製する Step7 ： 完成 900x900の新規ドキュメントを作成し、階調の異なる2種類の濃いグレーを背景色／描画色に設定します。 次に、長方形選択ツールでカンバスの一番上に長方形を描き、線型グラデーションで上から下にドラッグして塗ります。 さらに、次のようなレイヤースタイルをその長方形に追加してください。 今のところこんな感じです。
inputlog - yuga.js 0.7.1 - 優雅なWeb制作のためのJavaScript
コメントでいただいたリクエストを反映したyuga.jsの0.7.1を公開します。0.7.0からの差分は以下の通りです。 セルフリンク：対象の範囲を指定できるように 上記機能が必要ない場合はバージョンアップする必要はありません。 yuga.js 0.7.1 ダウンロード また、ドキュメントのほうにカスタムパラメータについて情報を追加しました。 http://kyosuke.jp/yugajs/ 不具合、リクエストなどありましたら、この記事にコメントしていただけると助かります。
Create an apple style menu and improve it via jQuery - Kriesi.at - Premium WordPress Themes
Create an apple style menu and improve it via jQuerySince I wrote my last tutorial on how to create a CSS only multilevel dropdown menu I got a lot of visitors who wanted to know how I created the main navigation of kriesi.at. (a so called kwicks menu) The interest in extraordinary menus seems to be high nowadays, so today I will teach you how this is done. Since the Apple-flavored Leopard-text-in
[JS]ウェブページのグリッドが正しいかどうか確認できるスクリプト -#grid
ページへの設置方法は簡単で、スクリプトを外部スクリプトで記述し、数行のスタイルシートを記述するだけです。 ※「Installation」の2と3をコピペ。 使用方法も簡単で、設置済みのページで、[Alt]+Gで一時表示、[Alt]+G+[Enter]で固定表示、となっています。
レンタルサーバーを借りて、自分だけのホームページを作ろう！～ロリポップ編～ | nanapi[ナナピ]
レンタルサーバーを借りて、自分だけのホームページを作ろう！～ロリポップ編～ に関するライフレシピをご紹介します。nanapi [ナナピ]は、みんなで作る暮らしのレシピサイトです。「自分のホームページを作ってみたいんだけど、どうすればいいの？」 こんな事を聞くと、「まずはレンタルサーバーを借りるところから始めるんだよ」という風に言われます。でも、「レンタルサーバー」って一体何？ 借りないとホームページは作れないの？難しくない？高くない？ ここでは、初めてレンタルサーバーを借りようとするみなさんが感じる、沢山の疑問が、少しでも減ってくれるようにレンタルサーバーの基礎知識をお伝えしたいと思います。 レンタルサーバーって何？ レンタルサーバーは、ホームページを公開する為のスペースを提供してくれるサービスです。こう書くと、ちょっと堅苦しい感じになってしまうかもしれませんが、要はこういうことです。
どのCMSがいいとか言う前にお前らやることあるやろ!? | Junnama Online
どのCMSがいいとか言う前にお前らやることあるやろ!? 公開日 : 2009-11-08 11:02:40 「自己満足CMS脳の制作者が陥る20の失敗」って本書いたら売れると思う、ってつぶやいたのはいつのことだったろうか。これ定期的に思うテーマなんだよな。MTや当社のCMSに限らない話として。お前ら、ってのはつまり俺たちのことだけどね。 Twitter / Junnama Noda:MTEntryMore, MTEntryExcerptが書いてないエントリーアーカイブのテンプレート、それは「バグ」だ。 「機能しないボタン」はバグと言っていい ボタンでなくて「タブ」だけど。例えばMTで「続き」って入力フィールドがあるよね。「キーワード」でも「概要」でも何でもいい。 でね、ここに入力しても何も出ないわけ。いや、出るんだけどね。テンプレートに書いとけば。 で、聞くでしょ。必ずこういうんだ(必ずじ
「一般の人」が迷わないウェブサイトの4つの守るべきポイント - シニア現場の隅っこ。was使いやすさを考えてみる。(アクティブシニア・シルバー層の現場から)
アイトラッキングを導入し、遊び始めて早半年。 色々なECサイトさんにお越しいただき、実験（遊び）を重ねて参りました。 弊社のお得意なシニア層だけではなく、大学生から50歳代くらいまでの比較的若い方を調査対象にしていたのですが、ネットで遊び倒していない大学生などは「あいや、シニアか」と思うような行動も多く、実は、シニア層と学生の遊び倒していない層は学習能力の差はあるものの、行動には大きな差はないのではと、思う日々。 大学生もケータイがメインになってきているので、PCで「遊ぶ」ということをしない。 確かに、外で友達がたくさんいればパソコンってあまり使わなくてもいい。（レポートと、簡単な調べものくらい）ということで、学生さんを見ていても、意外とビックリなことが多かったです。 その内容については不定期にサイトに挙げているのですが、今日は全てのサイトに共通して言いたい「サイト運営なら以下の事は最低限
Stu Nicholls | CSS PLAY | A cross-browser multi level dropdown/flyout menu with no hacks
CSS MENUS › Float drop menu system - multi level Date : 20th September 2009 For all modern browsers This demo is too wide for your mobile screen. Please view on a tablet or PC. Information After a complete re-style this menu now functions correctly in all browsers. A multi level dropdown and flyout version with three flyout levels, which can be expanded to have as many as you like, to show that an
Appleのようなデザインをするためのコーディングチュートリアル15 – creamu
Appleのサイトのような、かっこいいインターフェースを実装したい。 そんなあなたにおすすめなのが、『15 Incredible Apple Webdesign Style Coding Tutorials』。Appleのようなデザインをするためのコーディングチュートリアル集です。 かなりかっこいいのが揃っていますよ。 A Beautiful Apple-style Slideshow Gallery With CSS & jQuery Appleの製品紹介で使われているような、スライドショー。jQueryで動作し、PHPやDBは必要ない Apple style Accordion Menu Appleのサイドバーで使われているような、アコーディオンメニュー How to: Recreate apple.com menubar Appleのグローバルメニューはデザインがよく、ソースも綺麗。
よりよいWebデザインにするための配色のセオリー :: Love & Design ::
第一印象を決めてしまうほど、色はとても大切な役割を持っています。 Webデザインのイメージを決める上で、色は最も重要な要素といっても過言ではありません。 配色には様々なルールがありますが、Webデザインの配色は好みやセンスに頼らず、目的や用途に合わせて「調和」と「役割」を持つ効果的な配色をしたいものですね。 そこでWebデザインでも“ 無駄にならない ”色彩心理や色の視覚効果など、配色のセオリーをまとめました。 では、さっそく配色の基本になる「色相」「明度」「彩度」「トーン」それぞれの色彩心理や視覚効果を紹介します。 色相差で配色 【イメージ効果】 暖かい⇔冷たい 動的な⇔静的な 情熱的な⇔理知的な → 色相が違う色同士を組み合わせると、色味の差が大きく感じられます。 背景色の心理補色（黄⇔青 赤⇔緑）の方向に色がずれ、左側の中のオレンジは青みを帯び、右は赤みを帯びて見えます。（色相対比）
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://blog.e-riverstyle.com/2010/01/post-74.html
http://blog.e-riverstyle.com/2008/11/post-30.html
http://blog.e-riverstyle.com/2009/12/200930.html