はてブログ

はてなブックマーク新着エントリーの過去ログサイトです。



タグ 横幅

新着順 人気順 5 users 10 users 50 users 100 users 500 users 1000 users
 
(1 - 25 / 35件)

おっぱいの形には2種類あることはあまり知られていない(ブラジャーの選び方)

2023/11/10 このエントリーをはてなブックマークに追加 821 users Instapaper Pocket Tweet Facebook Share Evernote Clip ブラジャー おっぱい Togetter ワコール 肋骨

(追記:説明がわかりにくかったようなので最後に簡単な図を載せました。) ワコールは罠 https://togetter.com/li/1727005 いくらフィッティングして高いの買っても合わない人がいるのはブラジャー業界の怠慢のせいです。 おっぱいの形には個人差があるのにアンダーとカップサイズしか表記しないのは時代遅れなので猛省... 続きを読む

大学の情報工学科はGitを教えませんが、それで実務ができるのでしょうか?企業は大学で習わなくても自分で勉強しており、入社したらGitは当たり前に使える人間が欲しいですか?

2022/11/30 このエントリーをはてなブックマークに追加 304 users Instapaper Pocket Tweet Facebook Share Evernote Clip 横軸 縦軸 Git 暴言 役目

回答 (11件中の1件目) 社会に出てすぐ役立つスキルを教える大学は「職業訓練校」です(暴言) 大学の情報工学科の役目を図で表してみましょう。 まず、横軸は分野・ジャンルを表します。世界全体はもっと広いものですが、画面の横幅には制限があるのでご勘弁を。 縦軸は一般から専門までの、専門性の高さを表します。 一... 続きを読む

“進撃の巨人”が大きな口を開けたごみ箱 JR大分駅前に登場 | NHKニュース

2021/09/14 このエントリーをはてなブックマークに追加 124 users Instapaper Pocket Tweet Facebook Share Evernote Clip ゴミ箱 一風 奥行き 巨人 モチーフ

人気漫画「進撃の巨人」に登場する巨人が大きな口を開けた姿のごみ箱が大分市中心部に設置されました。 JR大分駅前でひときわ目を引く、一風変わったこのごみ箱は大分県日田市出身の漫画家 諫山創さんの人気漫画「進撃の巨人」をモチーフにしていて高さはおよそ1メートル、横幅と奥行きは50センチほどあります。 漫画に... 続きを読む

あなたはPCスマホ使いですね? 上の文字はスマホかPCかによって変わります ..

2020/03/09 このエントリーをはてなブックマークに追加 183 users Instapaper Pocket Tweet Facebook Share Evernote Clip 文字 スマホ あなた ウィンドウ

あなたはPCスマホ使いですね? 上の文字はスマホかPCかによって変わります ※PCの人はウィンドウの横幅を縮めてみると文字が変わるぞ!確かめてみよう! 続きを読む

小笠原諸島に新種のカニ 横幅7ミリで命名「ペタンココユビピンノ」 - 産経ニュース

2018/01/18 このエントリーをはてなブックマークに追加 206 users Instapaper Pocket Tweet Facebook Share Evernote Clip 新種 こがい 小笠原諸島 命名 すみか

東京都とお茶の水女子大湾岸生物教育研究センターの吉田隆太特任助教らは18日、小笠原諸島・聟島列島の周辺海域で新種のカニを発見したと発表した。甲羅が押しつぶされ、ぺたんこになっているような形から「ペタンココユビピンノ」と名付けられた。10日付の国際学術誌に発表した。  新種のカニは、甲羅の横幅が約7ミリと小型。ゴカイがすみかとしているストローのような形をした「棲管」の中から見つかった。ゴカイとの共生... 続きを読む

“小顔効果 根拠なし” 9事業者に行政処分 | NHKニュース

2016/06/30 このエントリーをはてなブックマークに追加 166 users Instapaper Pocket Tweet Facebook Share Evernote Clip 根拠 行政処分 NHKニュース おととし以降 頭蓋骨

頭蓋骨のゆがみを矯正すれば、顔が小さくなる「小顔」の効果が持続するかのようにうたったホームページの表示は、効果を裏付ける明確な根拠がなく、景品表示法に違反するとして、消費者庁はいわゆる「小顔サービス」を提供している全国の9つの事業者に対し、再発防止を命じる行政処分を行いました。 消費者庁によりますと、これらの事業者は、おととし以降、ホームページに「1回の施術で顔の横幅が数センチ縮まる」とか、「ほか... 続きを読む

CSSで縦横比を維持しながら横幅いっぱいに背景画像を表示させる方法 | NxWorld

2016/05/14 このエントリーをはてなブックマークに追加 132 users Instapaper Pocket Tweet Facebook Share Evernote Clip NxWorld ウインドウサイズ auto img width

特にレスポンシブやスマホサイトで見かけることが多い、どんなウィンドウサイズでも縦横比を維持しつつ横幅いっぱいに画像を表示している見栄えですが、imgであれば画像を配置して width:100%; と height:auto; を指定しておけば簡単に表示させることができても、その見栄えを背景画像を利用してとなると先述した方法では実装できません。背景画像でも同じように縦横比を維持しつつ横幅いっぱいに画... 続きを読む

[L] 「ひらくPCバッグmini」はギュッとつめても軽さを感じさせる新発明 | Lifehacking.jp

2016/02/17 このエントリーをはてなブックマークに追加 111 users Instapaper Pocket Tweet Facebook Share Evernote Clip Lifehacking.jp 新発明 Ads 書斎 見た目

Ads: みたいもん! のいしたにまさきさんプロデュースによる「持ち歩く書斎」を実現する「ひらくPCバッグ」に、形を一新した mini サイズが登場しました。 記事を書く前からニュースを聞きつけた人が殺到して一部サイズでは早くも売り切れが生じているほどだと耳にしています。 この「ひらくPCバッグmini」、見た目は単純なminiサイズではなく、「ひらくPCバッグ」の横幅を小さくし、逆に高さを増して... 続きを読む

perf + Flame Graphs で Linux カーネル内のボトルネックを特定する - ablog

2015/07/06 このエントリーをはてなブックマークに追加 127 users Instapaper Pocket Tweet Facebook Share Evernote Clip PERF ABlog ボトルネック Flame Graphs

Linux, perfddで1GBのファイルを作成し perf でプロファイリングし、Flame Graphs で可視化したものです。下から上に行くほどコールスタックが深く、左から関数名のアルファベット順でソートされています。一番上で横幅が広い関数がCPUを長く使っています。今回は "_aesni_enc1" つまり暗号化がボトルネックになっていることがわかります。 Flame Graphs の見... 続きを読む

画面サイズに合わせて高さを指定する3つの方法|Webpark

2015/03/24 このエントリーをはてなブックマークに追加 174 users Instapaper Pocket Tweet Facebook Share Evernote Clip Webpark sect width セクション CSS

縦長のサイトなどで、1つのセクションが画面の大きさと同じになっていることがよくあります。横幅はwidth: 100%;でいいわけですが、高さを画面サイズに合わすにはちょっと工夫が必要です。今回、画面サイズに合わせて高さを指定する方法を3つ紹介します。 画像は背景で指定していて、最初と最後は固定しています。固定している部分は難しいことをしているように見えますが、CSSだけで簡単にできます。 sect... 続きを読む

保存版!CSS3で出来る素敵なデザインやアニメーションをまとめてみた

2015/02/04 このエントリーをはてなブックマークに追加 523 users Instapaper Pocket Tweet Facebook Share Evernote Clip アニメーション CSS3 table-cell 保存版 要素

この擬似クラスを使うことにより3番目のli要素にわざわざ別のクラスを付けなくても独自のスタイルを適応することができるので、運用性の向上が図れます。 ▼記事リンク Useful :nth-child Recipes | CSS-Tricks 要素を均等に横並び CSS3の「display:table-cell」は要素を均等に横並びにすることができます。「float」でも要素を横並びに出来ますが、横幅... 続きを読む

【レスポンシブコーディング】要素の横幅と高さの比率を保つ | 集の一期一会

2015/01/04 このエントリーをはてなブックマークに追加 209 users Instapaper Pocket Tweet Facebook Share Evernote Clip レスポンシブコーディング 一期一会 Demo 比率 要素

レスポンシブコーディングについて、前々から技術的なブログを書こうと思ってはいたのですが、なかなか更新する時間がなくできていませんでした。で、今回が初記事。 まず、デモから。 DEMO なんのデモなのかわからないと思うので、説明をします。 まず、緑のエリアは、丸っと画像です。 あ、ブレイクポイントは640pxです。 画面サイズを640px以下にして見てください。 で、 緑のエリアは、丸っと画像なので... 続きを読む

EIZO、解像度1,920×1,920の正方形液晶を2015年に発売へ ~フルHDから情報量が78%増加、横幅が狭いデスクに - PC Watch

2014/11/18 このエントリーをはてなブックマークに追加 562 users Instapaper Pocket Tweet Facebook Share Evernote Clip EIZO 正方形 アスペクト比 正方形液晶 解像度

ニュース EIZO、解像度1,920×1,920の正方形液晶を2015年に発売へ ~フルHDから情報量が78%増加、横幅が狭いデスクに (2014/11/18 15:00) FlexScan EV2730Q EIZO株式会社は18日、アスペクト比が1:1で解像度が1,920×1,920ドットという正方形の26.5型液晶ディスプレイ「FlexScan EV2730Q」を発表した。2015年1月~3月... 続きを読む

自転車につけて大荷物を運べる「サイクルトレーラー」発売 - ねとらぼ

2014/09/28 このエントリーをはてなブックマークに追加 169 users Instapaper Pocket Tweet Facebook Share Evernote Clip とらぼ 後輪 ドッペルギャンガー 自転車 救援物資

自転車に取り付けて大きな荷物を運べる「サイクルトレーラー DCR203-DP」を、ドッペルギャンガーが発売した。価格は税別2万2000円。 同製品は、自転車の後輪のハブ軸に取り付けてけん引する。約80リットルの容量で、アウトドアやスポーツ活動の際に使用する物品を運んだり、災害時に水や救援物資を運んだりできる。 日本の狭い道路幅に対応するため横幅は70センチメートルとした。また各パーツを簡単に脱着で... 続きを読む

スマートフォンサイトのコーディング Tips あれこれ | バシャログ。

2014/04/23 このエントリーをはてなブックマークに追加 691 users Instapaper Pocket Tweet Facebook Share Evernote Clip バシャログ macky Latin スマートフォンサイト 不可

ゴールデンウィークはゴールデンに過ごせそうにない Latin です。 今回はスマートフォンサイトのコーディング周りでのあれこれをまとめてみます。 先日の macky の記事、「スマホサイトの矢印付きメニューをCSSのみで実装する。」もあわせてご覧ください。 viewport 系の設定 描画サイズをデバイスの横幅に合わせる、拡大縮小を不可に これが一番よく見る形式でしょうか? <meta name=... 続きを読む

Twitterのデザインがリニューアル―プロフィールはFacebook的になり、背景画像は廃止 | TechCrunch Japan

2014/04/08 このエントリーをはてなブックマークに追加 197 users Instapaper Pocket Tweet Facebook Share Evernote Clip Twitter Facebook 廃止 リニューアル 背景画像

TwitterはこれまでFacebook的デザインの新しいプロフィール・ページをベータテストしてきたが、今日(米国時間4/7)から一般ユーザーにも公開し始めた。公式ブログの記事にデザインと新機能の詳しい紹介が説明されている。 まずヘッダー写真は横幅がページいっぱいになり、プロフィール写真もサイズが大きくなった。デザインとしてはFacebookのプロフィール・ページによく似ている。またリンクの色も多... 続きを読む

レスポンシブWebデザインに対応した横メニューの作り方|Webpark

2014/03/18 このエントリーをはてなブックマークに追加 379 users Instapaper Pocket Tweet Facebook Share Evernote Clip Webpark toggle MENU max-width

レスポンシブに対応した横メニューを作る機会があったので、せっかくですし作り方を紹介したいと思います。お役に立てばうれしいです。 id名「toggle」の部分は横幅が480px以下の場合に表示するボタンです。481px以上の場合表示させません。その他はごく普通の横メニューです。 CSS 続いてCSSです。まずは全体を載せます。 #menu{ width: 100%; max-width: 960px... 続きを読む

レスポンシブWebデザインはviewportとメディアクエリーからはじめろ! | 株式会社Bark to Imagine

2014/01/07 このエントリーをはてなブックマークに追加 313 users Instapaper Pocket Tweet Facebook Share Evernote Clip キリン 住友商事 概念 viewport ブラウザ

今話題の「レスポンシブWebデザイン」。 有名なところでは、 「TOYOTA新卒採用ページ」、「キリン」、「住友商事」 などがあります。 ブラウザの横幅に応じて適切なデザインを表示する技術ですが、実際はどのような目的で使われているのでしょう。 今回はそんな「レスポンシブWebデザイン」の概念から記述方法までといった、次世代Webサイトの入門的な内容をわかりやすく解説していきます。 レスポンシブWe... 続きを読む

[ウェブサービスレビュー]ウェブデザイナー御用達の計算をブラウザ上で行える「web計。」 - CNET Japan

2013/06/01 このエントリーをはてなブックマークに追加 182 users Instapaper Pocket Tweet Facebook Share Evernote Clip ウェブデザイナー 電卓 ウェブサービスレビュー Web計 比率

内容:「web計。」は、ウェブデザイナーがよく使う計算式をコンパクトにまとめ、ブラウザ上で手軽に利用できるようにしたサービスだ。「横幅に対する画像数」「画像の比率」などを紙とペンでいちいち計算することなく、フォームに値を入力するだけで算出できる。 「web計。」は、ウェブデザイナーがよく使う計算式をコンパクトにまとめ、ブラウザ上で手軽に利用できるようにしたサービスだ。電卓を叩いたり、紙とペンを使っ... 続きを読む

すげー便利!ドメイン別にスタイルシート(CSS)を当てる方法。 | 和洋風KAI

2013/02/26 このエントリーをはてなブックマークに追加 559 users Instapaper Pocket Tweet Facebook Share Evernote Clip CSS 和洋風KAI YouTube ifr ドメイン別

すげー便利!ドメイン別にスタイルシート(CSS)を当てる方法。 Tweet 覚えておくとかなり便利すぎるスタイルシートの書き方をご紹介。 特にiframeタグやaタグなどで使える書き方です。 ドメイン別にスタイルシートを当てる方法。 例えば、YouTubeの外部プレイヤー(iframe)の横幅は500にしたいけど、ニコニコ動画の外部プレイヤーは320にしたいときこう書くと上手く動作します。 ifr... 続きを読む

width:100%なのにはみ出す理由と回避策。CSSを触るなら必ず理解しなくてはいけないボックスモデルの話。(CSS おれおれ Advent Calendar 2012 – 05日目) | Ginpen.com

2012/12/05 このエントリーをはてなブックマークに追加 660 users Instapaper Pocket Tweet Facebook Share Evernote Clip Ginpen.com position width CSS

CSS おれおれ Advent Calendar 2012 – 05日目 横幅いっぱいに広げようとしてwidth:100%を指定したら横スクロールバーが出ちゃった、という経験ありませんか? その原因と仕組み、回避策についてお話しします。 わりとFAQな感じ。これは是非覚えておいてもらいたいです。というか知っておいてください。 はみ出した例 position:absoluteないしposition:... 続きを読む

【ひとりStartMac】 ターミナルから画像を一括リサイズする方法 | IDEA*IDEA

2012/11/22 このエントリーをはてなブックマークに追加 328 users Instapaper Pocket Tweet Facebook Share Evernote Clip IDEA SIPS ターミナル アスペクト比 一括リサイズ

ぬお、こんなこと出来たのか・・・。常識ですかね・・・?個人的に知らなかったのでエントリーしておきます。 さてMacのターミナルから「sips」コマンドを使えば画像の一括リサイズができるようです。試してみたら本当だった。テンションあがるなぁ。 例えばこんな感じ。「-Z」はアスペクト比を保持する、というオプションね。「80」は縦幅が横幅の大きい方をそちらにあわせる、という意味です。 sips -Z 8... 続きを読む

WordPressで記事内に貼り付けたビデオの幅の調節に苦しんでいるなら取り入れるべきCSS技*frasm

2012/05/13 このエントリーをはてなブックマークに追加 1580 users Instapaper Pocket Tweet Facebook Share Evernote Clip YouTube frasm shintarowfresh

最近困ったことはプラグインとCSSが大抵解決してくれると思ってます ほんとにプラグインとCSSは知らないと損することがてんこ盛りでね。「てんこ」って何よ@shintarowfreshです。 貼り付けるビデオの幅、変更できるって知ってますか? とりあえず、コンテンツの横幅一杯になってくれたら便利だと思いませんか? はいこれ。 YoutubeやHTML5video等の埋め込み動画のサイズをwindow... 続きを読む

【スマホ用ページ】低解像度、高解像度端末のどちらでもくっきり綺麗に表示しつつ、幅ぴったりにする HTML テンプレート。 (フェンリル | デベロッパーズブログ)

2012/02/01 このエントリーをはてなブックマークに追加 1004 users Instapaper Pocket Tweet Facebook Share Evernote Clip iPhone フェンリル デベロッパーズブログ 端末 低解像度

こんにちは、開発の林です。 スマートフォン向けウェブページを作るする際、横幅ぴったりにしたいと思いませんか。 meta viewport というタグを使えば表示サイズを調整することができます。 ただそれを使ったとしても、Android / iPhone は端末により横幅が違うため個別に最適化するのは面倒です。 スマホ端末ごとにコードを分けることなく常に幅ぴったりにする HTML テンプレートを作り... 続きを読む

[CSS]横スクロール時にヘッダやフッタが切れてしまう時の解決方法 | コリス

2010/07/21 このエントリーをはてなブックマークに追加 270 users Instapaper Pocket Tweet Facebook Share Evernote Clip ブッダ コリス ヘッダ キャプチ CSS

ヘッダやフッタがブラウザの横幅より広い際に、横スクロールするとヘッダとフッタが切れてしまうのを解決する方法を紹介します。 これはIE6などの旧式のブラウザだけでなく、Firefox3.6やChromeでも起きる現象です。 How to Resolve a Fluid Header/Footer Problem When the Window is Resized デモページ(不具合版) ※キャプチ... 続きを読む

 
(1 - 25 / 35件)