タグ 四隅
人気順 10 users 50 users 100 users 500 users 1000 usersモダンCSSで実装する、テーブル(<table>)のさまざまなスタイルのまとめ
モダンCSSでテーブルをゼブラストライプしたり、テーブルの四隅を角丸にしたり(昔はかなり面倒でした)、列や行を分割したり、ホバーでハイライトやアウトラインを表示したりなど、表のデータを読みやすくするテーブル(<table>)のさまざまなスタイルを紹介します。 A Guide to Styling Tables by Mads Stoumann 下記... 続きを読む
職場で「風邪治ったと言ってずっとゲホゲホしてる人」「なんか知らないけど関節が痛いんだよねという人」「声出ないけど出社しますという人」に囲まれている
おなす @0nasu 職場で「風邪治ったと言ってずっとゲホゲホしてる人」「なんか知らないけど関節が痛いんだよねという人」「声出ないけど出社しますという人」に囲まれているのでデスクの四隅に盛り塩をし護摩木を焚いて祈祷をあげ続けることで対抗している。 2024-01-19 13:19:32 続きを読む
空飛ぶクルマの構造上の懸念とか
朝日新聞デジタル @asahicom 空飛ぶクルマ、有人飛行試験を開始 国内初、豊田市で asahi.com/articles/ASN15… 試験機は1人乗り、縦横3.6メートル、高さ1.6メートル。機体の四隅にはプロペラが2組ずつある。今年夏にはデモフライトを公開し、23年の販売開始をめざす。 pic.twitter.com/N6pJxBXJYA 2020-01-06 06:07:47 続きを読む
街中に潜んだITエンジニアを見分けるには、居酒屋のタブレットを出してみると良い
くわっちょ@社畜犬 @kuwaccho0711 Q:街中に潜んだITエンジニアを見分ける方法は? A:居酒屋のタブレットの四隅を連打している奴は例外なくITエンジニアです。逃すな 2022-06-16 21:21:58 続きを読む
何があったのか気になってしまう『明らかに不備のあるチラシ』が入ってた→ミスってる箇所とそうなる原因たちの話「と、トンボだ」 - Togetter
リンク Wikipedia トンボ (印刷) トンボとは印刷物を作成する際に、仕上がりサイズに断裁するための位置や多色刷りの見当合わせのため、版下の天地・左右の中央と四隅などに付ける目印。見当標とも言う。一般的に天地・左右の中央に付けるものをセンタートンボ、仕上がりサイズの四隅に配置するものを角(かど)トンボと... 続きを読む
タッチパネルに透明シートで、ジョイスティック的な操作可能に 東北大と芝浦工大が開発 - ITmedia NEWS
東北大学電気通信研究所と芝浦工業大学の研究チームは、タッチパネルに透明なシートを重ねて動かすと、スクロールやズームなどジョイスティックのような操作ができるインタフェース「ShearSheet」を発表した。 ShearSheetは、透明なシートをタッチスクリーンに重ねてゴムで四隅から固定し、その範囲で弾性力を利用してス... 続きを読む
「Oculus Quest」、来年初頭にコントローラ不要に 指の動きをポジショントラッキング - ITmedia NEWS
ヘッドセットの四隅にあるカメラで、「Inside-out」方式で“ハンドトラッキング”し、実際の手の動きで仮想世界のオブジェクトを掴んだり動かしたりできる。VRへの参入障壁の1つであるコントローラがなくなるのは大きい。また、コントローラを充電したり、ペアリングする手間が省ける。 関連記事 Facebook、ARメガネと世界... 続きを読む
角のピースがなく永遠に遊べるジグソーパズル「the Infinity Puzzle」 - GIGAZINE
ジグソーパズルといえば最初に四隅の角にあたるピースを見つけ、完成の絵柄とピースに描かれたわずかな絵を見比べて、少しずつ完成に近づけていくものだと考える人が多いはず。ところが、デザインスタジオの Nervous System は角のピースがなく、永久につなげることが可能なジグソーパズル「 the Infinity Puzzle 」を開発しました。 the Infinity Puzzle: a new... 続きを読む
iPhone X向けのWebサイトを制作するためのガイドライン「Designing Websites for iPhone X」が公開
Appleは22日、Safariで採用しているWebブラウザーエンジン「WebKit」の公式サイトで、iPhone X向けのWebサイトを制作するためのガイドライン「 Designing Websites for iPhone X 」を公開しました( 9to5Mac )。 iPhone Xは、ノッチとも呼ばれている「センサーハウジング」を画面上部に持ち、また四隅のコーナーが丸みをおびているため、ア... 続きを読む
今さら聞けない!? CSSのborder-radiusで様々な角丸に挑戦! | Webクリエイターボックス
要素の四隅の角を丸めるためのCSSプロパティー「border-radius」。ボックスや画像などの要素に対して適応でき、角丸にしたりまん丸にしたりと、様々な表現が可能です。このプロパティーが使えるようになってから、どれだけコーディングが楽になったか…!今回はそんなborder-radiusの基本的な使い方と、応用表現を紹介します! 無難で王道!正円の円弧を使った角丸 border-radius は... 続きを読む
Fitbit、フィットネス用スマートウォッチ「Blaze」を発表 - CNET Japan
Fitbitは、同社の製品ラインに一層のスタイル性をもたらすスマートフィットネスウォッチ「 Fitbit Blaze 」を199ドルで発売する。 そのスタイルを気に入るかどうかは好みの問題だが、筆者は個人的に、正方形の四隅を切り落としたようなBlazeを悪くないと思う。 このデバイスはさらに、金属製や革製などの様々なリストバンドと組み合わせることができる。金属製は130ドル、3色から選べる革製は1... 続きを読む
人気トイカメラ「Holga」のデジカメ版、フィルムの味をデジタルで再現 - CNET Japan
全体的にボケていてピントがどこに合っているのか分からず、色味がおかしくて、銀塩フィルムの粒子が見えるようなザラザラした質感で、四隅が妙に暗い写真は、とても郷愁を誘う。超高画質デジタルカメラが全盛の現在もこの種の写真は好まれるようで、「Holga」「LOMO」「Diana」といったトイカメラの愛用者は多い。 トイカメラ独特の味はフィルムで撮影するからこそ得られるが、今どきフィルムを買って、DPE店で... 続きを読む
日産「アラウンドビューモニター」、海底探査機に応用へ:朝日新聞デジタル
日産自動車と海洋研究開発機構などは9日、車を見下ろした映像で駐車を助ける日産の「アラウンドビューモニター」技術を使った海底探査機を共同開発すると発表した。水深3千~7千メートルの海底を遠隔操作で走り、レアメタルなどの資源を探す。2018年までに試験機を走らせる。 車体の四隅にあるカメラの映像を、合成で継ぎ目なく見せる技術。市販車に07年から搭載しているが、車以外に応用するのは初めてだ。視点を変え、... 続きを読む
ATSUSHIが生体エネルギーに傾倒でEXILEが困惑 「週刊文春」報道 - ライブドアニュース
> > > > 2015年3月28日 7時50分 ざっくり言うと週刊文春が、EXILEのATSUSHIが「生体エネルギー」に傾倒していると報じたATSUSHIのスーツケースには「妙なアンテナや機械」が入っていると同誌リーダーのHIROをはじめ、他のメンバーも困惑しているというEXILEのATSUSHIが生体エネルギーに数千万円投資!? 部屋の四隅に妙なアンテナが… 2015年3月28日 7時50分... 続きを読む
十字形に並ぶ甕が出土、地鎮供養のためか 滋賀の遺跡:朝日新聞デジタル
古代銭を入れたうえで、地中に十字形に並べて埋めた五つの甕(かめ、平安時代前期)が滋賀県栗東市の手原(てはら)遺跡で見つかった。市教育委員会が21日発表した。地鎮供養のためとみられるが、同様の遺構は類例がなく密教の影響があるとする見方もある。 方形(約70センチ四方、深さ約28センチ)の穴の四隅に土師器(はじき)の杯(つき、口径約13センチ、高さ約3センチ)を置き、中心部に五つの小型の甕(口径約14... 続きを読む
ソフトニック:写真にワイプをつけてバラエティー番組のような一画面を作ろう――「ワイプカメラ」 - ITmedia Mobile
「ワイプカメラ」は、テレビ番組に出てくるような小さい小窓を写真に配置できるアプリです。アイデア次第でさまざまな使い道があります。 ワイプカメラは、テレビ番組のVTR中や卒業アルバムの欠席枠などで使われる四隅に出てくる小窓「ワイプ」を写真に付けられる加工ツールです。カップルのラブラブ写真に対して「リア充爆発しろ!」とでもいうような怒り顔をワイプでリアクションしたり、運動会で子どもが走っている写真にワ... 続きを読む
スマホでホワイトボードが共有できる『Rocketboard』が便利そうだよ | IDEA*IDEA
これ、なんかすごそう。スマホのカメラを使ってリアルなホワイトボードを共有することができます。 詳しくは公式サイトのムービーを見て欲しいのですが、利用シーンはこんな感じ。 スマホのカメラでホワイトボードを撮影。 ホワイトボードの四隅に小さな三角形を描く。 その三角形をもとに描画範囲を認識。書いたものをリアルタイムにアップデート、ウェブにアップ。 遠隔地の参加者はRocketboardのウェブを通じて... 続きを読む
[CES 2014]これがゲームPCの未来形!? Razer,フルモジュラー型デスクトップPCのコンセプトを披露 - 4Gamer.net
[CES 2014]これがゲームPCの未来形!? Razer,フルモジュラー型デスクトップPCのコンセプトを披露 編集部:小西利明 北米時間2014年1月7日,Razerは,2014 International CESの同社ブースで,開発中の次世代デスクトップPCコンセプト「Project Christine」(プロジェクトクリスティーン)を公開した。 Project Christine。四隅で丸... 続きを読む
火にかけると“フライパン”に変形する“まな板”が便利過ぎる! - IRORIO(イロリオ)
料理をするとき、まずはまな板で食材をカットして、フライパンや鍋に移すのが基本。その際食材をこぼしてしまった経験のある人は少なくないと思うが、そんな問題を解決してくれそうなのが、こちらの「Curling Pan(カーリング・パン)」。 カーリング・パンは、まな板とフライパンが1つになった便利アイテム。素材は形状記憶合金で、火にかけると四隅が丸まって、フライパンに早変わり!温度が下がるとまたフラットな... 続きを読む
リコーの新型GRのプロモーション動画が掲載 - デジカメinfo
PentaxForumsに、リコーの新型GRを紹介する公式の(?)動画が転載されており、GRのスペックが明らかになっています。 ・Another YouTube link to watch the video: (Pentax Forums) (※以下、動画中に記載されていたGRのスペック) 18.3mm f2.8 (35mm換算28mm)のGRレンズ、5群7枚、中央から四隅まで高コントラストで高... 続きを読む
Google、YouTubeに「VHSモード」を公開 このノイズが懐かしいね! GaGaGadget
まだクリーニングテープもってます。 Googleが、商用のビデオカセットレコーダー57年目の誕生祝いとして、当時の感覚を再現する「VHSモード」を YouTube で公開しましたよ。「VHSモード」は再生直後に起こる激しいノイズや、四隅の歪み、映像が上下にスクロールするという“あの”懐かしの現象を上手く再現したモード。 使い方は簡単で、バーに追加された「テープモードを有効にする」をクリックするだけ... 続きを読む
脳科学者だけが知っている「集中脳」をつくる30の方法 | ブクペ
#瞬時に集中脳をつくる方法 ・太ももを手のひらで「タッピング」する ・四隅をゆっくり眼球運動させる ・後ろ上方からのふかん的な視線をイメージする ・手順表、視覚的なマップをつくる、見る ・適度な目標タイムを設定する ・意識上のしきりをつくり、余計な情報を遮断する ・「自己暗示の言葉」を最大限利用する ・自分なり「条件付け」を見せつけておこう ・「お茶タイム」を仕事の中に組み...続きを見る 続きを読む
東京農工大学がニオイの出るディスプレイを開発 : ギズモード・ジャパン
Mac/PC関連 , サイエンス 東京農工大学がニオイの出るディスプレイを開発 2013.04.05 09:00 PC眺めながらヨダレがだらり...なんてことになっちゃうかもよ! 東京農工大学の開発チームがディスプレイに映し出されたモノのにおいを実際に画面から発生する装置を開発しました。ディスプレイの四隅にジェル状のペレット剤とファンが備えられており、桃やリンゴ、コーヒーなど画面に表示されたものの... 続きを読む
キングジムから「スマホでスキャンしやすいノートカバー」、市販ノートを取り込み - Engadget Japanese
キングジムが「デジアナ文具」の新製品「スマホでスキャンしやすいノートカバー」を発表しました。切ないほど分かりやすい製品名が示すとおり、市販のノートにブックカバーのように着せて使うカバー製品です。 取り込みやすくする工夫は中央の「しおりひも」。スキャンしたいページを開いてとめることにより、ヒモとカバーでページの四隅を囲んでエッジを検出しやすくし、キングジムの「SHOT DOCS App」で撮影すれば... 続きを読む
[CSS]背景に切り込みをいれて、パネルの四隅を留めるCSS3の美しいエフェクト -CSS3 tucked corners | コリス
[CSS]背景に切り込みをいれて、パネルの四隅を留めるCSS3の美しいエフェクト -CSS3 tucked corners デモページ 実装 Step 1: HTML パネルは4つのコーナーのエフェクトを疑似要素で作成するため、2つのdiv要素で実装します。 <div class="tucked-corners-top"> <div class="tucked-corners-bottom"> <... 続きを読む