タグ 垂直方向
人気順 10 users 50 users 100 users 500 users 1000 usersついにChromeで使えるようになったCSSの便利機能! light-dark()関数、field-sizingプロパティ、句読点括弧のカーニングができるtext-spacing-trimプロパティ
今回のアップデートでは、かなり便利なCSSのプロパティが追加されました。 ライトモードとダークモードのスタイルを簡単に定義できるlight-dark()カラー関数、垂直方向の中央に配置するalign-contentプロパティ、フォームのサイズを入力された文字量に合わせて自動変更するfield-sizingプロパティ、CSSで句読点括弧のカ... 続きを読む
Chrome 123で、divなどのブロック要素で垂直方向の中央にalign-contentプロパティで配置できるようになります
間もなくリリースされるChrome 123(リリース情報)で、ブロックやテーブルレイアウトでのalign-contentプロパティがサポートされます。 これにより、div要素内に簡単に垂直方向の中央に配置できるのは嬉しいニュースです。しかし、既存サイトでalign-contentプロパティをflexやgridコンテナ以外に使用している場合、Chr... 続きを読む
リモートワークは机を置く向きで決まる…一級建築士「仕事の生産性が爆上がりするデスク配置の正解」 窓に対して垂直方向にデスクを配置すると目が疲れづらくなる
在宅ワークの生産性を高めるために、仕事部屋の環境はどうするべきか。一級建築士でYouTuberのげげさんは「在宅ワークは外で体を動かす機会が減り、結果的に生産性が下がりがちなので、自宅でもスタンディングデスクを設置するなど、自然に動けるよう環境を整えると、健康にかつ集中して仕事ができる。またデスク自体に... 続きを読む
電力不要で垂直方向への移動を可能にする階段の代替システム「VertiWalk」とは?
足腰を痛めた人にとっては、階段の上り下りが非常に困難になる場合があります。デザイナーのRombout Frieling氏が開発した「VertiWalk」は、「立つ」「座る」の動作を繰り返すことで垂直方向への移動を可能にするシステムで、足腰の弱い人にとって階段の代替手段を提供できるとのことです。 VertiWalk - Vertical Walkin... 続きを読む
"ヘリコプター"の意外な真実を知った!「じゃあドラえもんのアレは・・・」「ナランチャは正しかった!!」 - Togetter
リンク Wikipedia ヘリコプター ヘリコプター(英語: helicopter)は、回転翼機に分類される航空機の一種。垂直方向の軸に配置したローター(回転翼)をエンジンの力で回転させて揚力を得て、出力やローターの描く面(回転面・円盤面)を変化させることで進行方向への推進力を得たり、ホバリング(空中での停止)を含め... 続きを読む
フォークボール落ちる謎、スパコンで解明 「負のマグヌス効果」 - ITmedia NEWS
野球で投手が投げるフォークボールが落ちるのは、回転しながら進む際に下向き垂直方向に働く力「負のマグヌス効果」が起きていることが理由だと、東京工業大などの研究チームがスーパーコンピュータを使って導き出した。 野球で投手が投げるフォークボールが「落ちる」のは、ボールの回転数が直球に比べ少ないからではな... 続きを読む
フォークボール落ちる謎、スパコンで解明 「負のマグヌス効果」(産経新聞) - Yahoo!ニュース
野球で投手が投げるフォークボールが「落ちる」のは、ボールの回転数が直球に比べ少ないからではなく、回転しながら進む際に下向き垂直方向に働く力「負のマグヌス効果」が起きていることが理由だと、東京工業大などの研究チームが導き出した。ボールの縫い目の回転の仕方によって、浮き上がる力とは真逆の力が働いてい... 続きを読む
フォークボール落ちる謎、スパコンで解明 「負のマグヌス効果」 - 産経ニュース
野球で投手が投げるフォークボールが「落ちる」のは、ボールの回転数が直球に比べ少ないからではなく、回転しながら進む際に下向き垂直方向に働く力「負のマグヌス効果」が起きていることが理由だと、東京工業大などの研究チームが導き出した。ボールの縫い目の回転の仕方によって、浮き上がる力とは真逆の力が働いてい... 続きを読む
垂直方向のマージンにはmargin-topを優先的に使う理由 - Yuhei Yasuda
margin-bottomではなくmargin-topを使う派である旨をツイートしたら理由を尋ねられたので、それに対する回答です。大きくは次の3つです。 末尾の要素の存在が任意である場合が多いため Stackレイアウトとの取り合わせやすさのため 隣接セレクターを使った場合分けができるようにするため CSS、基本コンポーネントの上に... 続きを読む
知っておくと便利!レイアウト・コンポーネントの実装で役立つ、flexプロパティの実践的な使い方を徹底解説 | コリス
Webページやスマホアプリのレイアウト・コンポーネントを実装する際に知っておくと便利なflexプロパティの基礎知識と実践的な使い方を紹介します。 スペースいっぱいにアイテムを伸縮させて配置したり、画像・アイコンとテキストを並べて配置したり、フォームの入力欄とボタン、複数カラムの垂直方向の揃えなど、実践的... 続きを読む
CSSで、button要素とinput要素のテキストを美しく揃えるスタイルシートのテクニック | コリス
検索フォームなど、button要素とinput要素を並べて配置した際に、それらのテキスト(アイコンも)を垂直方向に美しく揃えて配置するスタイルシートのテクニックを紹介します。 ボタンと入力フォームの高さは自由に変更でき、デザインも普通に変更できるので、スニペットとして登録しておくと便利です。 button要素とinpu... 続きを読む
MIT Tech Review: 東大、熱を一方向のみに伝えるナノチューブ新素材を開発
東京大学の研究者らがカーボンナノチューブを用いて、ある方向に沿っては熱を伝えるが、その垂直方向にはほとんど熱を伝えない新素材を作り出すことに成功した。コンピューターなどのデバイスの冷却システムを設計・構築する方法に影響を与えそうだ。 by Emerging Technology from the arXiv2020.01.23 282 71 3 4 電気... 続きを読む
ピザを切ったらまな板まで真っ二つに!?『私はピザを切ってたはず…』『こうやって切ったの二回目』 - Togetter
「目算で5ミリ厚くらいで正方形のまな板」なんてあるのかどうか知らんが、そもそもまな板用途で売っているものだとは思いにくい。木目に沿って割れるのはカラテエキシビジョンでもよく見る光景、割れるべくして割れている。垂直方向に別のカットが入っているがその時は割れていないだろ?古くもない道具でも変な使い方を... 続きを読む
いよいよ?まだまだ?IE11のサポート終了までのカウントダウンが始まる | コリス
Web制作において悩みの種の一つが、IE11のサポートです。 main要素に垂直方向のmargin, paddingが効かない、CSS Grid、変数、@supportsなど、IE11が足かせになって使用に躊躇している人も少なくないと思います。 IE11のサポート終了までのカウントダウンが始まりました。 IE11のサポート終了までのカウントダウン IE11は... 続きを読む
CSSの作業効率がアップする、少し高度な使い方のまとめ | コリス
Webページやスマホアプリをはじめ、レスポンシブ対応ページなどで役立つ、CSSのあまり知られていない仕様や少し高度な使い方を紹介します。 Lesser known CSS quirks & advanced tips 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 01. 垂直方向のpaddingは要素の幅に対して相対的 02. マージ... 続きを読む
アルカスイス、全方向をギアで調整できる雲台 - デジカメ Watch
D4ギアヘッドパンクイック 株式会社ケンコープロフェショナルイメージングは、アルカスイスの雲台「D4ギアヘッドパンクイック」と「D4ギアヘッドパンフリップロック」を10月20日に発売する。希望小売価格はD4ギアヘッドパンクイックが税別26万7,000円、 D4ギアヘッドパンフリップロックが同27万3,000円。 水平方向と垂直方向のギア微調整機構を備える雲台。最上部にあるパノラミック部にもギア微調... 続きを読む
グーグルの新開発OS「フクシア」の姿。 – すまほん!!
Ars Technicaは、Googleが開発している新OSである”Fuchsia(フクシア)”の動作する様子を公開しました。 このOSはArmadillo(アルマジロ) UIを採用します。これはGoogle Nowのような検索画面。 Androidの最新バージョンに似た部分はありますが、垂直方向にスクロールするリストが中心となるUIになっています。 カードベースのオブジェクトをドラッグし画面を分... 続きを読む
『ゼルダの伝説 ブレスオブザワイルド』には「壁」が存在しない - 色々水平思考
2017 - 03 - 07 『ゼルダの伝説 ブレスオブザワイルド』には「壁」が存在しない ゲーム空間は大きく3種類に区分けすることが出来る。 「地面」「壁」「天井」だ。 「地面」とはプレイヤーが移動可能な地形。 「壁」とはプレイヤーの水平方向の移動を塞ぐ地形。 「天井」とはプレイヤーの垂直方向の移動を塞ぐ地形である。 『 ゼルダの伝説 ブレスオブワイルド』は恐ろしいことに「壁」が存在しない。 い... 続きを読む
米軍オスプレイ不時着 「パイロットが判断迫られた」 | NHKニュース
13日夜、沖縄本島の東の海上で、アメリカ軍の輸送機オスプレイが不時着し大きく壊れた事故で、アメリカ軍は防衛省に対し、「現場付近の上空で何らかのトラブルが発生し、パイロットが基地に戻るか海上に不時着するか判断を迫られた」と説明しているといことです。防衛省は引き続き、当時の詳しい状況の確認を進めています。 機体は、胴体や翼が折れるなど大きく壊れていて、前方と垂直方向に向きを変えられるプロペラの一部と見... 続きを読む
0.3ミリなのに「力込めても折れない」シャープペン ゼブラ「デルガード0.3」 - ITmedia ニュース
ゼブラは10月1日、「力を込めても芯が折れない」というシャープペンシルの新製品「デルガード0.3」を11月12日に発売すると発表した。価格は450円(税別)。 昨年11月に発売した0.5ミリ芯の「デルガード」の新シリーズ。垂直方向の力には軸に内蔵されたスプリングが、斜め方向には先端の金属部品が衝撃を防ぎ、あらゆる角度の筆圧から折れないように芯を守る。小さな字でもつぶれず、ノートやスケジュール帳に細... 続きを読む
イジメ?このロボットは蹴っても倒れない | オリジナル | 東洋経済オンライン | 新世代リーダーのためのビジネスサイト
オレゴン州立大学の研究チームは、ダチョウをモデルにした二足歩行型ロボット「エイトリアス」を開発した。このロボットは開発者らが蹴ってもビクともしない。さまざまな角度から勢いよくボールをぶつけても倒れることはない。自律的に垂直方向に立ち続けることができるのだ。 多くの2足歩行型ロボットは人間をモデルとしているが、人間は必ずしも2足歩行のための効率がいいバランスを持っているわけではない。エイトリアスの開... 続きを読む
【翻訳】私がコーディングで垂直方向にそろえるインデントをとる理由 | POSTD
先週、Hacker News上で興味深い議論が行われました。テーマはLinux Kernelのコーディングスタイルについてです。 議論の中で私は、コーディングで垂直方向にそろえるインデントをとるべきかというささやかな聖戦 […]先週、Hacker News上で興味深い議論が行われました。テーマはLinux Kernelのコーディングスタイルについてです。 議論の中で私は、コーディングで垂直方向にそ... 続きを読む
デスクトップの複雑なコンテンツに対するものとして、アコーディオンが常に答えになるとは限らない – U-Site
アコーディオンメニューとは見出しを垂直方向に並べたリストで、見出しをクリックすることでそれに関連したコンテンツを出したり、見えなくしたりできるもののことである。これはコンテンツをユーザーに徐々に見せる方法の1つで、広げたり、あとで見るために隠したままにすることでコンテンツをコントロールできるので、読むものと無視するものをユーザー自身で決められる。ユーザーがコントロールできるようにする、というのは、... 続きを読む
曲面ディスプレイ搭載の「GALAXY ROUND」--これまでに分かっている特徴や機能 - CNET Japan
うわさは完全に正しかった。サムスンは米国時間10月8日に「GALAXY ROUND」を発表した。同社はこの端末を、世界初の(深く)湾曲したディスプレイを搭載するスマートフォンだとしている。 どういうことだろうか。お教えしよう。このスマートフォンは、サムスンの「GALAXY NEXUS」や「Nexus S」に見られる垂直方向のわずかな曲がりとは異なり、半分笑った顔のような形の、水平方向の曲面を採用し... 続きを読む
サムスン、3D垂直構造NANDフラッシュメモリの量産開始を発表 - CNET Japan
サムスンは、10年にわたる研究開発の末に、3次元垂直構造のNAND(V-NAND)フラッシュメモリの大量生産を開始した。 韓国企業であるサムスンは現地時間8月6日付けのブログ投稿で、V-NANDはNAND型のストレージやソリッドステートドライブ(SSD)を含む、コンシューマー向けの電子機器や企業向けの応用製品の双方で広く使用されることになると記している。 サムスンのV-NAND製品は、垂直方向のス... 続きを読む