バルト三国最北にあるエストニアは、通話/メッセージングサービス「Skype」が誕生したことでも知られるIT国家。ここでは政府主導で、生活のさまざまなシーンにITを導入するプロジェクト「E-estonia」(電子政府化)を進めている。 こうした社会インフラとしてITが広く普及していく中で、国民の意識や価値観にも変化が出てきているようだ。
SVGアニメーションを用いると、さまざまなサイズのディスプレイで印象的なマイクロインタラクションを実現できます。マイクロインタラクションの導入によってUI改善に役立てているケースもあるでしょう(参考「SVGで始めるマイクロインタラクション入門」)。SVGでアニメーションを実装するには、CSSを使う方法、JavaScriptを使う方法、動画作成ソフトを使う方法等、さまざまなアプローチがあります。 今回は、コーダー、フロントエンドエンジニア、デザイナーの分野別のSVGアニメーションのアプローチ方法を挙げ、その特徴と具体的な実装方法について紹介します。 CSSでSVGアニメーションを実現する方法(コーダー向け) コーダーにオススメするSVGアニメーション実現方法の1つは、CSSプロパティを使う方法です。 SVGはCSSプロパティによってグラフィックの形状を変更できます。たとえば、次のコードでは、
レスポンシブページのコーディング時に、スマホビューだけプルダウンにするみたいな要望があって、普段よく対応しているのがPC, SPで出し分けなサイトなので、どういう実装にするのが良いのかちょっと悩んだ。 とりあえず思い浮かんだのはこれ ユーザーエージェントで判別 window.innerWidth で処理を当てる ただ、上の方はレスポンシブサイトの場合あまり適さない。 window.innerWidth の方かなーと思っていたけど、スクロールバーの関係で、innerWidth でやると面倒くさいらしい。 参考: window.matchMedia をそろそろ活用してもいい頃 そこで割りと良さそうなのが、 window.matchMedia 。 window.matchMedia - Web API インターフェイス | MDN window.matchMediaを使って実装 matchMed
デザイナーであればデザインカンプの作成からプロトタイプのデザイン、エンジニアであれば日々発生するバグや課題、ライターであればテーマ出しから原稿作成など、延々と仕事を追いかける日々が続いていくものです。しかし、時には仕事に追いかけられることだってあります。 タスク管理を円滑に進めてくれる強い味方に、タスク管理・共有サービスのTrelloがあります。Trello(トレロ)は「カンバン・ボード」という形式でタスクを管理するためのツールで、従来型のチェックで管理するようなToDoリストとは一線を画します。 しかし、Trelloは使いこなせば非常に便利な反面、使い方が「自由すぎる」ので*「使いこなせない」*、結果として使わなくなってしまうツールになってしまいやすいのも事実です。逆に言えば、ケーススタディを通してどのように使っているかを知ることができれば、自分に合った活用の仕方を選んで、仕事のプロセス
商用のサイトでも個人のブログでも、クライアントのプロジェクトでも無料で利用できる高品質な写真素材がダウンロードできる写真素材サイトを紹介します。 最近公開されたサイトから、新しい写真が追加されたサイトまで、要チェックです!
本日のテーマは「 Drush コマンド入門」です。 本日は「 Drupal は知っているけれど Drush には馴染みのない」という方を対象に Drush コマンドの使い方をいちからお伝えしてみたいと思います。 Drush については他の投稿でも何度か取り上げていますが、ここで改めてまず最初に Drush とは何ぞやというところをご説明した後に Drush のインストール方法や定番的な使い方について順を追ってご説明していきたいと思います。 Drush とは Drush とは Drupal の管理操作をターミナル上で行うことができるコマンドラインツールです。 名前の由来は「 DRupal + SHell 」で Drush 。 読み方は「ドラッシュ」と読む方が多いように思います。 公式サイトには次のように紹介されています。 Drush is a command line shell and U
家庭内でゲームOKの子どものほうが、ゲーム機を持っているが禁止されている子より勉強への集中力が高く、宿題も自主的に取り組む――朝日学生新聞社は7月12日、こんなアンケート結果を発表した。家庭での親との会話時間も、ゲームOKの子の方がNGの子より長いという結果だ。 【更新:2017年7月12日午後7時45分】比較対象を分かりやすくするため、冒頭の文を修正し、「ゲーム機を持っているが禁止されている子より」と追記しました 「朝日小学生新聞」読者を対象に6月、ネットでアンケートを行い、小学1年生~6年生の男女457人から回答を得た。 ゲーム機を持っている子ども(370人・全体の81.0%)に、ゲームで遊んでいいか聞くと、「遊んでいいが、ルールがある」が91.9%、「遊んでいいし、ルールもない」は3.5%、「遊んではいけない」は4.1%だった。 ゲームをする時のルールの内容は、「ゲームをする前に、宿
こんにちはユレオです。 みなさんはどの記事がどれだけ読まれているのかを知りたいと思いませんか? はてなカウンターでは「最近のアクセス動向」→「アクセス先ページ」を見ることで、どの記事が読まれているのかを知ることができました。 Googleアナリティクスでも同じことができるはずなので探したところ、簡単に調べる方法がありましたのでご紹介いたします。 先日記事にしました「ユーザーサマリー」と今回ご紹介する「行動サマリー」の記事の情報があれば、はてなカウンターユーザーとしては、おおむね必要な情報を抑えることができるかと思います。 ユーザーサマリー編はこちら www.tamashii-yusaburuyo.work あくまで今回ご紹介するものはGoogleアナリティクスの基本操作の一部です。 この情報をとっかかりにGoogleアナリティクスを使えるようになれればと思い、備忘録としてまとめました。 G
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く