[B! -バグ] haniworksのブックマーク

haniworks id:haniworks

-バグに関するhaniworksのブックマーク (11)

Chrome から印刷する時にも box-shadow を表示させたい - WebDelog
この記事は CSS 珍百景 Advent Calendar 2014 11日目の記事です。みんな大好き box-shadow box-shadow プロパティは要素に影をつけることができるプロパティです。今回は box-shadow で出会った珍百景と解決法を紹介します。 Chrome で印刷しようとすると… まずはこちらを見てください。 2つの div 要素に box-shadow をつけたものです。片方は1つの shadow, もう片方は複数の shadow を別々の色で加えたものになります。 CSS はこんな感じで設定しています。 div{ width: 100px; height: 100px; margin: 1em auto 2em; } .box1{ box-shadow: 0px 0px 8px #898989; } .box2{ box-shadow: -10px
haniworks 2014/12/12
*CSS

+tips

-バグ
リンク
SSSSLIDE
haniworks 2014/04/15
+Android

-バグ
リンク
PHPで「|」(7c)区切りのマルチバイト文字列(SJIS)を分割するときに、「ポ」(837c)などが文字化けしないようにするには... - Yahoo!知恵袋
PHPで「|」(7c)区切りのマルチバイト文字列(SJIS)を分割するときに、「ポ」(837c)などが文字化けしないようにするには？ PHPで「|」(7c)区切りのマルチバイト文字列(SJIS)を分割するときに、「ポ」(837c)などが文字化けしないようにするには？たとえば、以下のようなコードを実行すると $datas = mb_split("\|", "10016402352|CD|ロック・ポップス"); for($i = 0; $i < count($datas); $i++){ print(($i+1).":".$datas[$i]."\n"); } 結果が 1:10016402352 2:CD 3:ロック・・ 4:ップスのようになってしまいます。「ロック・ポップス」はひとつの配列に入れたいです。 SJISの「ポ」に7cが含まれるためだと思うのですが、回避する方法はないでしょう
haniworks 2014/01/23
“Shift_JIS”

*PHP

-バグ
リンク
AndroidやiPhoneのHTML,CSS,JavaScriptのバグまとめ
AndroidやiPhoneのHTML,CSS,JavaScriptのバグまとめ AndroidやiPhoneなどのスマートフォンではHTML,CSS,JavaScriptにバグが多くてコーディングが大変になります。そこでバグを紹介しているサイト、記事をまとめてみました。(中にはバグではなく仕様なものもあるかもしれません) iOS 8.4.1の:hover問題 iOS 8.4.1で:hoverを指定していると1タップでページ遷移できない問題【STINGER5】AndroidのChromeで＆nbsp;が「・」になってる気がする | ビビビッ  を&emsp;に変更すると直るとのこと。 Mobile Safari 8でposition: fixedした擬似要素が完全に位置が固定されない - Weblog - Hail2u.net Mobile Safari 8でposition:
haniworks 2013/06/13
*JavaScript

*CSS

*html

-バグ

+Android

+iPhone
リンク
Android4系でoverflow: hiddenとposition: fixedで位置がおかしくなるバグ
Android4系でoverflow: hiddenとposition: fixedで位置がおかしくなるバグ表題のとおりですが、少しわかりにくいので詳しく説明します。このバグはAndroid4.0とAndroid4.1のブラウザで発生を確認しました。ChromeやiPhoneのMobile Safariでは発生しません。ページ内にposition: fixedした要素(A要素)が存在し、別の要素(B要素)にoverflow: hiddenを指定しています。B要素にはwidth:100%やwidth:autoでウィンドウ幅いっぱいになるように設定しています。そしてB要素の内側にはブラウザ幅を越える要素を配置します。 HTML/CSSはこんな感じ。 <div id="a"></div> <div id="b"><div></div></div> #a{ width:100%; heigh
haniworks 2013/06/07
-バグ

*スマートフォン

+Android
リンク
文字コード変換ミスによる文字化けパターンと想定される原因 - drk7jp
とあるシステムでデータベースから引いてきたデータの表示が文字化けするという不具合がありました。データベース内のデータとしては文字化けしていない状態で格納されていることはわかっていたので、どこかしらの文字変換で化けていることはわかっています。まずはどの誤変換により文字化けするのか原因切り分けのために、decode/encode の組み合わせによる文字化けパターン一覧を作りました。おかげさまでどのパターンに類するものか判別することができ、無事に改修することができました。その話はまた別にするとして、今も昔も変わらず文字化けに悩む人は意外と多いと思います。誤変換結果一覧は原因解析の参考になると思い、記事としてまとめることにしました。文字コード変換ミスによる文字化けパターンを可視化するプログラムと一覧表まずは誤変換を生成する perl スクリプトです。プログラムはとっても簡単で、「文字化けで
haniworks 2013/04/08
*Webデザイン

*資料

-バグ

+参考記事
リンク
-webkit-text-size-adjust: none を絶対に設定してはいけない理由
PC 版の Google Chrome や Safari で見たときにユーザビリティーが落ちるから。以上。で終わってしまうと記事にならないので、ちゃんと説明しておく。そもそも -webkit-text-size-adjust とは何か iPhone や Android のブラウザーは、縦向き (Portrate mode) と横向き (Landscape mode) の文字サイズを自動調整する機能がある。これを制御するのが CSS の -webkit-text-size-adjust である。文字サイズ自動調整の具体例次のような HTML をスマートフォンで表示してみる。 <!DOCTYPE html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-
haniworks 2013/02/14
*CSS

*スマートフォン

-バグ
リンク
百盈平台注册-快3网投平台
地址：湖南永州新田县下马徐008号电话：072-55269409 传真：072-55269409 邮箱：308676405@008.com 百盈平台注册此前��，憾失李正茂为中国移动党组成员��、副总经理��。商人我立马问申领高龄老人津贴了吗��？他们说还没去村委会办��。百盈平台注册也是第一次正式面对这么多媒体采访��，揽体包括境外媒体��。今年省两会上�� ，千万冯红云第一次走代表通道��。这么一想��，憾失作为县长辛苦一点��、压力大一点��，也是应该的��。商人百盈平台注册冯红云下基层跟村民聊天��。为此�� ，揽体我们举办了培训班��，吸引了不少年轻人参加培训��，现在已经有一批青年通过电商创业成功��。我认为��，千万大家还是不要用网红来定义我��，我只是想帮助连山百姓解决他们最迫切��、
haniworks 2013/02/03
-バグ

*CSS
リンク
iPhoneのclickイベントの挙動
iPhoneのclickイベントの挙動本エントリーは軽めのjQuery Advent Calendar 2012最終日のエントリーです。 iPhoneはonメソッドを利用したclickイベントに結構クセがあるのでそれを解説したい思います。 <p class="target">ターゲット</p> このようなHTMLにclickイベントをバインドしていきます。まずは次のようなコード。 $(".target").click(function(){ $(this).css("background","red"); }); sample これはちゃんと動きます。次のコード。 $(".target").on("click",function(){ $(this).css("background","red"); }); これもちゃんと動きます。 sample これを踏まえた上で次からが動かないコ
haniworks 2012/12/26
*jQuery

*スマートフォン

+tips

-バグ
リンク
スマホ向けサイト制作3手法の基礎知識と課題、OS／機種依存のハマリどころ3選
スマホ向けサイト制作3手法の基礎知識と課題、OS／機種依存のハマリどころ3選：スマホ向けサイト制作で泣かないための秘伝ノウハウ（1）（1/2 ページ）スマートフォン向けWebサイト構築支援ツールを開発・販売するため、国内すべてのケータイ・スマートフォン・タブレットを所有している企業に勤める筆者が、サイト構築のハマリどころとも言えるノウハウを紹介する連載。第1回は、PCやケータイと比べて際立ったスマホの特徴2つや、スマホ向けサイト制作3手法の基礎知識と課題、iPhone／AndroidなどOS／機種依存でのハマリどころをサンプルを交えて3つ紹介連載開始に当たって初めまして。KSKの「フレックスファームビジネスユニット」でエバンジェリストをしている渡辺と申します。筆者の所属するフレックスファームでは、スマートフォン向けWebサイト構築支援ツールの開発・販売を行っています。国内で販売されて
haniworks 2012/10/25
*スマートフォン

+参考記事

-バグ
リンク
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
haniworks 2012/09/27
*スマートフォン

-バグ
リンク
1