このページの本文へ

Apple Watch対応続々/いまどきのCSS設計/明治時代の図案集

2015年04月21日 11時00分更新

文●Web Professional編集部

  • この記事をはてなブックマークに追加
本文印刷

国内外のWebメディア、ブログから、マーケティングやWeb制作に役立つ注目記事をピックアップ。先週は、LINEがApple Watch対応を発表、いまどきのCSS設計の考え方、明治時代の図案集の無料データ配布、などが話題でした(ピックアップ期間=2015/4/13〜4/19)

マーケティング/ソーシャル/SEO


Webサイトやブログ・メディア運営者が風評被害や誹謗中傷などを避けるための炎上対策について(LIG)

http://liginc.co.jp/life/useful-info/153813

SNSの運営をしていると避けられない炎上。LIGブログ編集長の朽木氏が、メディア運営上の最大の失敗を炎上であり、それは誰かを傷つけた結果であるという自身の経験をふまえて書いている記事です。炎上を回避するための基本的な考え方や炎上してしまったらどうすればいいのかが書かれています。


リスティング広告成功の法則とは?なぜ8割の企業が失敗するのか?(LISKUL)

http://liskul.com/ad_success-7903

「リスティング広告がなぜ8割の企業で失敗すると言われているのか?」「成功法則とは何か?」についてまとめた記事です。1000社以上のリスティング広告運用に関わってきた視点から、特に予算の少ない中小・ベンチャー企業に典型的な例があげられています。予算の上限に悩む担当者の人には参考になるかもしれません。


Googleウェブマスターツールを使ってSEOの健康度を診断する方法(プロモニスタ)

https://www.analyse-seo.jp/blog/webmastertool-seo-check/?utm_source=feedly&utm_medium=rss&utm_campaign=webmastertool-seo-check

検索結果の上位表示されている他のサイトに引けをとらないコンテンツなのに順位が上がってこない、そんなときはコンテンツ以外を見直したほうがいい場合があります。それを調べるために使うツールがGoogleウェブマスターツールです。サイトのSEOの健康度を測るために見るべきGoogleウェブマスターツールの項目を3つ紹介しています。


Googleで検索されやすいキーワードが一目瞭然!ブロガーがキーワード選びで迷ったら、goodkeywordで即調査しよう。(SONOTA)

http://etc.hateblo.jp/entry/goodkeyword-for-blogger/

ブロガーにとって、どのキーワードを狙った文章を書けば良いのかとか、もっとアクセスを集めるにはどう記事タイトルを変更すればいいのかとか、とキーワード選定は悩みのタネです。そうした悩みを解消する「goodkeyword」という関連キーワード選びに役立つサイトを紹介しています。

サイト設計/UI/Webデザイン


ダウンロードしておきたい、24個の人気筆記体フリーフォントまとめ(Photoshop VIP)

http://photoshopvip.net/archives/75442

フォントスタイルのなかでも人気のある筆記体のうち、24のフリーフォントを紹介しています。Qaskin Black Personal Use Font、Hamster Script Free Font、Bukhari Script、Nickainley Scriptなど、実際にデザインとして使われている画像とリンク先、商用利用についてなどがまとめられています。


Shireframe - これは良い!タグを書いて作れるワイヤフレームライブラリ(MOONGIFT)

http://www.moongift.jp/2015/04/shireframe-%E3%81%93%E3%82%8C%E3%81%AF%E8%89%AF%E3%81%84%EF%BC%81%E3%82%BF%E3%82%B0%E3%82%92%E6%9B%B8%E3%81%84%E3%81%A6%E4%BD%9C%E3%82%8C%E3%82%8B%E3%83%AF%E3%82%A4%E3%83%A4%E3%83%95%E3%83%AC/

ワイヤフレームはWebサイトを企画する際には必ず作成するものです。実際に提案する前に、ワイヤーフレーム上で、部品を配置したり、移動して試行錯誤を繰り返します。たくさんあるワイヤフレーム作成ツールのうち、手書き風でラフな感じで、シングルページにも対応しているShireframeの紹介です。


photoshopの「レイヤーからの画像アセット」機能でスライス切りからサヨナラできるかも。(バニデザノート)

http://vanidesign.blog.fc2.com/blog-entry-145.html

PhotoshopでWebパーツを切り出すのは「スライス」を使ってWebパーツを切り出すには、スライス枠を作り、書き出し用のファイル名を別ウィンドウで書き込み、「Web用に保存」ウィンドウを開き、出力設定をして……、と多くの手順が必要です。「レイヤーからの画像アセット」を使うと「スライス」よりもかなり少ない手順でWebパーツが書き出せます。使い方の手順やコツを簡単にまとめてあります。


おぉこれすごい!明治時代の美しい図案コレクションが無料ダウンロードできるよ(Japaaan)

http://mag.japaaan.com/archives/24248

明治時代に刊行されていた図案集「新美術海」のデータが、スミソニアン・ライブラリーから無料ダウンロードできます。当時のデザインが反映された図案、古典的な文様などの図案集です。新美術海は当時のデザイナー神坂雪佳と古谷紅麟がかかわった図案集です。

テクノロジー/マークアップ/プログラミング


これでよくない? レスポンシブテーブルの話(ダーシマ・ヱンヂニヤリング)

http://necomesi.jp/blog/tsmd/posts/110

レスポンシブテーブルとは、表組みにレスポンシブデザインを適用する手法のことです。表組みからリスト形式にしたり、行と列を逆転してスクロールしたり、カラムにつけた優先度で画面サイズに応じてカラムの表示・非表示を切り替えたりといった手法があります。記事では、画面幅に応じてテーブルをtransformプロパティで小さくするだけという手法を紹介しています。


[iOS] カテゴリ別、iOSアプリ開発時に活用したい公式情報・ツールまとめ(Developers.IO)

http://dev.classmethod.jp/smartphone/ios-apple-official-info-summary/

Appleから提供されている、iOSアプリ開発に関する公式情報やツールを「リファレンス・プログラミングガイド」「デザイン」「アプリの配布」「管理」「更新情報・システム情報」のジャンルでまとめてあります。


昨今のCSS設計事情からみるCSS設計のあり方とは(HTML5Experts.jp)

https://html5experts.jp/hiloki/14372/

CSS設計のあり方について語られるようになったのは、単純な数ページのWebサイトよりも、少しリッチで複数のテンプレートが必要なWebサイト、Webサービスが増えてきたため、メンテナンスが容易なCSSが求められるようになったからかもしれません。サイバーエージェントの谷拓樹氏がCSS設計のあり方について解説しています。


画像をCSSで斜めにマスクした時の知見(Web Design KOJIKA17)

http://kojika17.com/2015/04/css-transforms.html?utm_source=kojika17&utm_medium=rss

サイト全体が斜めになったレスポンシブWebデザインのサイトで、画像をクリッピングします。要素を斜めにするCSSは、transformプロパティを利用します。用意されているskewY() と rotate() の違いから斜めに画像をクリッピングする方法が解説されています。


【IoT開発ブログ】Raspberry Pi + Node.js + PubNub(mBaaS)で、ブラウザとIoTのリアルタイム通信を実装(freshtrax)

http://blog.btrax.com/jp/2015/04/12/iot-dev/

IoTプロトタイプを開発しているbtraxが、シングルボードコンピューター「Raspberry Pi」とリアルタイム通信が可能なmBaaS(Mobile Backend as a Service)「PubNub」を使って、インターネット上から簡単にLEDを点灯する開発方法を紹介しています。Raspberry Pi2のセットアップ、プログラミング、ブラウザー側の開発方法が解説されています。

ライフハック/ビジネス/その他


今もっとも勢いのあるSNS、Instagramのユーザー動向まとめ【2015年3月版】(Social Media Data Base)

http://social-db.com/data/622.html

国内と海外ともにアクティブユーザー数・利用率がTwitterを超えたInstagramのユーザー動向がまとめられています。ユーザー動向として、月間アクティブユーザー、シェアされた写真、1日にシェアされる写真などの数字が分かります。Instagram成長動向として、2014年3月時点での動向と12月時点での比較をしています。いずれも出典が明記されています。


LINE、Apple Watchに対応 メッセージにスタンプで返信(アプリオ)

http://appllio.com/20150414-6367-line-for-iphone-apple-watch

LINEはiPhone版アプリを4月24日発売のApple Watchに対応することを発表しました。友だちからの新着メッセージや動画や位置情報なの通知をApple Watchで確認できます。Apple Watchからの返信もサポートされており、スタンプや絵文字が使用できます。


欧州連合、グーグルを独禁法違反で正式提訴 アンドロイドも調査へ(AFPBB News)

http://www.afpbb.com/articles/-/3045522

EUは4月15日、欧州の検索市場における独占的な地位を乱用したとして、米グーグルを正式に提訴しました。また欧州委員会(European Commission)は、今回の提訴とは別に、携帯端末市場を独占するグーグルのAndroidに対し、独占禁止法違反についての調査を開始しました。

この連載の記事

一覧へ
Web Professionalトップページバナー

この記事の編集者は以下の記事をオススメしています

Webディレクター江口明日香が行く