2013年6月18日火曜日

Googleランキングが下がる?スマホサイト最適化は必須!正しいRWDに解決策あり!

こんにちは、allWebクリエイター塾、受講生のdigidog(デジドッグ)です。今日は、スマートフォン制作において、Googleから重要なお知らせがありましたので、勉強の為にまとめてみたいと思います。

6月11日(火)にGoogleから「スマートフォン向け検索でのランキングの変更について」の発表がありました。

これは、Google が考える、「スマートフォン向けユーザーが快適に検索体験が出来る」それにふさわしいサイトを用意しましょう。その為には、スマートフォン向けユーザーの、サイトを閲覧する際に遭遇する支障を軽減する為、いくつかの問題な設定をしているサイトの順位を変更するという事です。以下は多く見られるミスについてピックアップしています。

2013年6月12日水曜日

レスポンシブWebデザインにも相対単位!|CSSレイアウト講座編

こんにちは、digidog(デジドッグ)です。

今週6月16日(日)にCSSレイアウト講座があるので、ちょっと復習しようと思います。私がCSSレイアウト講座を受講したのは1年位前。講座を受講した時はいくつか初めて聞く事もありました。よく調べながらやってきたつもりでしたが、やはり「独学では学習が足りない」と思いました。

allWebの動画(レスポンシブWebデザイン講座を受けてみよう!)で、CSSレイアウト講座、講師である菊池氏も、「レスポンシブWebデザインでは、今までピクセルなどで指定して作成していた方も、em、rem、などを使って、正しいグリッド、正しい設計をしていく必要がある」と語っています。

2013年6月4日火曜日

「UX/UI設計」&モバイルファーストって?

第一回 UX/UI設計講座を受講した、digidog(デジドッグ)です。

Web制作は長年してきたものの、モバイルの方も出来るようにしていきたいと思い、受講しました。モバイルファーストは以前「レスポンシブWebデザイン基礎講座」を受講して勉強していましたが、今回の「UX/UI設計講座」でより、実践的な設計部分を勉強する事が出来ました。

まずはモバイルファーストで考え方から変えよう!

ガラケー時代にその機能さえたいして使えてなかった自分は「PC用Webのモバイル版」って感じで考えていました。 だから、「情報が少ない?」とか、「表現が狭い?」みたいな疑問がでていたのだと気づかされました。まずはこの考え方から頭を切り替えなければ理解できないんですね!

2013年5月23日木曜日

SEOを考えるなら「ロボットが理解できる言語」を極めよう!|HTML5マークアップ講座編

突然ですが、br要素、これを1ページでどれだけ使っていますか?(結構使ってました)それは本当に「改行」でしょうか?それとも「段落」?本当に他に適切な要素はありませんか?今日は、html5.jpの管理者であり、allweb講師、羽田野氏の講座「HTML5マークアップ基礎講座」を学んだ事を紹介します。

2013年5月20日月曜日

marginが消えるのを解決するシンプルな考え方

「あれ?指定した数値でmarginが表示されないよ!なんで、効かないの?」という遭遇になったことはありませんか?

理由をわかっていなかった私は回避策としてpaddingに書き直していました。
(paddingとmarginの違いを理解していなかったようです。)
allWebクリエイター塾で受講したHTML5+CSS入門基礎講座で解決したので共有させていただきます!

2013年5月16日木曜日

すべては正確に情報を伝えるために | HTML5,CSS編

こんにちは、allWeb受講生digidog(デジドック)です。基礎講座の「最も重要な基礎部分の勉強」として、歴史のセクションを前回までにご紹介しました。今回から、HTML5本体の内容に触れながら部分的に気になったところをご紹介します。

HTMLとCSSとJavaScriptの関係 (役割は明確に)

言わずと知れた、三角関係(笑)じゃなくて、、、。HTML5のマークアップを学ぶとHTMLとCSSの関係のはっきりさもうなづけます。そして、JavaScriptはその利便性を向上させる為にその技術を使うということです。

「JavaScript自身が注意を引くようなものであるべきではなく、無理やり使うべきでない。」

2013年5月2日木曜日

じゃあ何故HTML5なのか? | HTML5,CSS編

こんにちは、allWeb受講生digidog(デジドック)です。少し前回の歴史を振り返った事の続きになりますが、XHTML1.0を2000年に開発されてから、何故、HTML5が誕生したのか?を、勉強したところからご紹介しますね。

1.文法が厳格な為エラーが多発な為ハンドリング回避

前回も紹介しましたが、XMLを元に作られたXHTMLは文法が非常に厳格であるという点。これをすべてをクリアできない為にエラーがでまくる訳ですね。いちいち間違った文法を正常の状態にする処置をしていたのでは、「ブラウザに負担がかかってしまう」ここはポイントですね。

2.セマンティクスの強化

セマンティクスとはHTML5のマークアップを勉強していくと、より、解りやすいのですが、一般的には「意味」という事です。ここでいう、「意味」とその「強化」とは、ユニバーサル的に(条件の違う環境の人だけではなく、ブラウザにも)文書や情報の持つ意味を正確に解釈させること。これをさらに強化させる方法として、マイクロデータにも注目しています。