どうした福岡市... 「スムーズな投票のための強い肉体を」筋肉推しの市長選PR動画にネットが困惑気味（ハフポスト日本版） - Yahoo!ニュース
「スムーズに投票をおこなうための、強い肉体を作り上げていきましょう」ーー。思わず耳を疑いたくなるフレーズに、短パン・タンクトップ姿のマッチョな男性がスクワットを繰り返す。（那須遼大） 【動画】福岡市選管のPR動画はこちら 福岡市が11月4日に投稿した市長選挙への投票を呼びかけるPR動画が、Twitter上をざわつかせている。 PR動画は「福岡市長選挙 投票前トレーニング」。18日に投開票される市長選挙への関心を高めようと、市が公募でPR動画を制作した。 動画は、筋肉ムキムキのお兄さんが、「投票に必要」な筋肉や体づくりを指南するという内容だ。 「選挙のスタートは、まず投票所にたどり着くこと」「しっかりとした足腰を鍛えていきます」そんなナレーションが流れるが、トレーニングの内容が投票と関係があるようには思えない。筋肉を見せつけながら、笑顔で筋トレをするお兄さんが印象的だ。 ハフポスト日本版は1
TOKYO MXの番組をスマホやパソコンから見る方法 | かんたんブログ
この記事では、TOKYO MXの番組をスマホやパソコンから見る方法を詳しく紹介します。 TOKYO MXは東京ローカルのテレビ局ですが、スマホやパソコンからなら全国どこからでも見ることが可能です。 地方在住だけど、TOKYO MXの番組をぜひ見たい！！という方は、この記事を参考にしてみてください。 TOKYO MXとは？ TOKYO MXとは、東京ローカルのテレビ局です。 正式名称は、東京メトロポリタンテレビジョンとなっています。（TOKYO MXは略称になります） １９９３年４月３０日、東京都で６番目の地上波民間放送テレビ局として設立されました。（２００３年１２月１日から地上デジタルテレビジョン放送を行っています） 地上デジタル放送では「９チャンネル」を割り当てられていて、「キュ〜ト!９ch（きゅうちゃん）」というキャッチフレーズを番組内やCMなどでよく使っています。 非常に多くのアニメ
タブレットの横幅に対応するデザインについて
レスポンシブサイトにおけるタブレットの扱い タブレットって意外と横幅がとってあるものが多くあります。 iPadの横幅は1024px程あるので、少し前のパソコンと同等の画面サイズがあるんですよ！ 多くのWebサイトは、横幅1000px程度で作られている事が多いので、PC版の画面を表示しているケースが多くあります。 タブレットを縦に持ち替えた時、横幅は768pxになります。 なので多くのレスポンシブサイトは770pxくらいでレイアウトを切り替えるCSSを書いていると思います。 ですが最近、パソコンの画面サイズも大きくなってきました。 1280pxや1920pxの画面サイズが主流なのではないでしょうか？ タブレットのサイズが大きいので、差別化を図るためにも画面サイズをより大きくしているのでしょうか？いずれにしても画面が大型化してきています。 この画面サイズの推移によって、Webサイトも横幅を大き
iPadのほぼ実寸のサイズ（寸法）PDFのまとめ | HAZIMARU
「新しいiPad欲しいなー」なんて考えることが多いんですが、どのiPadがどのくらいのサイズなのかいちいち調べるのがめんどくさいです…なので、自分でまとめてしまいました！ 電器屋さんにいけば置いてありますが、行くのがめんどくさい（笑）実寸でデータを作りましたので、よければ購入の際に印刷して比較してください。 iPadのサイズについて iPadはこの記事の執筆時点で、下記の5種類がAppleのサイトに載っています。 12.9インチ iPad Pro11インチ iPad Pro10.5インチ iPad Air10.2インチ iPadiPad mini 5 ( iPad mini 4 ) 今回、この5種類のサイズを比較していきます。 調べたところ iPad mini 5 と iPad mini 4 はサイズが一緒だったので、カッコ表記で載せておきます。 カタログのサイズ 縦向きにした時の各iPa
株式会社ハイパーインターネッツ
Creating a spectrum of possibilities through funding. 一人でも多く一円でも多く、 想いとお金がめぐる 世界をつくる。 私たちは、インターネットの可能性を信じ、誰もが声をあげられるプロダクトを創り続けます。 どんなに小さな声であろうと、自由に表現や発信ができるように。 どんな立場の人であろうと、等しく金融にアクセスできるように。 テクノロジーを駆使して、共感や仲間、お金集めを支える新たなインフラになっていく。 そこから生まれる多様な経済圏を、毛細血管のように社会にめぐらすことで、すべての人が自己表現するように生きられる経済を実装します。 OUR MISSION
[Adobe XD]6月新機能をちょっと詳しく – Risa Yuguchi – Medium
この記事は、Adobe XD Meeting #06 のフォローアップ記事です。一部挙動の変わったIllustratorとの連携も含みます。 6月リリースの全容は公式ブログにてどうぞ！ [Mac/Windows]シンボルのオーバーライド上書き可能なシンボル(Override Symbol)とは、ワークスペース上に配置したシンボルそれぞれを部分的に変えられるシンボルのこと。 Mac/Winともに上書き可能シンボルが追加されました。Windows版としては待望のシンボルの実装が元から高機能で嬉しい限り！ 上書き可能なものは何？ 上書き可能なものは次の3つ。 テキストの文章・文言ビットマップ画像部分的な文字のスタイルワークスペース上でしか変更できないものが、上書きの対象(何もしないと同期されない)になるというのが基本ルールのようです。プロパティインスペクタだけで設定できるもの、レイヤーパネルで設
![[Adobe XD]6月新機能をちょっと詳しく – Risa Yuguchi – Medium](https://cdn-ak-scissors.b.st-hatena.com/image/square/a23a7af72465d57258546568010dc44857e4b136/height=288;version=1;width=512/https%3A%2F%2Fmiro.medium.com%2Fv2%2Fresize%3Afit%3A1200%2F1%2AGw3epmGeBAnUvhapMV5YuA.png)
font-sizeの単位
html要素にはfont-size: 10px;を指定しています。 このテキストは font-size: 3vw; を指定しています。 このテキストは font-size: 5vh; を指定しています。 このテキストは font-size: 3vmin; を指定しています。 このテキストは font-size: 5vmax; を指定しています。
[CSS]レスポンシブ対応のフォントサイズの指定方法 -デスクトップやスマホのビューポート幅（vw）に対して文字サイズを変化させる
CSSだけで、ルートのフォントサイズを元に最小値と最大値を指定し、その間のサイズはビューポート幅（vw）に対して自動で変化させるスタイルシートの記述を生成するオンラインツールを紹介します。 例えば、768px以下はすべて1rem、1920px以上は2rem、その間はvwに対して変化する、という指定が簡単にできます。 Responsive font calculator ツールの使い方は、簡単です。 Units フォントのサイズ指定に使う単位を「px, rem, em」から選択。 Selector 「font-size」を適用するセレクタを記述（id, class など)。 Font-size フォントが拡大縮小する範囲を指定。 Viewport width フォントのサイズに対応するビューポート幅を指定。 Options コメントの有無、サイズの最大値を超えないように指定 スタイルシートは
![[CSS]レスポンシブ対応のフォントサイズの指定方法 -デスクトップやスマホのビューポート幅（vw）に対して文字サイズを変化させる](https://cdn-ak-scissors.b.st-hatena.com/image/square/1cd72c10cbf289cd889d716004dc41c5e78c5fab/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201702%2F2017031001.png)
もしかしてだけどCSSのvwやvhを使うとメディアクエリ無しでレスポンシブ対応できちゃうんじゃないの？（オマケにvmin、vmaxも） - クモのようにコツコツと
タイトルのようなことをふと思ったのでCSSのvw、vhをいろいろ試してみました。 PCは横長、スマホは縦長とまったく異なる縦横比率なために生じるレスポンシブ対応。それを実現するメディアクエリはとても便利ですが、何種類もCSSスタイルを書き分けるのは少々複雑ではあります。ここを突破する一番シンプルな方法を追求したい。そう、vw、vhでね。それでは参りませう！ ※目次： レスポンシブ対応とは メディアクエリとは vh、vwとは 100% のサンプル「そうだ 小田急 乗ろう」 100vw、100vh に変えてみた obcect-fitでトリミング 100vw、80vhが最高にレスポンシブ！？ 100vhで揃えてみる 100vwで揃えてみる 100vimで揃えてみる 100vmaxで揃えてみる 使用した写真 最後に ※参考：CSSの基本はこちら 【CSSの基本】書ける前に読む！HTML、CSS、J
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Adobe XDのシンボルの使い方：9つの基本機能 - Adobe Blog
UI Style Guide - Adobe XD Freebie - Freebie Supply
DreamWeaver：スニペットの移動 – f450 blog
vwサンプル