ついにChromeで使えるようになったCSSの便利機能！ light-dark()関数、field-sizingプロパティ、句読点括弧のカーニングができるtext-spacing-trimプロパティ

2024/03/26 92 users プロパティ カーニング ダークモード light-dark

今回のアップデートでは、かなり便利なCSSのプロパティが追加されました。 ライトモードとダークモードのスタイルを簡単に定義できるlight-dark()カラー関数、垂直方向の中央に配置するalign-contentプロパティ、フォームのサイズを入力された文字量に合わせて自動変更するfield-sizingプロパティ、CSSで句読点括弧のカ... 続きを読む

Chrome 123で、divなどのブロック要素で垂直方向の中央にalign-contentプロパティで配置できるようになります

2024/03/07 14 users div Chr Flex ブロック要素 中央

間もなくリリースされるChrome 123（リリース情報）で、ブロックやテーブルレイアウトでのalign-contentプロパティがサポートされます。 これにより、div要素内に簡単に垂直方向の中央に配置できるのは嬉しいニュースです。しかし、既存サイトでalign-contentプロパティをflexやgridコンテナ以外に使用している場合、Chr... 続きを読む

リモートワークは机を置く向きで決まる…一級建築士｢仕事の生産性が爆上がりするデスク配置の正解｣ 窓に対して垂直方向にデスクを配置すると目が疲れづらくなる

2024/02/19 32 users リモートワーク スタンディングデスク YouTuber 正解

在宅ワークの生産性を高めるために、仕事部屋の環境はどうするべきか。一級建築士でYouTuberのげげさんは「在宅ワークは外で体を動かす機会が減り、結果的に生産性が下がりがちなので、自宅でもスタンディングデスクを設置するなど、自然に動けるよう環境を整えると、健康にかつ集中して仕事ができる。またデスク自体に... 続きを読む

電力不要で垂直方向への移動を可能にする階段の代替システム「VertiWalk」とは？

2021/11/23 14 users 足腰 電力 代替手段 デザイナー 階段

足腰を痛めた人にとっては、階段の上り下りが非常に困難になる場合があります。デザイナーのRombout Frieling氏が開発した「VertiWalk」は、「立つ」「座る」の動作を繰り返すことで垂直方向への移動を可能にするシステムで、足腰の弱い人にとって階段の代替手段を提供できるとのことです。 VertiWalk - Vertical Walkin... 続きを読む

"ヘリコプター"の意外な真実を知った！｢じゃあドラえもんのアレは・・・｣｢ナランチャは正しかった！！｣ - Togetter

2021/07/04 293 users Togetter 揚力 ナランチャ ホバリング ヘリコプター

リンク Wikipedia ヘリコプター ヘリコプター（英語: helicopter）は、回転翼機に分類される航空機の一種。垂直方向の軸に配置したローター（回転翼）をエンジンの力で回転させて揚力を得て、出力やローターの描く面（回転面・円盤面）を変化させることで進行方向への推進力を得たり、ホバリング（空中での停止）を含め... 続きを読む

フォークボール落ちる謎、スパコンで解明　「負のマグヌス効果」 - ITmedia NEWS

2021/03/24 18 users スパコン マグヌス効果 直球 投手 解明

野球で投手が投げるフォークボールが落ちるのは、回転しながら進む際に下向き垂直方向に働く力「負のマグヌス効果」が起きていることが理由だと、東京工業大などの研究チームがスーパーコンピュータを使って導き出した。 野球で投手が投げるフォークボールが「落ちる」のは、ボールの回転数が直球に比べ少ないからではな... 続きを読む

フォークボール落ちる謎、スパコンで解明　「負のマグヌス効果」 - 産経ニュース

2021/03/23 18 users スパコン マグヌス効果 縫い目 解明 直球

野球で投手が投げるフォークボールが「落ちる」のは、ボールの回転数が直球に比べ少ないからではなく、回転しながら進む際に下向き垂直方向に働く力「負のマグヌス効果」が起きていることが理由だと、東京工業大などの研究チームが導き出した。ボールの縫い目の回転の仕方によって、浮き上がる力とは真逆の力が働いてい... 続きを読む

垂直方向のマージンにはmargin-topを優先的に使う理由 - Yuhei Yasuda

2021/01/26 276 users margin-top margin-bottom マージン

margin-bottomではなくmargin-topを使う派である旨をツイートしたら理由を尋ねられたので、それに対する回答です。大きくは次の3つです。 末尾の要素の存在が任意である場合が多いため Stackレイアウトとの取り合わせやすさのため 隣接セレクターを使った場合分けができるようにするため CSS、基本コンポーネントの上に... 続きを読む

知っておくと便利！レイアウト・コンポーネントの実装で役立つ、flexプロパティの実践的な使い方を徹底解説 | コリス

2020/08/27 12 users コリス 実装 アイコン テキスト スマホアプリ

Webページやスマホアプリのレイアウト・コンポーネントを実装する際に知っておくと便利なflexプロパティの基礎知識と実践的な使い方を紹介します。 スペースいっぱいにアイテムを伸縮させて配置したり、画像・アイコンとテキストを並べて配置したり、フォームの入力欄とボタン、複数カラムの垂直方向の揃えなど、実践的... 続きを読む

CSSで、button要素とinput要素のテキストを美しく揃えるスタイルシートのテクニック | コリス

2020/08/24 175 users コリス inpu button要素 input要素 CSS

検索フォームなど、button要素とinput要素を並べて配置した際に、それらのテキスト（アイコンも）を垂直方向に美しく揃えて配置するスタイルシートのテクニックを紹介します。 ボタンと入力フォームの高さは自由に変更でき、デザインも普通に変更できるので、スニペットとして登録しておくと便利です。 button要素とinpu... 続きを読む

MIT Tech Review: 東大、熱を一方向のみに伝えるナノチューブ新素材を開発

2020/01/23 106 users REVIEW カーボンナノチューブ 東大 MIT Tech

東京大学の研究者らがカーボンナノチューブを用いて、ある方向に沿っては熱を伝えるが、その垂直方向にはほとんど熱を伝えない新素材を作り出すことに成功した。コンピューターなどのデバイスの冷却システムを設計・構築する方法に影響を与えそうだ。 by Emerging Technology from the arXiv2020.01.23 282 71 3 4 電気... 続きを読む

ピザを切ったらまな板まで真っ二つに！？『私はピザを切ってたはず…』『こうやって切ったの二回目』 - Togetter

2019/10/27 111 users Togetter 目算 真っ二つ まな板 正方形

「目算で5ミリ厚くらいで正方形のまな板」なんてあるのかどうか知らんが、そもそもまな板用途で売っているものだとは思いにくい。木目に沿って割れるのはカラテエキシビジョンでもよく見る光景、割れるべくして割れている。垂直方向に別のカットが入っているがその時は割れていないだろ？古くもない道具でも変な使い方を... 続きを読む

いよいよ？まだまだ？IE11のサポート終了までのカウントダウンが始まる | コリス

2019/10/21 105 users コリス padding margin supports 足かせ

Web制作において悩みの種の一つが、IE11のサポートです。 main要素に垂直方向のmargin, paddingが効かない、CSS Grid、変数、@supportsなど、IE11が足かせになって使用に躊躇している人も少なくないと思います。 IE11のサポート終了までのカウントダウンが始まりました。 IE11のサポート終了までのカウントダウン IE11は... 続きを読む

CSSの作業効率がアップする、少し高度な使い方のまとめ | コリス

2018/03/19 253 users コリス padding CSS マージ 作業効率

Webページやスマホアプリをはじめ、レスポンシブ対応ページなどで役立つ、CSSのあまり知られていない仕様や少し高度な使い方を紹介します。 Lesser known CSS quirks & advanced tips 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 01. 垂直方向のpaddingは要素の幅に対して相対的 02. マージ... 続きを読む

アルカスイス、全方向をギアで調整できる雲台 - デジカメ Watch

2017/10/13 13 users ギア 水平方向 デジカメ Watch 最上部 雲台

D4ギアヘッドパンクイック 株式会社ケンコープロフェショナルイメージングは、アルカスイスの雲台「D4ギアヘッドパンクイック」と「D4ギアヘッドパンフリップロック」を10月20日に発売する。希望小売価格はD4ギアヘッドパンクイックが税別26万7,000円、 D4ギアヘッドパンフリップロックが同27万3,000円。 水平方向と垂直方向のギア微調整機構を備える雲台。最上部にあるパノラミック部にもギア微調... 続きを読む

グーグルの新開発OS「フクシア」の姿。 – すまほん!!

2017/05/09 16 users フクシア Armadillo Fuchsia アルマジロ 様子

Ars Technicaは、Googleが開発している新OSである”Fuchsia(フクシア)”の動作する様子を公開しました。 このOSはArmadillo(アルマジロ) UIを採用します。これはGoogle Nowのような検索画面。 Androidの最新バージョンに似た部分はありますが、垂直方向にスクロールするリストが中心となるUIになっています。 カードベースのオブジェクトをドラッグし画面を分... 続きを読む

『ゼルダの伝説 ブレスオブザワイルド』には「壁」が存在しない - 色々水平思考

2017/03/07 22 users ブレスオブザワイルド ゼルダ 地形 地面 水平思考

2017 - 03 - 07 『ゼルダの伝説 ブレスオブザワイルド』には「壁」が存在しない ゲーム空間は大きく３種類に区分けすることが出来る。 「地面」「壁」「天井」だ。 「地面」とはプレイヤーが移動可能な地形。 「壁」とはプレイヤーの水平方向の移動を塞ぐ地形。 「天井」とはプレイヤーの垂直方向の移動を塞ぐ地形である。 『 ゼルダの伝説 ブレスオブワイルド』は恐ろしいことに「壁」が存在しない。 い... 続きを読む

米軍オスプレイ不時着 「パイロットが判断迫られた」 | NHKニュース

2016/12/14 52 users プロペラ 胴体 パイロット 機体 上空

１３日夜、沖縄本島の東の海上で、アメリカ軍の輸送機オスプレイが不時着し大きく壊れた事故で、アメリカ軍は防衛省に対し、「現場付近の上空で何らかのトラブルが発生し、パイロットが基地に戻るか海上に不時着するか判断を迫られた」と説明しているといことです。防衛省は引き続き、当時の詳しい状況の確認を進めています。 機体は、胴体や翼が折れるなど大きく壊れていて、前方と垂直方向に向きを変えられるプロペラの一部と見... 続きを読む

0.3ミリなのに「力込めても折れない」シャープペン　ゼブラ「デルガード0.3」 - ITmedia ニュース

2015/10/02 19 users ゼブラ デルガード シャープペン シャープペンシル 筆圧

ゼブラは10月1日、「力を込めても芯が折れない」というシャープペンシルの新製品「デルガード0.3」を11月12日に発売すると発表した。価格は450円（税別）。 昨年11月に発売した0.5ミリ芯の「デルガード」の新シリーズ。垂直方向の力には軸に内蔵されたスプリングが、斜め方向には先端の金属部品が衝撃を防ぎ、あらゆる角度の筆圧から折れないように芯を守る。小さな字でもつぶれず、ノートやスケジュール帳に細... 続きを読む

イジメ？このロボットは蹴っても倒れない | オリジナル | 東洋経済オンライン | 新世代リーダーのためのビジネスサイト

2015/03/25 16 users イジメ ロボット ピグ ダチョウ 東洋経済オンライン

オレゴン州立大学の研究チームは、ダチョウをモデルにした二足歩行型ロボット「エイトリアス」を開発した。このロボットは開発者らが蹴ってもビクともしない。さまざまな角度から勢いよくボールをぶつけても倒れることはない。自律的に垂直方向に立ち続けることができるのだ。 多くの2足歩行型ロボットは人間をモデルとしているが、人間は必ずしも2足歩行のための効率がいいバランスを持っているわけではない。エイトリアスの開... 続きを読む

【翻訳】私がコーディングで垂直方向にそろえるインデントをとる理由 | POSTD

2015/01/20 620 users インデント POSTD コーディングスタイル コーディング

先週、Hacker News上で興味深い議論が行われました。テーマはLinux Kernelのコーディングスタイルについてです。 議論の中で私は、コーディングで垂直方向にそろえるインデントをとるべきかというささやかな聖戦 […]先週、Hacker News上で興味深い議論が行われました。テーマはLinux Kernelのコーディングスタイルについてです。 議論の中で私は、コーディングで垂直方向にそ... 続きを読む

デスクトップの複雑なコンテンツに対するものとして、アコーディオンが常に答えになるとは限らない – U-Site

2014/07/09 73 users 見出し アコーディオンメニュー アコーディオン ユーザー 方法

アコーディオンメニューとは見出しを垂直方向に並べたリストで、見出しをクリックすることでそれに関連したコンテンツを出したり、見えなくしたりできるもののことである。これはコンテンツをユーザーに徐々に見せる方法の1つで、広げたり、あとで見るために隠したままにすることでコンテンツをコントロールできるので、読むものと無視するものをユーザー自身で決められる。ユーザーがコントロールできるようにする、というのは、... 続きを読む

テキストに3DのかわいいエフェクトをPhotoshopで適用する -3D Font Generator Mockup | コリス

2013/07/17 48 users text コリス シャドウ エフェクト 奥行き

どこかで見たことあるような3DのかわいいエフェクトをPhotoshopであなたのテキストに簡単に適用できる「3D Font Generator」を紹介します。 3D Font Generator Mockup エフェクトは全部で5種類。 テキストと背景の間に垂直方向のシャドウを加え、3Dの奥行きを表現しています。 text 1 text 2 text 3 text 4 text 5 デモのフォント... 続きを読む

画像のExif情報とセキュリティ

2013/06/01 57 users Exif情報 セキュリティ メタデータ 画像 解像度

Exif情報とは何か デジカメの写真などの画像ファイルには、画像データだけではなくて、Exif情報というメタデータが埋め込まれています。それは次のような情報です。 撮影日時 撮影機器のメーカー名（製造・販売元） 撮影機器のモデル名（カメラ付き携帯電話・スマートフォンの機種名など） 画像全体の解像度 水平・垂直方向の単位あたり解像度 撮影方向 シャッタースピード 絞り（F値） ISO感度 測光モード... 続きを読む

朝日新聞デジタル：原爆ドーム、震度６弱で一部損壊の恐れ　精密調査へ - 社会

2013/01/25 60 users 原爆ドーム 清宮涼 一部損壊 朝日新聞デジタル 精密調査

地震で負荷がかかる部分 　【清宮涼、倉富竜太】世界遺産・原爆ドームの耐震性を広島市が調査したところ、震度６弱の地震で一部が損壊する可能性のあることがわかった。市は壁をくりぬき、サンプルを採取して、より詳しい調査に乗り出す。 　広島市は２００７年から壁の強度や揺れ方の特徴を調べてきた。そのデータをもとに昨年１〜１０月、専門業者にコンピューター解析を委託。地震で水平方向と垂直方向の力がどれだけかかり、... 続きを読む