Rain or Shine

もはやプログラムとかコンピュータ系の開発Tips集的なアレ。万年工事中。

Category

CSS

[Android][CSS] カスタムデータ属性を動的に変化させた時に子要素のCSSが適用されない件

例えばこのようなCSSとHTMLコードがあった場合、親要素のカスタムデータ属性をJSで書き換えてもデザインが変化しないことがあったので対応策をメモ。

(Read more…)

[CSS][Web][雑感事] アンカーリンクとは。。。

何年も前からよく『アンカーリンク』って言葉を耳にしますけど、それって『頭痛が痛い』って言ってるのと同じなんじゃ…っていつも思います。
しかもそのほとんどが『ページ内リンク』を指している言葉であったりして、なんでそうなった/(^o^)\的な感じがしてモヤモヤします。
(Read more…)

[CSS][JavaScript][Web][スマートフォン] スマホサイトの表示幅調整

現在の仕事はソシャゲ開発をやってるわけで、当然時代の流れに沿ってスマホ対応もあります。
開発してるのはWebアプリなのでiPhoneとAndroidでソース統一できるんですけど、Androidは意外と曲者がいたりしてやっかいです。
先日Android用のFlashプラグインも配布が終ってしまってFlash再生不可な機種もでてきましたし。
Androidも3.0からSVGに対応したようなので、早くSVGの普及が進んで欲しいところです。

今回はGALAXY Nexusなどの機種で下記のようにおなじみのviewportを指定しているにも関わらず、画面いっぱいに表示されない件について。

(Read more…)

[CSS] クリッカブルマップでロールオーバー

クリッカブルマップの画像をエリア設定している部分だけロールオーバー表示したいな。。。なんて思わなくてもいいことをやってしまったので思いで程度にメモ。但し、四角形のエリア限定。
[例] 不動産・住宅 物件検索 – BIGLOBE住まい

(Read more…)

[CSS] IE6でなんちゃって min-height、min-width

結構使うくせになかなか覚えられない小技。メモです。
(Read more…)

[CSS][WordPress] CSS Naked Day

本日はタイトルのとおり『CSS Naked Day』と呼ばれる日です。
知ってる人も多いかと。

(Read more…)

[CSS] 絶望した!Firefoxにやさしくない マクロスF公式サイトに絶望した!

IEでは気づかなかったけどマクロスF公式サイトの人物紹介とかってクリックすると怪しい枠がでちゃうんですよね。
人物紹介に限らず、リンクの張ってある画像がいたるところそうなってるんですが・・・
(Read more…)

[CSS] 定義リスト(dt,dd)を横並びにして 一対ごとに下線を付ける

たまにdtddを横に並べたいときがあります。
色々方法はあると思いますが、dtddそれぞれ一個ずつの組に対して毎回下線を付けたいときはどうするか考えてみました。

(Read more…)

[CSS][コンピュータ] li要素の左側マージン調整が うまくいかなかった原因

解決した後に見つけたのですが、少し前にも俺と同じ理由で同じくらいの時間ハマってた人がいたようです。。。

崖っぷちWEBデザイナーブログ | CSS「ul li」IE Firefox ズレ解消メモ

(Read more…)

[CSS][コンピュータ] HTMLを整形する際にインライン要素に 含まれる改行をスルーさせる方法

あんまり長い文を1行に書くと、エディタの横スクロールが大変になります。ざらっと眺めた時にも内容を把握しづらいですし。

そんな時にソースコード整形をするのですが、HTML文書でインライン要素に改行を含めると、通常は改行が半角スペースとして表示されてしまいます。それを解決する方法。

(Read more…)

[CSS][コンピュータ] XHTMLでUTF-8を使う理由

なぜXHTMLでUTF-8を使うのか。
仕事で問われたので考えてみた。
(Read more…)

[CSS][コンピュータ][サイト更新あれこれ] 本文の表示方法変更

ソースコードと画像の表示方法を変更した。

(Read more…)

© 2017 Rain or Shine — Powered by WordPress

Theme by Anders NorenUp ↑