2014年12月第1週号 1位は、Webサイトを開発するのに必要な12のスキル、気になるネタは、iPadが募金箱に「Square」で寄付を募る「SWIPE for the world」

ネットで見かけたWebテク（Webテクニック・Webテクノロジー）記事から、Webデザイナーの目で厳選したネタを週刊で紹介するこのコーナー。今回は、2014年11月24日～30日の間に見つけた記事のベスト5です。

Webサイトを開発するのに必要な12のスキルを紹介した記事です。Webデザインではなく開発系の人向けですが、サイト制作に関わっている人には共通する部分も多いと思います。

最後の「怠惰」は、有名なフレーズ「プログラマーは怠惰であれ」でおなじみの言葉です。ちょっとでも面倒なことはコンピューターに自動でやらせようという発想を常に持って、楽をするために努力をせよということですね。

2015年に向けてのWebデザインのトレンドを8つ紹介しています。

あれ、7つですね。最後の「結論」を加えて8つなんでしょうか。

レスポンシブなナビゲーションメニューの実例を多数紹介しています。

三本線の「ハンバーガーアイコン」によってメニュー現れるものが多く、ヨコから出現するパターンとタテに展開するものとがありました。

また、ウィンドウ幅が狭まったときに水平メニューが隠れてハンバーガーメニューになる場合と、どのサイズでも常にハンバーガーメニューのものとに分かれます。

CSSのちょっとしたテクニックの数々を、サンプルコードとともにまとめた記事です。

垂直方向のセンター揃えや、リンク先のフォーマットによって違ったアイコンをつける方法などが掲載されていて参考になります。

青色をベースとしたWebデザインのギャラリーです。

Webデザインでよく使われている色ですし、落ち着いた印象を与えますね。

そのほか、最近の記事の中から、WordPress関連の話題を3つ紹介します。

ブログ未経験者向けのWordPressビジュアルエディタのカスタマイズ *Ateitexe
WordPressのビジュアルエディタをfunctions.phpとCSSでカスタマイズする方法です
WordPressで「ささっと作る」で請けれなくなってる現状。 | バニデザノート
あとの管理をクライアントに任せるというやり方ができなくなっているという現状のまとめ
WordPressを巡る理想と現実、あるいは誤解 | notnil creation weblog
上記の記事が話題になったことを受けて発展させた話です

先週の気になるWebサービス

今回は、オンラインのマークダウンエディタを10個紹介した記事を取り上げます。マークダウン記法は覚えてしまえば簡単ですが、まずはエディタを使って慣れていくのがいいと思います。その場合、オンラインエディタだと気軽に試せて便利ですね。

DillingerのようにHTMLに書き出す機能のあるエディタを使えば、Web制作のときにも活用できると思います。

機能的にはどのエディタもそれほど差がないと思いますが、この記事によるとStackEditかDillingerがオススメのようです。Google ドライブやDropboxなどと連携しているものもあるので、オンラインストレージの好みから選ぶのもいいかもしれません。

スマートフォン／タブレットを使ったクレジットカード決済サービスのSquareを使った寄付が始まったようです。Squareを知らない人にはあやしげに見えるかもしれませんが、店舗内で行うということなので信頼されそうですね。この企画はSquareの知名度アップにつながりそうです。

Squareの知名度が上がれば、街頭での募金もSquareで行うというのもアリかもしれません。もっとも、今回のこの企画では本来Squareが取る手数料も寄付されるそうですが、勝手に行う寄付では手数料が取られることがデメリットになりますね。

便利になるとともに悪用しようという人も出てきそうで、Square募金詐欺などが発生しないかと不安にもなってきます。Squareで悪さをしても、犯人はSquareユーザーということですぐに特定できそうですが、いろいろと抜け道はあるのかもしれません。