-
Media QueriesとjQueryを使って、スマートフォンでアクセスした時だ... kachibito.net
シンプルで良かったので一応メモ。レスポ ンシブWebデザインのTipsです。Media Queries とjQueryを使用して、スマフォでアクセス した時だけ、邪魔になりがちなナビゲー ションメニューを上に隠す、みたいな手段。 割と良かったので参考までに記事に備忘録 として残しておきます。 ... 続きを読む
-
【完全版】Facebookページのタイムライン化で本当に検討すべき11項目... gaiax-socialmedialab.jp
3月30日までに何をやらなければいけないか、 もうお客様や社内メンバーへの説明は終わりましたか? Facebookページのタイムライン化は、事前に分かっていた方も多いと思いますが、制作会社の方・代理店の方に大きなインパクトがあったのでは無いでしょうか。ページの作り直しが発生するので。。 タイム... 続きを読む
-
Photoshop VIP ☞ Illustratorのすご技を体感、デザインチュートリア... photoshopvip.net
Home > まとめ > その他まとめ > Illustratorのすご技を体感、デザインチュートリアル30個まとめ 2012年3月度 デザイン制作でもよく利用されているグラフィックツール、Adobe Illustrator。 Photoshopとの互換性もあり、組み合わせて利用することで、... 続きを読む
-
[JS]洗練されたかわいらしいデザインのツールチップを簡単に実装でき... coliss.com
デモページ:Big Yellow Sweet Tooltipの使い方 外部ファイル スタイルシートをhead内に、スクリプトをページの下部に外部ファイルとして記述します。 <link rel="stylesheet" href="sweet-tooltip.css"> <script type... 続きを読む
-
Bootstrapをもっと活用するためのカスタマイズツールやリソースのま... coliss.com
Twitter Bootstrapをカスタマイズしたり、jQuery UI, jQuery Mobileで使ったり、PhotoshopやFireworkの素材として利用したり、WordPressのテーマなど、もっと活用す [...] 続きを読む
-
ノンデザイナー向けのスライド・「Webデザインのセオリーを学ぼう」 ... kachibito.net
既出なんですが良かったので。空いた 時間に、気になっていたスライドがあ ったので拝見しましたが、内容が素敵 だったのでご紹介します。ノンデザイ ナーさん向けのデザインセオリーの スライドです。 Webデザイナーが読んでおきたい、最近公開されたWeb系のスライドっていうので知ったんですが、どちら... 続きを読む
-
Web業界にいるなら誰でもRSS登録しているだろうサイトまとめ16個 - W... w3q.jp
Web担当者Forum - 企業ホームページとネットマーケティングの実践情報サイト - SEO/SE... web-tan.forum.impressrd.jp インプレスビジネスメディアが運営する、企業ホームページ運営とマーケティングに関する情報&ニュースサイト。サイト運営に欠かせない検索エ... 続きを読む
-
大手ブログが軒並み採用する鉄板の広告位置について考える - Future ... d:id:gamella
Geekなページの以下のエントリーにメルマガとブログの広告の位置についての言及がありました。Geekなぺーじ:有料メルマガを廃刊しましたメルマガ開始とともに広告収入が増えたのも大きな変化でした。 最大の要因は広告の配置を変更したことなのですが、それによって広告収入が倍近くになりました。 前々か... 続きを読む
-
メニューを固定したWEBデザインのサンプル21:phpspot開発日誌 phpspot.org
21 Examples of Fixed Position Menus in Web Design | Inspiration メニューを固定したWEBデザインのサンプル21 Facebookがそうですが、メニュー固定でユーザはいつでも移動したい情報に移動しやすくなりますね。 パララックスを取... 続きを読む
-
ウェブ制作の時間を大幅に短縮する、今時のUIコンポーネントが簡単に... coliss.com
HTML5+CSS3+JavaScriptで制作されたオープンソースのUIコンポーネントコレクションを紹介します。 Chico UIの対応ブラウザは下記の通りです。 IE6には対応していませんが、十分でしょう。 対応ブラウザ Google Chrome Safari Firefox 4+ In... 続きを読む
-
Photoshop VIP ☞ デザインのスパイスに、手書きスケッチ風フリーフ... photoshopvip.net
たまにはパソコンを閉じて、ペンを握って文字を書くと、手書きの良さを実感します。 手書きされた文字は、感情を表現したような、ユニークでやさしい印象を与えてくれます。 海外デザインブログNaldz Graphicsで、手書きスケッチされたフリーフォント素材30個をまとめたエントリー「A Colle... 続きを読む
-
絶対入れておきたい、Web制作に役立つiPhoneアプリ20選 | AppLiFE - ... www.app-life.jp
Web制作やアプリ開発の業界の人にとって、iPhoneやAndroidなどのスマートフォンは常識レベルのマストアイテム。使いこなしている方もたくさんいると思いますが、仕事面だとタスク管理やメールくらい、という方も多いのではないでしょうか。 それじゃあもったいない! 実はiPhoneでも、さすが... 続きを読む
-
ASCII.jp:jQuery Mobileを使った国内スマホサイトまとめ ascii.jp
jQuery Mobileの採用が国内でも進んでいる。jQuery Mobileは、iPhone/Android、WindowsPhoneやBlackBerryなど、主要なスマートフォンに対応したUIフレームワーク。HTMLに簡単な記述を追加するだけで、スマートフォンに最適化したサイトやWeb... 続きを読む
-
Facebookの突然の一撃で、ソーシャルメディアプランナーは全滅か!! |... www.landerblue.co.jp
Facebook初めてのマーケター向けカンファレンス「fMC」が、日本時間3月1日3時から開催されました。 3/1のFacebookの突然の発表で、昨日とその前の私のブログは一瞬で陳腐化しました。 笑える〜。たぶん昨晩はソーシャルメディアで食ってる方達は寝られなかったと思います。明日からどうす... 続きを読む
-
デザインでテクスチャを効果的に使う5つの実用的なテクニック | コリ... coliss.com
下記は各ポイントを意訳したものです。 背景としてのテクスチャ オーバーレイとしてのテクスチャ モックアップのためのテクスチャ イラストのためのテクスチャ テクスチャをテキストに当てはめる 背景としてのテクスチャ テクスチャを効果的に使うポイントの一つは、繊細です。テクスチャを使用する際は基本的... 続きを読む
-
「htmlすら知らなかった私が2週間でWordpressの新テーマを作成するま... ozpa-h4.com
どうも、@OZPA です。 先月、当ブログのテーマをWordPressにて自作した私。 しかしながら、実はそれまでWordPressの知識どころかhtmlすらろくすっぽきちんと理解していない人間だったのです。 今回はそんな私がWordpressのテーマを一から自作するまでにやったことを備忘録が... 続きを読む
-
Windows 8 Consumer Preview windows.microsoft.com
Windows 8 は、Windows 7 の処理速度と信頼性を基に、刷新された Windows です。まったく新しいタッチ インターフェイスが搭載されました。新しいデバイス向けの新しい Windows です。新機能を最初に試すチャンスです。 今すぐダウンロード 続きを読む
-
Facebookのタイムラインでカバーとプロフィール写真を一体化させるオ... www.lifehacker.jp
Facebook , Webツール , ソフトウェア , 画像 Facebookのタイムラインでカバーとプロフィール写真を一体化させるオシャレテク 2012.02.29 13:00 コメント数:[ 0 ] Tweet Facebookの新しいタイムライン機能が全ユーザに適用されましたが、先に使... 続きを読む
-
デザインが優れている人には愛情と思いやりがあるという話|資料やメ... e0166.blog89.fc2.com
Word資料など、10年前にはよく作っていた時に、先輩から教わった話。 「デザインの仕事しているのに、文章がとてつもなくわかりにくいね君」から会話がスタートした。 は?なんで文章なのにデザイン関係あるの? デザインはレイアウト、見た目、イラストと言ったものだけではない 最近、Webデザイナーの... 続きを読む
-
Webデザインのウソ・ホント ~ Web らしくデザインするためのヒント www.slideshare.net
Webデザインのウソ・ホント ~ Web らしくデザインするためのヒント — Presentation Transcript 8 Web デザインのウソ・ホント ∼ Webらしくデザインするためのヒント Web Design長谷川恭久 CSS Nite in TAKAMATSU 2012 年 ... 続きを読む
-
今後のWebデザインとの向き合い方 : could www.yasuhisa.com
Webデザイン講演 今後のWebデザインとの向き合い方 「Webデザインのウソ・ホント」と題して、未来を見据えた Web のデザインを行う上で必要な考え方や取り組み方法を紹介しました。今までどおりに幾つかの静的なカンプを作り続けながら対応するのか、それとも、Web らしくデザインするのか選択す... 続きを読む
-
意外と知らない?アイコンはWebフォントでつくるとこんなに便利! | ... design.kayac.com
Webフォントでアイコンをつくろう! ゆとりジェネレーションのほんだです。 最近、Webフォントを使用する仕事に多く携わった関係で、 Webフォントを有効活用したものすっごく素敵なマークアップ方法に気づきました。 ずばり、アイコンやちょっとしたイラストをWebフォントで作成する、というものです... 続きを読む