コーポレートサイトのリニューアルもそろそろ

2015 02 11 22 57 01

年末できそうだったデザインから一転、もっとモダンな感じにしようと思い、年が明けてから色々変更。

ようやく公開できる目処がつきました。今月末に公開します。

jQueryをベースにPreloadJSやLessJSでUX周りを、コンテンツをPHPで効率的に作業できるように組み替え、WordPressで管理する方式から一旦変えました。

ニュースサイトなどをiPhoneで効率よくチェック方法

NewImage
 
 
自分の日課の一部なのですが、朝の移動時間などに効率よくニュースなどをチェックするためにやっている方法を紹介。
 

ブログやニュースサイトはフィードをFeedlyで読む

 
PCでもスマホでもタブレットでもサクサクフィードをチェックできるFeedlyは、Google Readerに替わって、必要不可欠なものになっています。
 
友達のブログからロイターやYahooニュースといったニュースサイトまですべてFeedを集約して一度に見れる様にしています。
 

気になったページはPocketであとから見る

 
これもPC、スマホなどいろいろなところで使える「あとから読む」ためのサービス。PCではブラウザーのエクステンションでボタンを押すと保存できる様になり、iOSの場合はClippedというアプリを併用するとブラウザーのアドレスバーなどでコピーしたものが自動的にPocketへ転送されます。

Twitterは気になる人たちをリストでグルーピングしてHootsuiteで見る


TweetDeckなども同じような機能を持っているのですが、様々なデバイスでタイムライン毎に表示できるのでこれをつかっています。
例えば、たくさんフォローしていてわかり辛いならリストを作って、ジャンルや関係性で絞ってみたり、フォローしていない人たちのツイートを検索結果から引っ張ってきたりといったことが簡単にできるアプリケーションです。
 
これがあれば社会情勢のチェックなどもかなりノイズが多いですが出来ます。
 
上の3つでだいたいの世の中の流れが読み取れ、新聞よりも速くて大量の情報にアクセスできる様になると思います。あとは「自分が何を見るか」それ次第。

サイドメニュー向けのjQueryプラグイン、Sidrをサイトに導入してみました。

Sidr
スマートフォンでよく見かけるサイドバーが横から出てくる仕掛けが簡単に実装できるSidrcdbk.net CREATIVESヘ導入しました。
ページ左上の三角形をクリックすると出てくるようにしているのですが、スマートフォンでは動作しない様子。
なのでSafariとAndridブラウザーではページを横にスワイプすることで出るようにしました(Chromeはタブ移動がスワイプのため不可)
WordPressでメニューの中身を出しているためか、動作が不安定でたまに503になるためついでにSuper Cacheも導入。
動作がまだ不安定なところがあるのでしばし、様子見です。

サイトのサービス概要ページにパララックスデザインを取り入れました。

Parallax

今まで「デザイン」としておいていたページをサービス概要ページに変更、パララックスデザインを取り入れ、動きのあるページにしました。

ティザーサイトのようなパララックスメインのレイアウト以外でもイラストやダイアグラムを効果的に見せるためにパララックスを使う機会も今後増えそうです。

レスポンシブWebデザインに対応できるフリーランス、制作会社を紹介するサイトプレオープン

Resportal

まずはプレオープン。掲載してくださる方お待ちしております。

レスポンシブWebデザインやパララックスサイトと言ったキーワードが昨年から話題ですが、検索してもどこが対応してくれるのかわからないと言ったところでお悩みのクライアント様もちらほら見受けるので、この際、まとめてしまえば・・・

と思ったりしたので紹介サイトを立ち上げました。

掲載料とってとかマネタイズについてはまだまだこれからですが、まずは無料で行きたいと思っています。

「こんなの載せて見たいんだけど、いける?」と言ったような要望も出来る限り対応していきます。

何卒、よろしくお願いいたします。

RESPORTAL レスポータル
レスポンシブWebデザインを提供するフリーランス、デザイン制作会社のショーケースサイト

http://resportal.cdbk.net