次のレベルまでWEBサイトを引き上げてくれるCSS、javascriptテクニック集
CSSやjavascriptを利用してサイトをよりリッチな表現に変えていくというのは、WEB制作の現場では常に行われていて、様々なスニペットやライブラリが日夜リリースされています。今日紹介するのは次のレベルまでWEBサイトを引き上げてくれるCSS、javascriptテクニック「CSS and JavaScript tools to take your website to the next level」です。 Countable.js 様々なCSSやjavascriptによるテクニックがまとめられていますが、今日はその中からいくつか気になったものを紹介したいと思います。 詳しくは以下 iCheck クリックしたラジオボックスやチェックボックスから、返り値をとれるjavascript。それをキーにして何かを動かしたいときに。 Almost Flat UI フラットデザインUIを簡単に実装で
ゼロベース流アジャイルウェブ開発術2010年版 - Zerobase Journal
ゼロベースは「新規事業としてのウェブサイト開発プロジェクト」を何十件も受託してきました。その過程では「いかにして新規事業を成功させるか」を考え、工夫してきました。その現時点の成果として、一般的には「アジャイルUXD」と呼ばれる方法を獲得しました。その概要を本記事で紹介します。 2010年12月22日発売の WEB+DB PRESS Vol.60 へ寄稿した文章を（技術評論社さんの好意もあり）少し訂正して公開します。ブログエントリとしては長大な3万字なので、電子書籍BCCKS版（無料）もご利用ください。iPad版は読みやすかったです。 関連記事：アジャイルUXDの記事を執筆（ポンパレを7週間で開発したプロセス事例） （2011年1月17日） 誌面の制約（9頁）から、かなり圧縮した文章になってしまいました。ぶっちゃけると力みすぎで、決して読みやすくはない文章ですし、状況への憤りみたいなのもあっ
レスポンシブとか、そういうことの前に
レスポンシブWebデザインに関する話題を見渡すと、そこまで気にして実装を踏みとどまる必要ってあるのかな？と思うことがあります。 もちろん、レスポンシブWebデザインがパーフェクトなソリューションではありません。しかし、Webにおいてパーフェクトなソリューションが存在するのでしょうか。簡単に作れるツールがないから。古いブラウザへの対応が困難だから。レスポンシブに画像を対応するための最適な方法がないから。実装をしないための理由はいくらでも作ることができますが、実装しない理由は、スマートフォン専用サイトを作ることでも、CSSレイアウトにすることでも、たくさん並べることができます。 Webは完璧な世界ではありません。そして、完璧な世界が訪れることを期待してはいけない場でもあります。予測不可能な世界であり、すぐに新しいものスタンダードになる世界。不完全でありながらも、進化を繰り返すのが Web です
新卒Webデザイナーにとりあえず読ませておきたいデザインの原理原則が学べるエントリー
「素人っぽいデザイン」から抜け出すために、デザイ... / デザインを勉強したことがない人でもデザインできる... / 非デザイナーのためのデザイン基本テクニック その...他...全10件
印刷して手書きできる、Webデザイン向けのフリーのワイヤーフレームテンプレート10種
印刷して手書きできる、Webデザイン向けのフリーのワイヤーフレームテンプレート10種 2010/06/07 | カテゴリ：テンプレート ◆10 Free Printable Web Design Wireframing Templates Web Design Ledgerの上記エントリーにて、Webデザイン向けのフリーのワイヤーフレームテンプレート10種類まとめられているので紹介します。 ◆Paper Browser ブラウザウインドウに細かいグリッドが書かれたテンプレ。 ◆iPhone Application Sketch Template v1.3 iPhone用に便利そうな細かいグリッドが書かれたテンプレ。 オリジナルサイズのダウンロードリンクは画像下の説明部分にあり。 ◆Using the 6 pages template 6つのウインドウが書かれたテンプレ。 ファイルのダウンロ
404 Not Founds
The requested URL was not found on this server. 您要找的内容已被删除
Getting Real by 37signals
On top of making Basecamp and HEY, we write books about what we’ve learned running our own business. They’re filled with practical advice you won’t find elsewhere. Shape Up Shape Up is for product development teams who struggle to ship. Written by the innovators behind Basecamp — one of the biggest and longest-running software as a service apps — the book gives teams the tools to address the risks
Appleから学ぶウェブデザインに役立つ10のチップス
10 Lessons on Design We Can Learn From Apple [ad#ad-2] 下記は各ポイントを意訳したものです。 #1: Simple Is Better #2: 商品写真の使い方 #3: コントラストを効果的に #4: 簡単に妥協しない #5: Flashから離れる #6: フレンドリーに #7: グリッドの活用 #8: Learn moreコンテンツ #9: 一貫性 #10: ただのコマースサイトにしない #1: Simple Is Better 派手なデザインの「購入する」ボタンやグラフィックが満載のウェブページほど嫌なものはありません。それは取り散らかされただけの下品なページです。 Apple Store Appleのページは「less is more」の好例で、派手な広告やプロダクトであなたを攻めたてることはなく、むしろあなたが見るべき一つのもの
デザインを勉強したことがない人でもデザインできるようになるかもしれない4つの基本原則
このブログ、Webデザインレシピのデザインをリニューアルしました。 この機会にデザインを勉強したことがない人でも、楽しくデザインをすることができるかもしれない、基本原則 4つをご紹介します。 この原則は「ノンデザイナーズ・デザインブック」著者 Robin Williams で詳しく解説されています。 古い本ですが、とっても素晴らしい本で今では新装増補版となって発行されているようです。 今回、このブログ – Webデザインレシピのデザインを、ガラッと変えてみました。これを機会にちょっとデザインの基本というか、デザインをするときにガイドとなる、4つの原則をおさらいしておきます。Webデザインに限らず、会社で提出する報告書や学生さんのレポート、レストランのメニューなど、ページと呼べるものには全部当てはまると思うので、Webサイトを作るとかじゃなくても、知っておいて損はないかもしれませんね。 せっ
HTML5 ADVENTURE CALENDAR
Project Ball Pool http://mrdoob.com/projects/chromeexperiments/ball_pool/ Description MrDoob is known for Flash projects, and recently some great HTML5 work. This project shows the power of HTML5 through the physics of collision detection & gravity. Drag the balls around. Click the background to add new objects. Shake your browser to see feedback. Double click any object to refresh with a new colo
Web Safe Color一覧表/カラーチャート
Home | 目次 | Prev | Web Safe Color | Next ■ Web Safe Color (カラーチャート) Wabにおける SafeColorパレット #0000ff #00f RGB(0,0,255) #0033ff #03f RGB(0,51,255) #0066ff #06f RGB(0,102,255) #0099ff #09f RGB(0,153,255) #00ccff #0cf RGB(0,204,255) #00ffff #0ff RGB(0,255,255) #0000cc #00c RGB(0,0,204) #0033cc #03c RGB(0,51,204) #0066cc #06c RGB(0,102,204) #0099cc #09c RGB(0,153,204) #00cccc #0cc RGB(0,204,204) #00ffcc
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
RESTful Web アプリの設計レビューの話
UIデザインに行き詰ったときに見るとインスピレーションが得られるサービス
29000個以上もの膨大な数のアイコンが揃ったサイト「Free Icons Web」 | つーる亭
IDEA * IDEA
色彩センスのいらない配色講座
javascriptで作った、フルフラッシュのようなサイト教えてください。
Components · Twitter Bootstrap
男の異業種転職ウェブメディア-OREPICA-
創造力と遊び心がくすぐられるHTML5でつくられたウェブサイトのまとめ