パララックス効果を使ったウェブデザイン | | DesignWalker
パララックス効果って、あまり聞き慣れない言葉ですが…。 初期の横スクロール型のテレビゲームなどでよく使われていた視差効果を使って奥行きを出す技法だそうです。 いくつかのレイヤーを、それぞれ違った速度でスクロール（奥にあるレイヤーはゆっくり、手前にあるレイヤーは早くスクロール）させる事で、視差効果を与えて奥行きがあるように見えるのだそうです。 今回は、このパララックス効果を上手にウェブデザインに応用サイトをいくつかまとめてみました。 How to recreate Silverback’s parallax effect まずは、パララックス効果をウェブデザインに応用する方法から。ブラウザの横幅を変えてみると、４つのレイヤーに配置されているPNG画像がそれぞれスクロールの速度が違って奥行きがあるように見えます。サンプルコードも公開されているので、挑戦してみてはいかがでしょうか。CSSのbac
Web制作料金の見積もり、相場はいくら？ [起業・独立のノウハウ] All About
Web制作料金の見積もり、相場はいくら？読者のM.Yさんに「企業のホームページを制作して欲しいという依頼を受けたのですが、初めてのことで料金の相場がわからない」というメールを頂きました。今回はそのお答えを。 話をわかりやすくするために、以下のようなケースを想定して、相場をまとめてみたいと思います。 ・企業紹介用のサイト（商品紹介、会社概要など） ・全体で30ページ程度 ・1ページあたり、A4×1.5～2.5枚、文字数は800前後 ・トップページ以外はスタイルシートを利用 ・極端に手のかかるムービー制作や、複雑なCGIを含まない（いわゆる紙芝居Web) では、なにはともあれ、ページの制作単価（相場）を見てみましょう。 ページ制作料金
![Web制作料金の見積もり、相場はいくら？ [起業・独立のノウハウ] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f530daf3cb408d6b6a0ba6f38ed7ccece36cffc/height=288;version=1;width=512/https%3A%2F%2Fimg.aacdn.jp%2Faa%2Fcommon%2Fogp300_300.png)
売れるソーシャルアプリ開発のコツを成功者から学ぶ - ＠IT
リアルフレンドのゲーム体験というのは、実際に会ったことのある友達や知人とゲーム内でも関係を築くもので、mixiやFacebookで多く見られる。一方、バーチャルフレンドのゲーム体験というのは、実際に会ったことのない人と仮想環境でゲームを通じて関係を築いて楽しむというもので、モバゲーやGREEに多く見られるという。 この関係とゲームの内容がマッチしているかが、ヒットするかどうかに大きくかかわってくる。 「モバゲーの『怪盗ロワイヤル』は、mixi版も出ました。このゲームは、ユーザー同士がアイテムを奪い合うというものですが、mixiのようにお互いに知っている人同士、つまりリアルの友達関係にあると、本気で奪い合うのは難しいと考えています。 モバゲー版、GREE版、mixi版いずれに対してもシステムを共通化して出せると効率は良いですが、出したとしてもリアルフレンド同士で受けるもの受けないもの、バーチ
ulog.cc - ulog リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
くまがモチーフになっているブランド – 癒やしさと可愛さ
くまのグッズは、アクセサリーを始めキーホルダー・ストラップ・ぬいぐるみのほか、バッグも高い人気を得ています。
Facebookページ制作のためのpsdセット「Free download psd Facebook new fan page GUI」
TOP > Design , Photoshop , WebDesign > Facebookページ制作のためのpsdセット「Free download psd Facebook new fan page GUI」 Facebookに関する制作もWEB制作者の方であれば、個人的にでも仕事でも徐々に増えてきたのではないでしょうか？今日紹介するのは3月末にアップデートされる新タイムラインに対応したFacebookページのpsdテンプレートセット「Free download psd Facebook new fan page GUI」です。 新しくなったタイムラインのベースに、変更できる部分がわかりやすく、サイズと共に記載されていて、制作者側の視点で製作された便利なpsdとなっています。 詳しくは以下 タイムラインの他にも新しいサイズになった、アプリ側のpsdなども同封されており、これが
CSS3やHTML5などのコードを書く様子を再現し、徐々に 出来上がっていく様を見ながら学べる チュートリアルサイト・TheCodePlayer - かちびと.net
一つの形として面白かったのでシェア。 実際にコードを書いていきながら徐々に 出来上がっていくさまを見ながら学べる チュートリアルサイト。動画のチュート リアルより見やすく頭に入りやすい気も しないでもないです。 こういう形で学べるのは面白いですねー。はじめてみるタイプのチュートリアルサイトです。よく、書いたコードがインタラクティブに反映されるサービスがありますが、そのチュートリアル版という感じ。 ブログ形式でチュートリアルを公開しています。 説明するより見た方が早いですね。以下のようなチュートリアルです。Play Walkthroughをクリックするとコードを打っているのが分かります。右はビューエリア。 Make a simple cloud in CSS3 こういう発想は全然なかったですけど、Youtube等の動画で見るより分かりやすい気はします。動画は音声も使ええるのが魅力でしょうけど
現在MacBook Airに入れてる、MacをMacらしく彩るアプリたち | loveMac.jp
こんちにわ。MacBook Airが好きすぎてそろそろ友達がいなくなりそうな人です。今日は、そんなキャプテン翼くんでいうところのボール的存在であるMacBook Airに入れてて、とりわけ「Macっぽいなー」と感じるアプリをいくつか紹介です。何をもってMacっぽいかは、察してください。独断と偏見にまみれてるっす。要は。 Reeder 3 美しき定番のRSSリーダー。機能的にも文句なし。 「Reeder 3」リンクが見つかりませんでした｡: (WP Applink) Favs2 例えばTwitterのFavやGoogleReaderのスター付きなど、さまざまなソーシャルメディアやRSSのお気に入りを集めて表示してくれる、イカしたやつ。ベータ版使ってたけど、最近ようやく製品化したので即買いした！ これのおかげで、TwitterのFavなどをEvernoteに自動保存させてたのやめました。これ一
無料でPCをオンラインストレージ化できる「TONIDO」がとても簡単に使えることがわかるレビュー - GIGAZINE
「Tonido」はインターネットにつながったノートPCにインストールするだけで簡単にオンラインストレージ化できる無料のソフトウェア。インストール後はIDをパスワード指定するだけで設定が完了し、あとはPCやスマホから中のファイルにアクセス可能になる、というお手軽かつ強力な機能を備えています。実際にサクッと設定を済ませて使用するまでの手順を、以下で確認してみてください。 ◆ダウンロードと設定 以下のページに行くとWindows、Mac OSX、Linuxなどに対応したインストーラーがあるので、自分のOSに合ったものをダウンロード。なお、今回のレビューにはWindows用のものを使用しました。 ダウンロードしたインストーラーをダブルクリック 「Next」を連打すればOK 「Install」をクリック こんな感じで自動でインストールが進行 「Finish」をクリックすると自動でブラウザが起動し、「
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
Hyper Juice 1.5
MacBook Pro 2017 15-inchMAX 50W 充電可能！ 最新モデルから旧モデルまですべての MacBook Pro・MacBookを余裕の充電。 専用USB-Cアダプタ、待望の販売再開！ あなたのMacに攻めの充電。 ハイパージュースが最新 MacBook Pro をはじめとして、MacBook 2017/2016/2015 にも完全対応！ 現在利用中のTYPE-Cを挿入するだけで、MacBook Pro 15インチが最大 50W充電可能に。USB Power Delivery 3.0 パワールール準拠、最大 20V/2.5A(USB PD）。 「充電しながらMacBook Proを使用する」というシチュエーションが多い現在、W数が大きい方がMacのバッテリー消費以上の電力供給が可能なため、実用的です。MacBook Pro 15インチが最大17時間～39時間駆動！ さ
http://designaholic.cc/2012/03/10.html
最近、知り合いに「○○さんって変わってますよね。」と言われる事がありました。「そうかなー。」とその場は何気なく答えておきましたが、内心は「え、そうなの！？」と思っていました。なぜなら私は自分ほど普通な人はいないだろと思っていましたから（笑） 実はこれは「偽の合意効果」と言われる認知バイアスで、人は自分の意見・信念・好みが実際よりも一般大衆と同じだと思い込む傾向があるそうです。極端に言うと人はみんな自分が普通で他人が変わっていると思っているということですかね。 日常生活では笑い話のタネになる程度ですが、これが仕事になるといろいろな不利益を生みだしてしまいます。 私は業務の中でクライアントから様々な資料をもらう機会が多いのですが、たまに呪文のような資料をもらう事があります。自分の無知だと恥ずかしいので調べるのですが、Google先生にも「もしかして○○ですか」と言われる始末。 結局先方に聞いて
固定配置したナビゲーションのWEBサイト21個 | designaholic
ナビゲーションが固定配置されたWEBサイトのまとめです。このブログもナビゲーションを固定配置しているので個人的にも非常に気になるところですね。 b14 Happy Cog Character Face. Works. OK Studios Latorre 各コンテンツの情報量が少なかったり、コンテンツ数が少ないサイトには向いていますかね。遷移の仕方を工夫すればユーザビリティを確保しながらおもしろい演出をすることも可能です。 ただし高さのないワイドモニタなどではナビや情報が見切れてしまう可能性もあるので、様々な環境を考慮してデザインすることが重要ですね。 21 Examples of Fixed Position Menus in Web Design
今更聞けない！Webディレクターなら覚えておきたいExcelの基本的な使い方 : LINE Corporation ディレクターブログ
こんにちわ。新規開発グループの早岡です。 クライアントとのデータやり取りや、社内の数値管理など、Excel（エクセル）をよく使う方は多いと思います。 Excelはマクロ関数を使えばかなり色々な使い方ができますが、私たちWEBディレクターが普段使うのはその一部に過ぎません。 裏を返せば一部の使い方さえ覚えておけば、業務をかなり効率化できるということでもあります。 今回のディレクターブログでは、「よく使うんだけどド忘れしてたまに検索してしまう・・・」そんなエクセルのTIPSを、いくつかご紹介したいと思います。 Q1.「行と列」って、どっちがどっちだっけ・・・？ この行と列の覚え方には有名？な方法があって、これさえ知っておけば、もう一生間違うことはありません。 「行」は右側に横線が２本並んでいるから、横向き 「列」は右側に縦線が２本並んでいるから、縦向き ほら、もう間違う気がしないでしょう？？
WEBディレクターの為のEXCEL術（2）課題管理表 | designaholic -Creative Column-
実は普段仕事をしている中で、口頭でお願いした作業は100%忘れられると思うようにしています。相手を信用していないというわけではないのですが、口頭で頼んだだけだと相手のタスク管理に依存してしまうのでメールでリマインドをしたり、自分のタスクリストに連絡待ちタスクとしてリストアップするようにしています。 さらにプロジェクトとなればクライアントや協力会社の方にも作業を依頼することも発生しますし、対応状況の共有なども必要になってきますね。この際に利用するのがこの課題管理表です。サンプルは以下からダウンロードできます。 issuelist_sample.zip(16.4KB) 商用利用、改変など特に規定はしてませんが、ご利用は自己責任にてお願いいたします。 各課題に対して内容の他に依頼者・担当者・期日等とステータスを管理しています。これを定期的に確認することで抜け漏れなくプロジェクトをすすめることがで
忙しい相手にもすぐに返答してもらえるメール術 | designaholic
今やメールなしには成り立たないという仕事をしている方も多いと思いますが、1日に数百件のメールを処理しないといけない人も少なくないでしょう。 そんな中であなたのメールを見落とされたり、後回しにされずに返信や対応をしてもらうためのメールの書き方のポイントをまとめてました。 件名にアクション、期限を書く
仕事を頼むのが不安になる人の7つの行動 | designaholic
仕事をしていれば部下や同僚、外部の会社に仕事を依頼する機会があると思いますが、そんな時にこれをやられると｢本当に大丈夫か？｣と思ってしまう行動をまとめてみました。 頼んだ仕事にすぐとりかかる。 すぐにとりかかってくれるのはありがたいんですが、｢今やっていた作業は大丈夫なの？｣と思うのと同時にまた別の人に仕事を頼まれたらそっちにすぐ移ってしまうのではないかと不安になります。 期限を明示せず、でき次第送りますという。 さらにいつごろ終わりそうかを聞いても時間が読めないと言われるとお手上げです。 期限を切らないことがリスクヘッジと思っている人がいますが、これをやると依頼された人は｢自分のタイミングで終わらせればよい｣と思い、依頼した人は｢自分が必要な期日までにはもらえる｣とお互い都合のよい解釈をしてトラブルの火種になりますね。 ｢見ればわかります。｣という。 資料を用意して説明しようとしたら｢見
仕事を上手に頼む人はやっている。頼み方の6つのコツ | designaholic
昨日のブログで｢仕事を頼むのが不安になる人の7つの行動｣を書いたのですが、もちろん頼み方だって重要です。 頼み方次第でトラブルの発生率や作業者のやる気も大きく変わってきます。 ということで上手に仕事を頼むコツをまとめてみました。 仕事の期限はきちんと時間で指定する。 ｢○日中にやっておいて｣、｢今週中にお願い｣といった頼み方をすることがあると思います。 人によって｢今日中＝定時まで｣ととらえる人もいれば｢残業しても帰るまでにやっておけばよい｣ととらえる人もいます。十分に時間があって余裕を持ってすすめているならまだよいですが、期限はなるべく時間まで決めた方がよいですね。 作業の目的をきちんと伝える。 1) 「レンガを積んでください。」 2) 「ここに教会を立てるので土台になるレンガを積んでください。」 どうでしょうか？依頼している作業は一緒ですが作業者が受け取る情報が全然違いますね。目的を伝
Gmailで実践するGTD | designaholic
有効なワークフロー管理法として有名なGTDですが、いろいろツールを試してみた結果、個人的にはGmailを利用して実行するのがはまったのでここで説明しておきます。 GTDとは っていうか「GTDってなんだ？」という方に少し補足しておくと、GTDとは”Getting Things Done”の頭文字をとった言葉で、デビットアレンという人が提唱するワークフローの管理方法です。 簡単に言うと「これが終わったら○○をやらなきゃ・・」とか「今日中に△△終わらせないと・・」などと考えながらやると頭がいっぱいになってしまい、作業効率が悪くなってしまうので決まったフローによってタスクを分類して、そういったことを頭から追い出して目の前の作業に集中しましょうというもの。 以下のようなフローで、タスクを分類します。 まず入ってきたすべてのタスクや情報は「inbox」で受け止めます。 そしてフローにしたがい以下の6
フリーで使えるアクセス解析ツール15選+2 | designaholic
個人的には「Woopra」が気になりますね。最近ではフリーでも高機能なものが増え、それぞれ特徴があるのでいろいろ試してみたいですが、あまり乗り換えずひとつのツールに絞って使いこんでいった方がいいかもしれませんね。
ゲームに出てきそうな円形メニュー実装jQueryプラグイン「Pretty Pie Menu」:phpspot開発日誌
Pretty Pie Menu Demo ゲームに出てきそうな円形メニュー実装jQueryプラグイン「Pretty Pie Menu」 次のような円形のメニューを実装できます。アニメーションがカッコいいので実際に見てみましょう デモページ 使い方は以下のようにオプションを渡すみたいです。画像は自分で作れるので画像を変えれば全く印象の違ったものを作れそうです 関連エントリ リッチなドロップダウンメニュー実装ができるjQueryプラグイン「Mega Drop Down Menu」 かなりクールなjQueryのメニュープラグインやチュートリアル集 ページスクロールでついてくるメニューを実装＆色々カスタマイズできるjQueryプラグイン「stickyFloat」 通知件数表示付きのメニュー実装jQueryプラグイン「Notification Menu」 折り畳み可能なシンプルツリーメニュー実装jQ
WEB制作で使えるpsdファイル集「15 Beautiful and Useful Free PSD Files」
TOP > Design , Photoshop , WebDesign > WEB制作で使えるpsdファイル集「15 Beautiful and Useful Free PSD Files」 素材ひとつで制作の時間は大きく短縮でき、いつも時間に追われているデザイナーさんにとっては、使いやすい素材というのはいくつでもストックしておきたいもの。今日紹介するのは、WEB制作で使えるpsdファイルを集めたエントリー「15 Beautiful and Useful Free PSD Files」です。 Sticky Butterscotch UI Kit こちらのエントリーでは、タグなどの細かいパーツデザインから、ユーザーインターフェースセット、ソーシャルボタンまで様々な素材がまとめられています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。 詳しくは以下
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
やってみましたペルソナ作り コーナーの記事一覧 | Web担当者Forum
Webマーケティング初心者向けのデータ分析のコツ - 悩み解決ナビ（Q&A） [All About プロファイル]
コストをかけないWebマーケティング - 悩み解決ナビ（Q&A） [All About プロファイル]
自己資金0で起業して年商1億だけど質問ある？ : キニ速
クリエイティブ業界専門の求人サービス [CINRA.JOB]
レスポンシブWebデザインで作られた凄いWebサイト
http://designaholic.cc/2012/03/web-14.html
http://designaholic.cc/2012/03/web50-1.html
WEBディレクターの為のEXCEL術（3）作業が捗る小技10選 | designaholic -Creative Column-
WEBディレクターの為のEXCEL術（1）作業スケジュール | designaholic -Creative Column-
http://designaholic.cc/2011/03/google-2.html
http://designaholic.cc/2011/02/7-1.html
http://designaholic.cc/2011/01/google-1.html
情報の波にのまれずに整理する方法｜designaholic -Creative Column-
http://designaholic.cc/2010/10/firefox.html
ごりゅご.com
http://designaholic.cc/2010/07/gmail.html
http://designaholic.cc/2010/07/hack.html
http://designaholic.cc/2010/08/post-2.html
http://designaholic.cc/2010/06/sugarsync.html
WEBディレクターなら知っておきたいWEBサービス25選｜designaholic -Creative Column-
http://designaholic.cc/2012/03/web1support-detail.html
Loading...