CSSの進化がすごすぎる！新しいレスポンシブデザインの実装方法を解説
現在のレスポンシブデザインは、ビューポートにもとづいてレイアウトを最適化しています。しかし、新しいレスポンシブデザインでは、アニメーションが不要なユーザーには動きを少なくしたり（無くしたり）、親コンテナの幅にもとづいてコンポーネントを最適化したり、スコープ付きスタイルやフォームファクターなど、ユーザーの好みや環境に合わせて最適なコンテンツを提供できるようになります。 これらの新しいレスポンシブデザインのコンセプト・実装方法を紹介します。CSSがこれまで以上に進化します。 The new responsive: Web design in a component-driven world by Una Kravets 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 レスポンシブデザインの現状 ユーザーでレスポンシブ コンテナでレス
Bootstrap Page Builder - Bootstrapを使った画面設計ツール
WebのUIは自由度が高い分、イチから作るのは手間がかかります。そうした状況だからこそ、Bootstrapのように見栄えの良いUIが作れるフレームワークに人気が集まりました。しかし、Bootstrapの記法に沿ったHTMLの手打ちすら面倒に感じてきます。 そこで使ってみたいのがBootstrap Page Builderです。ドラッグ&ドロップで簡単にUIが作れます。 Bootstrap Page Builderの使い方 メイン画面です。左側に部品が、右側にエディタが表示されています。 グリッド構成も簡単に実現できます。 多数のパーツが用意されており、それらをドラッグ&ドロップして画面を作っていきます。 プレビューです。基本的には同じ見た目が再現されます。 スマートフォンサイズなどレスポンシブな表示確認も簡単です。 Bootstrap Page Builderを使えばBootstrapを使
シンプルなランディングページを手軽に作れる「launchaco」
新しいプロダクトをローンチする時、一番手っ取り早く見せられるものがランディングページですよね。でも、あまりにも見た目がお粗末なものになってしまうと、よいものもあまりよく伝わらないのではと思ってしまうのが常。 そんな不安要素を解消してくれそうなのが、今回ご紹介するサービスです。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! シンプルなランディングページを言われたとおりに手軽に作れる「launchaco」 「launchaco」は、手順に沿ってテキストや画像、動画などを追加していくだけで、シンプルなランディングページを作成することができるサービス。 無料でページを作ることができるうえにGoogle Analyticsの計測タグを設置することも可能。FAQなどのコンテンツも容易に追加できるようになって
Twitterをより深く知りたい人なら読んでおくべき6つの論文
Twitterをプロモーションとして利用する際に「そもそも、なぜユーザーはTwitterを使うのか」といった本質的な問いを考えた事はあるでしょうか。 発信する側がTwitterでの情報の動きやユーザーの行動を理解できていなければ、価値を感じてもらえるコンテンツは発信できません。 効果的なプロモーションにつなげるためには、Twitterというプラットフォームに対する理解を深めていくべきでしょう。 今回は、Twitterの仕組みやユーザーの特徴を深く学べる6つの国内論文を紹介します。 日本国内でも2016年11月時点で4000万人のユーザーがおり、生活に根ざした情報が行き交うTwitterは学問分野でも研究の対象となっています。Webメディアや書籍だけでは学べない深い知識を知りたい方はぜひ参考にしてみましょう。 参考： [TwitterJapan｜Twitter] (https://twitt
SNS運用担当者なら絶対知っておきたい！FacebookとTwitterのユーザー属性の違い
企業のSNS活用が広がっています。 あるサービスや商品が、Facebook・Twitterで一躍有名になり、急激に売上や認知度が伸びる現象は、今や珍しくなくなりました。 SNSは、売上だけでなく、企業と消費者との距離を縮めてくれる効果も期待できます。 新しく企業のFacebookページやTwitterアカウントを取得して、情報発信を始めた方もいらっしゃるのではないでしょうか。 積極的にSNSに投稿しても、もちろん全てが拡散されるわけではありません。 各SNSのユーザー層や注目されやすいテーマ、内容を分析することで、ファンが増え、喜ばれる情報発信ができるようになります。 今回は、FacebookとTwitterそれぞれのユーザー属性を解説します。今流行しているテーマや内容をチェックできるツールもご紹介するので、ぜひ活用してみましょう。 広がるスマートフォンとSNS スマートフォンの保有率は1
バニラエア炎上に関するまとめ～航空クラスタのツイートを主に～
春風（HARUKAZE） @harukaze_JSDF なんか違和感のある記事だなぁ。 関西方面から奄美まではレガシーのJALも飛んでるし、LCCに行き届いたバリアフリー対応を望むのは酷な気もする。 そもそも搭乗者が事前に電話1本相談すれば無難な解決策もあったのではないか。 headlines.yahoo.co.jp/hl?a=20170628-… 2017-06-28 08:26:25 sis_sis @sis_sis 良くないことであることは間違いない。だがバニラはメジャーキャリアではなく、LCCだからなあ。メジャーと同じような使い方は出来ない。特にバニラは。→車いす客にタラップはい上がらせる バニラ・エアが謝罪：朝日新聞デジタル asahi.com/articles/ASK6H… 2017-06-28 08:26:41 sis_sis @sis_sis 障害者であっても健常者と同様に
無限スクロールの課題とは！スクロールが長いサイトのデザイン手法
無限スクロールの課題とは！スクロールが長いサイトのデザイン手法 スクロールが長いWebサイトのデザイン手法をまとめています。無限スクロールを採用するページは増えていますが、良い点もあれば当然課題もあります。ユーザーにとって使いやすいサイトをデザインするためにぜひ意識しておきましょう。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査 本稿は、Smashing magazineのブログ記事を許可を得て日本語翻訳し掲載した記事になります。 本記事
【こんなにも凄い】色が人の心理と行動に与える影響とは デザイン会社 ビートラックス: ブログ
私たちの生活は色に囲まれているが、なぜ一つ一つにその色が使われているのか考えた事はあるだろうか。色は私たちが思っている以上に人の心の働きに影響を与えている。 世の中にあるもの全てには色がついていて、物作りに携わる人が決めている。人々はその色をデザインとして受け取るが、作り手は色の心理学をもとに配色を選んでいる。 無意識に私たちは色に誘導されているが、逆をいえば色彩の作用を知っていれば色で人々を誘導する事が可能である。ファッションなどでもその効果は発揮できるので、その時の場所や状況、モチベーションに合った色が選べるように色彩を学んでみるのもおもしろい。 それぞれの色の働きやどのように人に影響するのかを知っていれば人々を目的の方向へ誘導することができる。 【UXデザイン】行動心理学を利用したビヘイビアデザイン Part1 1. 色はどんな影響力があるか【心理的な影響】 暗記力、回想力、認識力を
【注意】LINE、Microsoftにフィッシングメールが出回っていると報告｜男子ハック
話題のニュースセキュリティに関するニュース【注意】LINE、Microsoftにフィッシングメールが出回っていると報告2017年1月12日0 @JUNP_Nです。フィッシング対策協議会によると「LINE」と「Microsoft」をかたるフィッシングメールが出回っているとのこと。また、海外ではGmailの添付ファイルに偽装したフィッシング攻撃が確認されています。 「LINEに異常ログイン」「オフィスのプロダクトキーが違法コピー」などのフィッシングメール フィッシング対策協議会が10日、「LINEをかたるフィッシングメール」を報告。また12日には、「マイクロソフトをかたるフィッシングメール」を報告しています。 「LINEをかたるフィッシングメール」では「お客様のLINEアカウントに異常ログインされたことがありました。お客様のアカウント安全のために、ウェブページで検証してお願いします」といった内
CrossUI - 多数のブラウザに対応したWebアプリケーション開発ライブラリ MOONGIFT
Web技術が進歩していることもあって、これまでローカルでないと実現しなかったようなUI、機能などがWebブラウザ上でできるようになっています。とは言え、それはできるという話であって、実現しようとすればかなり大変なのは間違いありません。 特にUIやJavaScriptと連携させた動きの制御は苦労が伴います。そこで使ってみたいのがCrossUI、JavaScript用のRADツールです。 CrossUIの使い方 CrossUIではリッチなUIを持ったWebアプリケーションが簡単に開発できます。このようなD&Dで画面設計できるツールもあります。 さらに画像編集ソフトウェア。 Outlook風UI。 注文管理システム。 データベースマネージャ。 フローチャート。 表計算。 CrossUIはちょっと昔風（YUIあたり？）のUIとなっていますが、業務アプリケーションとしては十分なデザインでしょう。その
仕事とプライベートは分け「ない」方が自分らしく気持ちよく働けるという考え方
日々をどう過ごすか。仕事とは何なのか。小さなチームに所属するソフトウェアエンジニアが考える仕事とライフスタイルの関係、そして「アトムの世界をハックする」ために必要なこととは。 連載 INDEX 次回 → 大きな企業、中くらいの企業、小さな企業、企業のサイズにかかわらず、ほとんどの人はチームで仕事をしているだろう。「チームと認識しているかどうか」という問題はあるにせよ、人と関わらずに達成できる仕事というのは存在しないのではないだろうか。それは筆者が所属する会社とて例外ではなく、やはり「チームで仕事をしている」という事実に間違いはない。 でも、そのサイズは驚きの最小人数体制だ。今現在、筆者の会社ではメンバーは社長含め全体でたった4人である。うちエンジニアが3人もいるという、いびつに思える組織形態で、自社プロダクトを作り、それを自社管理しているインフラに載せ、マルチテナントプラットフォーム（具体
初心者でも簡単にスマホアプリを開発できるツールおすすめTOP5 | 侍エンジニアブログ
なんて思ったことはありませんか？確かにアプリ開発って難しいイメージありますよね。でも、そんな心配もういらないんです。実はプログラミングが不要で、スマホアプリを開発できる時代になっているんですよ。 そこで今回はプログラミングの知識がなくてもスマホアプリを開発できるツールをランキング形式で5つ紹介していきます。 この記事を読み終わった数時間後にはスマホアプリを1つ開発できるようになっていること間違いなし。初めてアプリを開発する人やプログラミングに自信がない方はぜひチェックしてみてください。 ちなみにスマホアプリではなく、WEBアプリを開発できるツールを知りたい方は以下の記事をチェックしてみてください。
NHKフォロー外し、元「1号さん」胸の内 「一方通行になっちゃった」
「選挙が近いからじゃないかという気がします」 「人間にはいろんな意見があるという前提」 「間違わないんだ、ということに固執」 NHKが、全ての公式ツイッターで、4月末をめどに外部のアカウントのフォローを外すと発表しました。NHK広報局の初代ツイッター担当者（1号さん）をつとめた浅生鴨さんは「昔の一方通行のテレビになっちゃった」と語ります。浅生さんは、2009年にアカウントを開設し2014年春まで担当、同年にNHKを退職し現在は執筆活動や広告の企画や制作をしています。元「中の人」の思いを聞きました。 「フォロー外し、寂しいですよね」 ――NHKのツイッターのフォロー外し、どう思いますか。 寂しいですよね。たくさんの方のご意見が目に入るよう、フォローをしていました。 もう一つは、「NHKが番組を作って放送して、視聴者の皆様から受信料をいただく」という関係は、一見「物を売ってお金をもらう」という
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://ww62.b-hood.site/
トランスメディアGPがアプリとPWAが同時生成・運用可能なプラットフォーム「Appro」提供 | Web担当者Forum
Public APIs: A Collection of Public and Free APIs for Development
ゆるふわイラストでわかるヨガレッスン『Name Sketch』 | 100SHIKI
星野源の恋ダンス動画の削除をレコード会社が要請したことに批判の声が集まる→元々ドラマ放送期間中の限定措置だったのでは？という声も
PHPでシリアライズされたデータをブラウザ上で編集できる『Serialized Editor』 | 100SHIKI
「オヤジギャク」だけを集めて紹介している『Nice One Dad』 | 100SHIKI
