2012年上半期、チェックしておきたいUIデザインをdribbbleから紹介します。 ほとんどのものがPSDファイルをダウンロードできるので、勉強になりますよ。
二度目まして。デザイナーの野田です。 レスポンシブWebデザインについて、僕なりにまとめてみたのでご覧下さい。今回は、制作に関することではなく、最低限知っておかなければならないことの基本編になります。 独学でつまずいていませんか? Webデザインを効率的に学びたい、転職・就職を目指している、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。どんなスクールがあって、どんな内容が学べて、費用はどれくらいするのか、情報として持っておいて損はないはず。下記におすすめスクールを集めてみました! レスポンシブWebデザインとは 「レスポンシブWebデザイン」とは、PC、タブレット、スマートフォンなど、複数の異なる画面サイズをWebサイト表示の判断基準にし、ページのレイアウト・デザインを柔軟に調整することを指します。 現在はPCやスマートフォンなど、デバイス毎に各HTMLファイル
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.
CMSの導入なら、マルチバイス対応で一元管理・更新 ができるスマートフォン対応 LACNE (ラクネ) CMS その他の導入事例を見る 梅花女子大学 全学サイト 梅花女子大学さまの入試情報サイトにLACNEを導入しました。 イーステートオンライン コーポレートリニューアル 株式会社イー・ステート・オンラインのコーポレートサイトにLACNEを導入しました。 みんなの速読:日本速脳速読協会 コーポレートサイト 学習塾・教室や公・私立学校に速読システムを提供しているSRJ様にLACNEを導入いたしました。
CSS3 ordered list styles - RedTeamDesign CSS3でシャレオツなリストを作るチュートリアル。 list-styleを無効にしてブラウザ標準の数字部分をやめて、content: counter(li), counter-increment といったプロパティを使って数値部分を独自にデザインしています。 リスト部分の数字のデザインはなかなか難しかったと個人的に記憶していますが、こうした方法でやれば思い通りのリストデザインが作れるんですね、ということでメモ。 CSSを使ったテクニックはどこまで進化するんでしょうね。 関連エントリ CSS3アニメーションをjQueryで使いやすくするプラグイン「jQuery Transit」 アニメーションするバナーをCSS3で作るチュートリアル フルスクリーン背景がスライドショーになるCSS3サンプル CSS3で出来たクー
紙のノートっぽいWEBデザインでコンテンツを綺麗にラインに合わせられる「Baseline.js」 2012年06月25日- Baseline.js | Vertical rhythm made easy 紙のノートっぽいWEBデザインでコンテンツを綺麗にラインに合わせられる「Baseline.js」。 昔試したことがありますが、文字と背景画像のラインを合わせるのは画像などが絡むと容易なことではないですね。 文字がラインにかぶったりしてせっかくのノートっぽいデザインが台無しです このプラグインを使えば、綺麗に整列させることができるみたい。ライン間の幅を指定することで、コンテンツを自動でリサイズしてくれます これで途中に画像が入ろうと、画像もリサイズしてくれちゃうので、メンテナンス不要。 ノートっぽいこうしたデザインにしたい場合は使えそうです。 関連エントリ レイアウトに関する強力なjQuer
Unitag QR Generator- Create fancy QR Codes for free - Check out Premium access - Unitag - Connect to the world ロゴ入りのクールなQRコードが作れる「Unitag」。 WEBブラウザ上でサイトのロゴが入ったQRコードなどを簡単に作れるツールです サンプル例。なんかかっこいい。 ロゴ入り。こんなのでも読めるんですね ちょっとデザインされた感じのもの デザイナーの方はこういうところもデザインしたいということで、1つのツールとして試してみてもよさそう 関連エントリ Google Chart APIを使ったQRコードを超簡単に描画してくれるjQueryプラグイン「MyQRCode」
10 Pinterest-Like WordPress Themes Pinterest風のWordPressテーマ集。 超人気のPinterestのUIはなかなか凄いと思っていますが、WordPressであのUIをテーマにしちゃおうというテーマ集です。 WordPressテーマになっても良い感じです。 どれも有償ですが50ドル前後と安価なので自分で作るより時間を節約できそう 関連エントリ フリーでレスポンシブなWordPressテーマ28 新しめのWordPressテーマ40 TwitterBootstrapを使ったWordPressテーマ「BootstrapWP」 フリーのハイクオリティでレスポンシブなWordPressテーマ30
カヤックのHTML5シリーズ第2弾!日頃の運動不足を解消できる?ちょっと贅沢なコンテンツ集。
すべての都道府県は「ケチャップを日本一使わない栃木県」や 「実はどこにあるかわからない島根県」など、 すべての都道府県は"ワースト"を抱えています。 そんな"ワースト"に立ち向かうための極秘プロジェクト・チームが始動。 その名も「ワーストバスターズ日本支部」。 私たちのミッションは、"ワースト"をアプリで改善すること。 その先にあるのは、日本のレベルの底上げ。 そして、ハッピーでピースフルな日本の未来! これからの「ワーストバスターズ」を、お見逃しなく! 東京都のワースト:振り込め詐欺件数 財産を奪い、家族の幸せを奪う、振り込め詐欺。 お父さん、お母さん、おじちゃん、おばあちゃんを 詐欺集団から守りたい。「ワーストバスターズ」は、 最新のテクノロジーを使って、 電話の持ち主を振り込め詐欺から撃退します。出典:ベスト&ワースト 青森県のワースト:スポーツ活動率移動手段が簡単になったり
内容:「当番くん」は、掃除当番や戸締りの当番など、小規模のグループ内で当番表を自動作成し、オンラインで管理できるサービスだ。直近2週間の当番がカレンダー上に表示され、メールでも通知してくれるので、当番を忘れずに実行するのに役立てられる。 「当番くん」は、掃除当番や戸締りの当番など、小規模のグループ内で当番表を自動作成し、オンラインで管理できるサービスだ。直近2週間の当番がカレンダー上に表示され、メールでも通知してくれるので、当番を忘れずに実行するのに役立てられる。 利用にあたっては代表者がユーザー登録を行い、その他利用するメンバーのメールアドレスを登録する必要がある。登録が完了すると、直近2週間の指定した曜日についてメンバーが自動的に割り当てられ、カレンダーに表示される。 各利用メンバーはログインしてこのカレンダーを確認することで自分の当番日をチェックできる。メールで通知を受け取ることもで
1. 人気だけ出ても駄目なのだ ”マーケティングは消費者を行動させなければいけない。人気だけ出てもだめなのだ。私は仮想の消費-好かれてはいるが売れてはいないー状態を望まない。” ”私”とは、コカ・コーラのマーケティング責任者(CMO: Cheif Marekting Officer)を長年務め、コカ・コーラを世界中で売れるブランドにしたセルジオ・ジーマン氏であり、このフレーズは同氏の著書”すべては「売る」ために -利益を徹底追求するマーケティング”からの引用である。 このフレーズは、セルジオ氏が消費者に好評だったTVコマーシャルを売り上げに繋がらなかったために取りやめたエピソードの中で語られる。 感じの良い広告、カッコいいTVコマーシャルを作り消費者(もしくはマーケティング関係者だけ)に好かれマーケティングの賞をとり、社内で効果として必死に紹介しても、商品、サービスがさっぱり売れなければマ
多様化するwebサイト、増加するデバイスに適応していくために今までのWeb制作のワークフローも見直す必要があるのではないでしょうか。またその一つの手法としてDesigning in Browserについて書きました。 現在ではWebサイトも、インタラクティブなサイト、アプリのようなサイト、可変するサイトなど様々なスタイルが見られるようになってます。 また、Webを閲覧できる環境もPCからスマートフォン、タブレット、テレビ、カーナビなど増加し続けてます。 それに伴い今まで以上にテストケースが増えてきてます。 今までのような静的なデザインを作ってから開発、テストというWeb制作のワークフローでこの変化の流れに対応できてるのでしょうか。 まず静的なデザインはあくまでこのように見えるという仮説であり、 解像度やスクリーンサイズが異なれば見え方も変わってきます。 更にどのように動くのかまでは表現でき
中1のとき、吹奏楽部で一緒だった友人に、だれも口をきかなくなったときがありました。いばっていた先輩(せんぱい)が3年になったとたん、無視されたこともありました。突然のことで、わけはわかりませんでした。 でも、さかなの世界と似ていました。たとえばメジナは海の中で仲良く群れて泳いでいます。せまい水槽(すいそう)に一緒に入れたら、1匹を仲間はずれにして攻撃(こうげき)し始めたのです。けがしてかわいそうで、そのさかなを別の水槽に入れました。すると残ったメジナは別の1匹をいじめ始めました。助け出しても、また次のいじめられっ子が出てきます。いじめっ子を水槽から出しても新たないじめっ子があらわれます。 広い海の中ならこんなことはないのに、小さな世界に閉じこめると、なぜかいじめが始まるのです。同じ場所にすみ、同じエサを食べる、同じ種類同士です。 中学時代のいじめも、小さな部活動でおきました。ぼくは、いじめ
PCにモバイル、スマートフォンにタブレット、そして今後はデジタルTVまでユーザーがデジタルコンテンツに多種多様なデバイスでアクセスし、消費する時代が本格化している最中。デバイス毎にウェブサイトをデザインしていてはキリがないとばかりに、最近注目されているのが「レスポンシブWebデザイン」という画面サイズやOSにデザインを柔軟に対応して表示させる手法。今回は、そんなレスポンシブWebデザインを実践しているサイトからThe Next Webが厳選した10の素敵なサイトを紹介します。 — SEO Japan 最近、皆が異なる方法でコンテンツを消費している。私の母はネットブックを持っているし、友人は27インチのiMacを持っていて、ガールフレンドと私はスマートフォンを持ち、彼女の母はiPadを持っている。 あなたのコンテンツはこれまでになく多くのデバイスとブラウザで閲覧されており、デザイナーはそのこ
BootStrapのdropdownで使用してた。 色々使えそう。というかこんなの当たり前なのだろうか。。 #Result{ border-bottom: 60px solid #FF0000; border-left: 60px solid transparent; border-right: 60px solid transparent; display: inline-block; } Register as a new user and use Qiita more conveniently You get articles that match your needsYou can efficiently read back useful informationYou can use dark themeWhat you can do with signing up
rspec-2.11 がリリースされましたね。いくつかの変更点の中に、今後は should ではなく expect を推奨し、デフォルトでは expect のみが有効化されるようになる、というものがありました。 http://myronmars.to/n/dev-blog/2012/06/rspecs-new-expectation-syntax 個人的にこの変更は説得力に欠けるなーと思っていて、 expect 推しにする理由が should は Kernel にはえるので Kernel を include しない BasicObject のインスタンスに対して should を呼ぶとおかしくなる 標準ライブラリ delegate は Kernel のメソッドの一部だけを include するので rspec と delegate のどちらが先にロードされるかによって should の挙動
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く