Select. Collect. Reflect.Clipboard actually saves the original functionality and format of the items a user shares
先日、「レスポンシブWebデザインのウェブサイトを半年運営してみて思ったこと」という投稿をした際に、その内容に関するTwitterでのやり取りの中で@shokutoさんから以下のコメントをいただきました: @rriver そうですね、なぜレスポンシブデザインという手法を採用したのか、がもう少し説明されていると良かったなと思いました。新しいから、だけではないと思いますし、設計思想的なものって評価として重要な要素ですので。 — sunami hokuto (@shokuto) May 2, 2012 たしかに、「なぜレスポンシブWebデザインを採用したのか」は、すごく重要な部分ですよね。 ということで、以下にまとめてみました。前回の投稿と同様に、これからレスポンシブWebデザインを導入したいと考えている方の参考になれば幸いです。 僕が携わった大学ウェブサイトのリニューアル・プロジェクトで、レス
あなたのロングテールSEOが失敗する理由 ★★★★☆ 記事を量産するだけでは成果は出ない (SEOとその周辺)次のように考えていたりはしないだろうか? 記事をたくさん書けば書くほど、ロングテールSEOは成果が伸びる 間違ってはいないのだが、完全に正しいとも言い切れない。ロングテールSEOは、ただ単に記事を書き続ければいいという単純なものではない。 ロングテールSEOはあくまでもサイトの成果を伸ばす手段であるため、大切なのは、「最終的にはサイトで扱っている商材のコンバージョンにつながる可能性のある」「さまざまなユーザーが抱えているニーズ」が検索行動として表れる「幅広い検索キーワード」に対応するコンテンツを作ることが重要なのだ。 こちらの記事では、 ロングテールSEOに一番必要なのは手法ではない。 マーケティングだ。 と言い切り、検索ユーザーを想像し、検索される可能性のある複合キーワードが含ま
どーもこんばんは。Macbook Airを買ってちょーしこいてます。いや実に素晴らしい。買って2日で既に元をとったような気がしているよ!というわけで、とりあえず今回最初にやった設定で、特に今年ついにMacユーザーになった!などのMac初心者の方向けと思うものについてまとめてみました。 2016年版書きました。 こちら↓に新しい記事を書きましたので、よかったらご覧ください。 [link href=”https://lovemac.jp/blog/2469/” title=”割とMac初心者向けの、Mac買ったら最初にチェックしておくべき設定2016 | loveMac.jp”] はじめに。システム環境設定ダイアログの出し方 「システム環境設定」というウィンドウをしこたま使いますので、最初に覚えます。 画面左上のりんごマーク→「システム環境設定」または下のアイコンが並んでるとこの歯車のアイコン
私はフリーランスの Web デザイナーとして、クライアントさんの Web サイトを作成するお手伝いをさせていただいています。今回は、私が仕事でデザインするときに気をつけている事や、Web 制作のフローをまとめてみました ...。 Webサイトを作るとき、みなさんはどんな制作フローをたどって作ってますか?私はフリーランスで仕事をしていて、最初から最後までひとりで作ることが多いです。今回はふだんデザインする時に気をつけてる事や、いつもしている Webサイトの作成フローをまとめてみました。もっと効率化できることがあるはずだなーと思いつつ、最初から最後までを書いてみました。 また、Webデザイナーってどんな仕事なのっていう質問をときどきいただくので … こんなことしてます … みたいな紹介です。これはあくまで私が Webサイトを作る時にしているフローで、他の Webデザイナーさんや制作会社さんと違
最新のWebデザイントレンドを取り入れた Webデザインに特化したギャラリーサイト、 stylesinspirationのご紹介です。少し前 から購読しているんですが、他のWebデザ インギャラリーと一味違っていてなかなか 素敵です。 最近はWebデザインギャラリーもすっかり減ってしまいましたけどね・・・良いデザインを見る事はインスピレーション向上だけでなく、美的感覚を視覚刺激として脳に送る事でセンスが養われる側面もありますので割と大事です。 シンプルで見やすいレイアウトですのでストレス無く探索出来るかと思います。Awwwards同様、最新のデザイントレンドを取り入れたWebデザインを紹介していますが、Awwwardsとは別の路線、っていう感じなのでこれはこれで。 カテゴリはタイポグラフィ、シングルページ、クリーン、などなどちょっと一貫性は無いですけど、コンテンツが最新トレンド、というサイ
皆さんはスランプに陥ったことはありますか? おそらく「無い!」という人はなかなかいないのではないでしょうか。何かを作り出すクリエイターのスランプ。アイデアが浮かんでこない、やる気が起きない、作業が進まない…終いには何もしたくない。 そんな状態に陥った時、新しい刺激を求める人も多いのではないでしょうか。 僕は自分がそんな状態に居ると感じた時には、とにかく数ある世界中のデザインマガジンを片っ端から見るようにしてます。それこそ、グラフィック、タイポグラフィ、プロダクトデザインからストリートアートにかけて、知る限り全てです。 そこには、自分以外の誰かが切磋琢磨し、沢山悩み、多くの事を経験/体験したであろうクリエイターの生み出す様々なデザインが掲載されいて、物によっては自分では到底思いもつかないような作品であふれかえっています。刺激を受けるだけじゃない、『いつか自分も…』。そんなことを思い描きながら
既に多くの方が JavaScript のオブジェクト指向的側面についての解説を記事にされていますが、読み手側から見ると、例えばプログラミング言語への習熟度やオブジェクト指向自体に対する理解度がマチマチなわけで、私自身、「おお、なるほど!」 っていう、頭の中のスイッチがパチンッ!と入るような境地には達していませんでした。 かつて私も オブジェクト指向なJavaScriptプログラミングのススメ なんていう翻訳記事を書いてはいるのですが、正直なところ prototype.constructor の存在は知りませんでしたし、Function.call や Function.apply をどう使えばよいのかなどをちゃんと理解できてはいませんでした。 そんな中、2011年12月に書かれた Doc Center | Mozilla Developer Network の記事 オブジェクト指向 Java
ウェブサイト作成時に役立つ7つのテクニック、第5回のテーマは「リンクの装飾と配置」です。ユーザにとって使いやすいリンクの装飾や配置のサイトを作成するためのポイントをお伝えします。 ファーストビュー 関連性 具体性 ウェブライティング リンクの装飾と配置 ←今回のテーマ 目線の操作 他サイトでの慣習 ウェブサイトでは、ユーザがリンクを見つけることができなければどんなにユーザの関心を引くページやコンテンツを用意しても、まったく見られないまま終わってしまう危険性があります。 そこで、今回は「リンクの装飾と配置」をテーマに、ユーザがスムーズにページ間を遷移することが可能な、回遊性の高いサイトを設計するためのポイントをお伝えします。 まずはリンクの装飾について、テキストリンクとボタンリンク、それぞれのポイントを順に解説していきます。 1. テキストリンクの装飾 テキストリンクは青字下線で表すことによ
Macbook Air買っちゃいました。 私が初めてパソコン(Windows95)を買ってもらったのが中学生。 それから人生の半分をWindowsと共にしてきましたが、ついに先日はじめてのMac、それもMacbook Airを買ってしまいました。 Google Developer Day 2011に参加するにあたり小さなモバイル端末が欲しかったとか、Amazonで安く売られているとかありましたが*1、結局は「Macかっこいい」ってところが大きいです。 iPod TouchやiPad2を使うなかで、Apple製品のこだわりと使いやすさを感じたこともきっかけだと思います。 そんなMac初心者の私が試行錯誤したメモを公開します。 購入したMacbook Air Apple MacBook Air 1.6GHz Core i5/11.6/2G/64G/802.11n/BT/Thunderbolt
HTML4では、要素ごとにブロック要素、インライン要素というわけ方があり、インライン要素の中にブロック要素が使えなかったりなどタグの使い方にルールがありましたが、HTML5ではブロック要素、インライン要素というわけ方はしなくなり、要素ごとに目的に応じたカテゴリーという形で分けられています。今回はそのカテゴリーについてまとめてみたいと思います。 MdN Design Interactiveの第6回目のURLはこちらになります。 HTML5の「カテゴリー」についてまとめよう HTML5の各要素は、目的に応じたカテゴリーに属しています。 メタデータ・コンテンツ フロー・コンテンツ セクショニング・コンテンツ ヘッディング・コンテンツ フレージング・コンテンツ エンベッディッド・コンテンツ インタラクティブ・コンテンツ セクショニング・ルート HTML5の要素のほとんどが上記のカテゴリーのどれかに
Webページレイアウト、ナビゲーションプラグイン、フォーム、スライダー&カルーセルプラグイン、チャート&グラフプラグイン、イメージエフェクトプラグイン、ビデオプラグインなど。チェックしておきたいです。海外カジノ オンラインサイトの制作はワードプレスのプラグインを利用して様々な機能を付け加えて完成させることができます。2012年のjQueryプラグインまとめでは、デザインの一新や個別のカスタムにも対応した国際的で魅力的なサイト作成に役立つ情報を紹介しています。
jQueryのそれJavaScriptでどうやるんだっけ?の際に使えるリファレンス 2012年01月24日- From jQuery to JavaScipt: A Reference | Nettuts jQueryのそれJavaScriptでどうやるんだっけ?の際に使えるリファレンス。 jQueryをインクルードすれば、$(element) とか使えて便利ですが、あくまでjQueryの機能であって素のJSでやる場合は全く違いますね。 jQueryなら簡単だとjQueryから入った人もいるかもしれませんが、このリファレンスで基本も知っておくと、ちょっとした処理にいちいちjQueryを使わなくてよい場面ができそうです まあクロスブラウザの差異吸収してくれて面倒じゃないので、基本はjQueryを使うのが無難ではありますね。 関連エントリ レスポンシブなjQueryスライダー実装プラグイン8個
404 Not Found お探しのファイルは見つからないようです。 お手数ですが、下記リンクからトップページへお戻りください。 CoolWebWindow Copyright (C) Cool Web Window All Rights Reserved
来年の復習用の記事リストです。自分用。 年末ですし、だれかがまとめ記事を書く と思って待ってましたが、他力本願も あまり良くないので自分でリストを作る 事にしました。去年も作ったけどあまり 出来なかったんですよね。。 タイトル通り、個人的に参考になった記事で、来年の勉強用リストです。 去年の記事(2010年度版・とても参考になった国内のWeb制作関連エントリーまとめ)と似たような感じだけど、必要な情報が偏ってきたのと、国内のRSS購読ブログ数が1/30になったのでリストも偏ってます。 リストの内容に関してこの手の記事はいろいろご意見頂き易いので、ご覧頂く方に不毛なストレスを与えないように、内容に関して先に記述しておきます。 リストの内容ですが、単なるリソースの羅列のようなまとめ記事は個人的に参考になったことがないので割愛しています、というかこの記事自体そんな感じです。また、結果のみで解説の
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く