ワンパターンなウェブデザインから抜け出すための10のヒント
10 Great Tips to Boost Creativity [ad#ad-2] 下記は各ポイントを意訳したものです。 はじめに ウェブサイトをデザインするとき、ワンパターンに陥ってしまうことは簡単です。デザイナーは自分が何が得意であるか知っており、それを強みにして常用してしまう傾向があります。しかしながら、通常とは異なる視点をとることで、創造的なアプローチを新しい限界へとおし上げることができます。 創造力をアップさせることはウェブデザインの現在のトレンドを学び、何がそれを成功させたかを理解し、そしてあなた自身のユニークなスタイルを使ってそれらのテクニックを実行することから始めます。 あなたの創造力をあふれ出るようにするために、ここに考慮に入れるべき10のヒントがあります。 1. カラーを考えてみる サイトをゼロから作成する時や修正する時、コンセプトを強くするためにカラーの知識を深め
JavaScriptからFlickr APIで任意のphotoset（セット）を取得 - hello, world.
Flickr APIのflickr.photosを使うことで、 特定ユーザーの写真 特定タグの写真 特定エリアの写真 などの取得ができるよう。 参考： 第2回 JavaScriptからFlickr APIで画像検索 - マッシュアップ・ラボ：ITpro で、任意のphotosetを取得するのをやってみる。 ■デモ↓ http://2244.jp/_demo/flickr/01/ 上記のURLのHTML、JSともに銀座方向に感謝の気持ちを送りつつ流用させていただいて、 flickr.js param.method = 'flickr.photos.search'; ↓ param.method = 'flickr.photosets.getPhotos'; if ( ! data.photos ) return; var list = data.photos.photo; ↓ if ( !
画像ポップアウト・イメージギャラリー・スライドショー｜jQuery plugin｜Ajax｜PHP & JavaScript Room
PHP、JavaScript、CSS、Webページ埋め込みによる音声・動画配信方法など、実用的なプログラミング・テクニックを解説jQueryでシンプルにスライドショーを実装する方法が掲載されています。 スライドショーとして表示する画像をあらかじめimg要素で列挙しておき、z-indexを変更することで入れ替え表示しています。 スライドのスピードはミリ秒で指定可能です。 すべての画像を表示し終わると、また繰り返し最初からリピート再生されます。 スライドを開始する画像のimg要素にはactiveクラスを指定します。 設置イメージ A Simple jQuery Slideshowの設置サンプルサンプルを見る<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtm
[YUI] マウスオーバーでリンク先サムネイル表示
Yahoo! UI Library の YAHOO.widget.Tooltip オブジェクトのツールチップ機能と、 Simple API のサムネイル画像取得サービスを組み合わせて、 マウスオーバーでリンク先サイトのサムネイル表示を行うデモです。 Yahoo! JAPAN PC Watch asahi.com Yahoo! UI Library: Tooltip kawa.net xp ゆうすけブログ Flickr: Photos from Yusuke,SF 上記リンク部分にマウスカーソルを乗せると、サムネイルを表示します。 ソースコード 短いです。YUI と SimpleAPI に感謝！ <script type="text/javascript" src="js/yahoo.js"></script> <script type="text/javascript" src="js/e
【レビュー】Webデザインを進化させる「Adobe Creative Suite 5 Web Premium」(前編) | クリエイティブ | マイコミジャーナル
「Adobe CS5 Web Premium」の制作現場向け機能をチェック 「Adobe Creative Suite 5 Web Premium」 Webデザインのための製品群をワンパッケージにした「Adobe CS5 Web Premium」。その製品構成と、「CS5」における機能の進化を2回に渡り徹底紹介したい。 ついに発売された「Adobe CS5 Web Premium」だが、筆者の周りでは、まだ「CS3」を現役で使っており、「CS4」には乗り換えていないというWebデザイナーも多い。「CS5」は、今までと何が違うだろのうか? 「CS5」シリーズの中でもWebデザイナー向け製品である「Web Premium」に含まれるアプリケーションについての全体像と、それぞれの製品の役割について紹介していこう。 CS4には、「Web Standard」と呼ばれるWeb Premiumの下位バー
まずは基本から・HTML5のCanvasについて参考になったサイトまとめ - かちびと.net
ようやくHTML5に興味を持ち始めました。 サンプルを以前記事にして、凄いなーと 思っていましたが、なかなか時間がなく、 先延ばしに。で、ようやく頭に入れ始めま した。なにするにも行動が遅くて困ります。 HTML5でも話題になっているCanvasを勉強し始めました。そんな中で、勉強の参考になりそうなサイトをブクマしたのでこれから学ぼう、とお考えの方とシェアしたいと思ってエントリー。 というわけで、基本的な情報がほとんどです。大量の情報を見ても混乱するのである程度絞っています。 html5.jp リファレンスサイトです。リンク先はcanvasカテゴリに。ここからスタート、というか最後までたぶんお世話になりそう。 html5.jp ～HTML 5で導入されるcanvas要素の使い方～ 同じく教科書的なサイト。ありがたい。まだ、ざっと読んだだけですが、すごく分かりやすかったです。 ～HTML 5
WordPress 3.0 日本語版リリースのお知らせ
WordPress 3.0 日本語版をリリースしました。 ダウンロード: WordPress 3.0 日本語版をダウンロード WordPress 3.0 用日本語リソースのみのダウンロード アップグレード: WordPress のアップグレード – WordPress Codex 日本語版を参照してください 3.0 の更新箇所などについては “WordPress | 日本語 » WordPress 3.0「セロニアス」” を参照してください。また、英語版と日本語版との違いについては “WordPress | 日本語 » WordPress 日本語版について” を参照してください。 3.0 英語版へすでにアップグレードを済ませている場合、再度ローカライズ版アップグレードのお知らせが管理画面に表示されますので、必要に応じてアップグレードしてください。 もし日本語版に訳の不具合などがありましたら
「ルール」を打ち破るWebデザイン
2017年6月29日 Webデザイン Webデザインの「ルール」。そのいくつかを聞いたことがあると思います。でも「やってはいけない」「やらなければいけない」なんて聞いたら壊したくなるのが人間というもの（私だけ？）。今回はそんなWebデザインのルールを打ち破る素敵なサイトをNoupeで紹介されていたので翻訳してみます。次回のWebデザインの参考にしてみてください。 ↑私が10年以上利用している会計ソフト！ Webデザインの「ルール」に関する記事を見た事があると思います。事実、いやになるほど頭にインプットされている事でしょう。そして多くの場合その「ルール」は楽に生活を送るためのガイドラインとして役立っています。 しかし、あなたのアイデアがそのルールに当てはまらない場合、またはあなたがとにかく全てを型に当てはめるのにうんざりして、自分の創造力に挑戦したい場合はどうでしょう？そのルールは本当に変更
jQueryを使った、動きのあるナビゲーションメニューチュートリアル集 – creamu
スムーズな動きのナビゲーションメニューを作りたい。 そんなときにおすすめなのが、『Excellent jQuery Navigation Menu Tutorials』。jQueryを使った、動きのあるナビゲーションメニューチュートリアル集です。 いい感じのものが揃っていますね。 How to Make a Smooth Animated Menu with jQuery マウスオーバーすると、すとんとメニューの説明を表示 Animated Drop Down Menu with jQuery クリックすると、すっとドロップダウン型で表示されるメニュー How to Create a Drop-down Nav Menu with HTML5, CSS3 and jQuery HTML5,CSS3でのドロップダウンメニューの作り方 How to Build a Lava-Lamp Styl
A Collection of "Coming Soon" Web Pages
"Coming soon" pages are a great way for websites to engage and connect with visitors, even before the actual site is published. A well designed "coming soon" page is a great teaser to grab the attention of potential visitors and make them look forward to the website's launch. These pages usually include a short sign up form or social media links to notify visitors of updates and the release date.
skyfish graphix
くろいライオン ジスン・リー Jisun Lee H220mm×W220mm 定価1,837円（本体1,750円+税） SFG-JIS-001 「食べたって、絶対にまずいんだからね！」 絵の中から、女の子をじっと見ているふたつの目。 友達が欲しかったライオンと女の子の、出会いの物語 ツキミモザ ヨシエ yoshie H192mm×W190mm 定価1,596円（本体1,520円） SFG-YOS-001 どうして わたしは ひとりなの？ そんな月の夜、ミモザの香りと一緒にそおっとページをめくれば、そこには、ほら…！カラフルなハギレが舞い踊る、すてきな世界。ハギレアーティスト、ヨシエの新刊メッセージ絵本。 筆洗バケツの住人 丸岡慎一 Shinichi Maruoka H135mm×W190mm 定価997円（本体950円） SFG-MAR-001 住人
パブー | 電子書籍作成・販売プラットフォーム
4コマ（時に3コマ）のハリネズミくんシリーズ。テキストをタイプしていましたが（読みにくいかもしれませ...
オレサマHTML5はごめんだ
デベロッパーのあいだでHTML5の重要性が高まってくるにつれ、各ブラウザベンダは自社のブラウザがHTML5にいかに対応しているか、あるいは今後すばらしい実装計画があるか、といったことをアピールし始めました。 Webの新しい標準となることが決定的とされているHTML5に、多くのベンダが注目し、競うように実装を進めていることは歓迎すべきことです。これからのWebが1つの標準に基づいた高い互換性と、競争によってより品質の高いソフトウェアの提供が行われると期待できます。 しかしその一方で、行きすぎた競争による残念なことも起きています。 わざと誤解を与えようとするアップル アドビのFlashはクローズで、HTML5はオープンだ、と言ったスティーブ・ジョブズ氏率いるアップルが「HTML5 Showcase」と銘打ったWebサイトのデモンストレーションコーナーを開設。しかし、「HTML5 and web
第2回 アクションを起こしてもらえるフォームのポイントは？ | gihyo.jp
使いやすいフォームをデザインする6つのポイント みなさんは、どのようにフォームをデザインしているでしょうか？ CSSでスタイリングされていない素のHTMLフォームは、当然ですがデザイン性にとぼしいものです。また、入力エリアが狭いため、ユーザビリティも高いとは言えません。 フォームにはお問い合わせフォーム、申し込みフォーム、予約フォームなどいろいろありますが、共通するのは「ユーザーにアクションを起こしてもらう重要な要素である」ということです。しかし、フォームへの入力は、ユーザーにとって面倒な作業です。そのため、極力簡単に入力できるようにして、ユーザーの負荷を軽減する必要があります。 それでは、どうすればユーザーの負荷を軽減させることができるでしょうか？ そのためのポイントが以下の6つです。 要素を整列させる 適度な余白をつくる ディテールを作り込む デザインされたボタンを使う 住所を自動入力
jQueryプラグインを探す際にだいたい見て回る巡回サイトまとめ - かちびと.net
個人的にjQuery関連のブクマ が分かりにくくなってきたので 整理も兼ねてシェア。プラグ インを探す時にだいたい巡回 しているサイトをまとめます。 かなり情報が多くなってきたjQuery。使いやすいし、知識の無い僕でも簡単に使えるので重宝してます。そんなjQueryですが、多すぎて探すのも大変ですね。以前ご紹介したサイトも兼ねて、ブックマークの整頓がてら、順回しているサイトをご紹介します。 codrops jQueryと言えば個人的にここを思い浮かべます。情報も新しく早い。英語OKならRSS購読推奨です。 codrops css-tricks こちらはWebデザイナー目線で情報を配信しています。有益jQuery情報多数ですが、タグやカテゴリが無い（あるかもだけど、見当たらない）のがおしいところ。/tag/等も404なんですよね・・最新記事はサイドバーに表示されます。 css-tricks
【レビュー】Adobe Illustrator CS5の新機能を徹底チェック! 【Web編】 (1) Webワークフローに合わせた「ピクセル整合」 | クリエイティブ | マイコミジャーナル
Adobe Illustrator CS5の新機能を紹介するシリーズの2回目は、Web制作に関連したものを取り上げよう。といっても、IllustratorにはAdobe InDesign CS5のように直接SWFファイルやFLVファイルを配置し、Web用デザインを行う機能が搭載されたわけではない。あくまでもIllustratorではコンセプト作りやアセット(素材)作りを行うアプリケーションとして位置づけられている。では、どんな部分が便利になったのか。それをこれから紹介していこう。 コンテンツ 1ページ Webワークフローに合わせた「ピクセル整合」 2ページ テキストへのアンチエイリアス処理を強化 3ページ コーナーの形状を保ったままシンボルを拡大縮小 4ページ ラスタライズ効果を出力先に合わせて適用 5ページ 設計はIllustrator、仕上げはAdobe Flash Catalyst
JavaScriptからFlickr APIで画像検索：ITpro
Flickr APIのインタフェースとしては， REST / XML-RPC / SOAP の3種類が用意されています。 通常は，実装が容易な REST を利用することが多いようです。 REST リクエスト時のレスポンス（APIから返却される結果データ）は， RSP 形式という独自の XML フォーマットで出力されます (Plain Old XML)。 XML以外にも，JSON形式(JavaScript Object Notation)， JSONP形式(JSON with Padding)， PHP serialize形式での出力も可能です。 今回は，JavaScriptから処理しやすいJSONPを利用することにします。 Flickr APIの利用（ライセンス認証用API Keyの取得）には， 米国Yahoo!の会員登録が必要です。 英語のメッセージなので少し面倒ですが， [Sign U
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Home
imasara
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。