スマホで100vhを使うと、アドレスバーの高さ分はみでてしまう | b.
webサイトで、ブラウザの高さに合わせてファーストビューを作る場合、CSSでheightを100vhに設定すると、実際にスマホで見た場合、若干下にはみ出てしまう問題を解決します。 PCブラウザのレスポンシブモードなどでチェックしながら作っていく段階では気がつかないやつです。 vhとは CSSのViewportを基準にした単位の１つ。 Viewport Hightの意です。 100vhでブラウザの高さ目一杯なので、1vhはブラウザの高さの1/100です。 vhがあるんだからもちろんvwもあります。 Viewport Widthで、100vwで横幅目一杯になります。 よくある、ブラウザのサイズに合わせてファーストビューをデザインする場合、要素の幅や高さを100vh、100vwにすれば、どんなサイズで閲覧しようとも、縦横目一杯に表示することができるので簡単・便利🙆♀️ <div>Box</d
一部のサイトでスクロールするとがくがくする - wired raven
症状 スクロールすると画面が上下にがくがくする がくがくする様子 調べてみる ホイールスクロールを乗っ取っているらしい。ホイールを動かすと1セクション単位でスクロールする Windows版Chromeだけおかしい。Edge、Safari、mac OS版Chromeでは無事 Windows版Chromeではトラックボール、タッチパッドを使っても同じ問題が発生する マウスホイールでスクロールする量を1画面ずつに変更したら解消した 複数行で行数が1や3はだめらしい。試してないけど、複数行ではダメなのだろう jQuery Scrollifyなるライブラリを使っているサイトで発生する模様 jQuery Scrollify - Power steering for your scroll wheelのページですでにガクガクしている 対応 スムーススクロールのWebサイト独自実装をやめろ - eps_r
iOSで最後の1文字が改行される
iOSで文字列の最後の1文字だけ改行されてしまう不具合に遭遇したのでメモしておきます。 確認したiOSのバージョンは6.1.6です。 発生条件 調べてみると発生条件がいくつかあるみたいですが、今回遭遇した条件は以下になります。 display: inline-block;を指定している font-size: 20px;を指定している 文字列が全て全角文字 文字列の前に空白(半角スペースやコード上の改行)がある 上記発生条件の3・4番目について、いくつかパターンを試してみました。 HTML <!-- 文字列の前に半角スペースが入っていると発生 --> <div class="sample"> やる気マンゴスチンです</div> <!-- 半角スペースがない場合は発生しない --> <div class="sample">やる気マンゴスチンです </div> <div class="sampl
Permission denied - ご先祖様はきっと農民。
Codeigniterの勉強をしてる過程で、ドキュメントルートを変えて別のアプリケーションを動かそうとしたら Forbidden と出てしまってドハマリ へへ、エラーログを見れるようになった自分に隙はないぜ！ と思いまずエラーログを見に行く /var/log/httpd/error_log [client 192.168.11.3] (13)Permission denied: /var/www/vhosts/webapp/codeigniter/.htaccess pcfg_openfile: unable to check htaccess file, ensure it is readable .htaccess のパーミッションが認識できない的な意味と思って悪戦苦闘。 結論 ↓ drwxrw-rw- 6 riceplanting apache 4096 4月 14 18:19 20
【iOS14.2】SafariでIDやパスワードを入力するとフリーズする不具合が報告
iOS14.2以降、Safariでウェブサイトのアカウント情報入力画面でIDやパスワードといった情報を入力しようとするとフリーズする不具合が一部のiPhoneで報告されています。 IDやパスワードの入力ページでフリーズする iOS14.2以降、Safariでウェブサービス等のパスワード入力ページ（アカウント情報の入力画面）を開くとフリーズする、もしくはキーボードが表示されないといった不具合が複数報告されています。 iOS14.2、ウェブの入力フォームでのパスワード入力欄への入力時にフリーズしたり、なかなかキーボードが表示されないバグがあるな。 — 思兼 (@omoikane_) November 17, 2020 iOS 14.2でパスワード入力するときにフリーズする。パスワードの自動入力止めてクリアできた。ほかのサイトは問題ないしなんだこれ。 — ネタナンデス (@newsasahico
「さくらのレンタルサーバ」批判記事、Qiitaで公開止められ炎上 さくらは「事実確認中」
さくらインターネットが提供するレンタルサーバサービスでトラブルに巻き込まれた――エンジニア向けの情報共有サイト「Qiita」にそんな記事が投稿され、ネット上で物議を醸している。さくらインターネットはITmedia NEWSの取材に対して「事実確認を行っている」と回答した。 Qiitaに記事を投稿したのは、さくらインターネットでレンタルサーバを10年ほど使っていたというユーザー。投稿によれば、今から2年ほど前、さくらインターネットから「データセンター内のサーバの場所を移動したい」という申し出があった。「ハードウェアの変更は行わず、今まで通りの動作が保証される」といった内容で、スケジュールや作業分担の打ち合わせを経て作業が行われたという。しかし、直後からサーバに接続できなくなるなどのトラブルが発生し、その後も不誠実な対応を受けたとして、担当者とのやりとりを時系列で書き込んでいた。 Qiitaの
「HSTSが使用されているため、現在アクセスできません」の対処方法｜おおいし (bicstone)
「Chromeでこの接続ではプライバシーが保護されません。HSTSが使用されているため、現在アクセスできません」と表示されてアクセス出来ないときの対処方法を紹介します。 何が起きているのか暗号化通信(HTTPS)を「絶対に行う」ように指定されたサイトなのにも関わらず、暗号化通信が出来なかったときに発生します。 この接続ではプライバシーが保護されません bicstone.me では、悪意のあるユーザーによって、パスワード、メッセージ、クレジットカードなどの情報が盗まれる可能性があります。 bicstone.me では通常、暗号化して情報を保護しています。 今回、Chrome から bicstone.me への接続試行時に、このウェブサイトからいつもとは異なる誤った認証情報が返されました。悪意のあるユーザーが bicstone.me になりすまそうとしているか、Wi-Fi ログイン画面で接続が
強い女メーカーの画像を利用すると50万請求されるらしい - 今日も得る物なしZ
強い女メーカーってのはこれ。 強い女メーカー｜Picrew 色々なパーツを組み合わせて「強い女」とやらを作れるサービス。 こういう画像ができる。 強い女メーカーで作った画像 これは何も手を加えてないけど、ツイッターでは結構やってる人が多いらしい。 #強い女メーカー hashtag on Twitter で、そのサービスの画像を使用したということで50万請求されたという話が出ていた。 強い女メーカーをスクショで紹介したら @agt87_ さんから損害賠償50万円で訴えられた話。 - yowai-otokoのブログ 内容は読んでもらえばわかるとして、この話ツッコミどころがめっちゃ多い。 まず、何を持って商用利用とするのかが明確ではない。 広告が掲載されているブログで利用するのが商用利用と言えるのかどうか。 Picrewの遊び方 – Picrewサポート 非商用であれば、個人利用以外でも利用
IE11でflexboxの縦幅がおかしい時はflexプロパティの書き方が原因かもしれない
公開2015.08.07 更新2017.12.03 仕事・技術 Windows10が発売されて新ブラウザのEdgeが使えるようになっても、まだまだInternetExplorerの呪縛からは逃れられません；； 今回はフロートを使ったレイアウトではなく今後主流になってくる「フレキシブルボックス」でのレイアウトで発生した問題です。 以下のようなコードがあるとします。 <div id="flexParent"> <header>ヘッダー</header> <main> <div class="flexChild left">左</div> <div class="flexChild right">右</div> </main> <footer>フッター</footer> </div> よくあるカタチで、縦並びにヘッダー、メインコンテンツ（左右に２カラムあるとします）、フッターがあります。 これら
flexboxのバグに立ち向かう（flexboxバグまとめ） - Qiita
注）本文中の「コンテナ」「アイテム」について 本文中でいう「コンテナ」「アイテム」は、flexコンテナとflexアイテムのことを指しています。 コンテナ display: flexや、wrap指定などをする 複数のアイテムを含む アイテム flex: 1 0 0%などの指定をする 1. アイテム潰れる問題（Safari） Chrome Safari 潰れてますね。 起きる条件 Safari なぜ コンテンツの最小サイズを尊重してくれない模様 どうすればいいのか flex-shrinkに0を指定 flex-basisにautoを指定（デフォ値なので、指定がなければそのままでOK） Safari10にて修正済み（つまり、SierraとiOS 10以降では対応不要） 2. align-items:center はみ出す問題 Chrome IE11 はみ出てますね。 起きる条件 IE10-11 f
「クリエイターの告発漫画」はうのみにしてよいのか イラスト仲介会社員の気持ちを描いた漫画が一石を投じる
※本ページはアフィリエイトプログラムによる収益を得ています Twitterで多数の人をフォローしていると、時々クリエイターによる“告発漫画”を目にすることがあると思います。タダ働きさせられた、約束と全く違う仕事をやらされた、任せると言われたはずの仕事を打ち切られ別の人が選ばれていた……などなど第三者の目から見ても許しがたい話がつづられていることが多いものですが、果たしてその話はそのまま信じて良いのでしょうか。この風潮に一石を投じる漫画『仲介業務職カイコ』が大きな注目を浴びています。 よくある“告発漫画”。しかしその真相は……？ これはFMBさん（@FMB_fucking）がシナリオを考え、漫画家のアルデヒドさん（@alde_hyde）が漫画にしてTwitterに投稿したもの。漫画は最初、イラストレーターによる“告発漫画”から始まります。 イラスト仲介会社にラフ絵を提出した時点で突然仕事を打
VTuber事務所に声優がデビューを巡り抗議漫画 事務所は「事実と異なる」「法的措置を慎重に検討」 - ねとらぼ
2018年春から約半年で登録者が5倍に増えるなど、急速に拡大しているバーチャルYouTuber（VTuber）業界。ある声優がVTuberのデビューを巡って人気企業からずさんな対応を受けたことを告発する漫画が、Twitterで物議を醸しています。 アップランドは11月22日、漫画に対し「当社に対する言及と判断される」として見解を発表。当事者に不安を与えてしまったことを謝罪しつつも、告発内容には事実と異なる箇所が含まれており、「著しく企業イメージが傷つけられた」として投稿者に法的措置を慎重に検討していることを報告しました。 注目を浴びた漫画 アップランドの公式見解文 「声優2人に実際に起こった出来事を漫画にしました」 漫画は2018年11月に開設したばかりのアカウント「実話やぞ読んでくれ」（@higaisya0000）さんが19日に投稿。「とある人気企業のVtuberに決まっていた声優2人に
ネット無料画像：利用に注意！ 自治体が使用、多額請求も - 毎日新聞
「無料（フリー）」のキーワードでインターネット検索したイラストをダウンロードして広報誌などに使用したところ、後から著作権使用料を請求されるケースが全国の自治体などで相次いでいる。無料をうたうサイトから自由にダウンロードできても、使用範囲は個人的なものに限られるといい、専門家は「チラシなどに掲載すると使用料を請求される場合がある。利用の際は必ず確認して」と呼び掛けている。 静岡県裾野市は今年４月、京都市のイラスト管理会社から無断使用を指摘され、著作権使用料１４万５８００円を支払った。対象となったのは、市が昨年３月に１万９０００部作製したチラシ「機関紙ごみステーション」に掲載した家族のイメージ図。担当職員が「フリー 団体 イラスト」のキーワードでネット検索し、検索結果一覧から１点を選んで使用した。
フリー画像：ご注意 広報誌、４００万円支払いも 自治体、使用条件の確認怠る - 毎日新聞
「無料（フリー）」のキーワードでインターネット検索したイラストをダウンロードして広報誌などに使用したところ、後から著作権使用料を請求されるケースが全国の自治体などで相次いでいる。無料をうたうサイトから自由にダウンロードできても、使用範囲は個人的なものに限られるといい、専門家は「チラシなどに掲載すると使用料を請求される場合がある。利用の際は必ず確認して」と呼び掛けている。【垂水友里香】 静岡県裾野市は今年４月、京都市のイラスト管理会社から無断使用を指摘され、著作権使用料１４万５８００円を支払った。対象となったのは、市が昨年３月に１万９０００部作製したチラシ「機関紙ごみステーション」に掲載した家族のイメージ図。担当職員が「フリー 団体 イラスト」のキーワードでネット検索し、その結果一覧から１点を選んで使用した。
WiXがWordPressのコードを盗用？GPL違反論争のまとめ
Tweet WiXとWordPress間で巻き起こるGPL論争 このブログはWordPressを利用しているのですが、そんなWordPressの創始者であるMatt Mullenweg(以下Matt)が10/29日に自身のブログにて衝撃の記事を投稿します。 日頃から新しいものを試すのが好きなmattがWiXのモバイルアプリを試していて、見慣れた管理画面だと思ったら、WordPressのコードが使われていたという衝撃の内容です。その記事の中でWiX宛にメッセージを発信しています。 Dear Wix This explicitly contravenes the GPL, which requires attribution and a corresponding GPL license on whatever you release publicly built on top of GPL
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
target="_blank"のリンクを踏んだのにwindow.openerにnullが入ることについて - at backyard
WordPressで”cURL error 6”が出たら｜さんぺい
Error [ERR_PACKAGE_PATH_NOT_EXPORTED]: No "exports" main resolved in /app/node_modules/@babel/helper-compilation-targets/package.json
「マンガ図書館Z」で、作家が得られる収益が激減？～その理由は「漫画村」騒動の悪影響？？
はてなブックマーク - フリー画像：ご注意 広報誌、４００万円支払いも 自治体、使用条件の確認怠る - 毎日新聞