ど素人から毛を生やす。<延>

css

フェイスブックのサイト貼り付けで幅100%にする方法

2015.05.22追記
Facebookのサイト貼り付けの仕様が変わり、幅100%が正攻法ではできなくなってしまいました。詳しくはこちら

 ... 全文を読む »

CMSやレスポンシブサイトで押さえときたい「word-break」

どもです。
お久しぶりの餅。です。

昨晩、帰宅しようとしたら会社前の道路が川になっていました。
台風や水害とは縁遠い内陸民ですが、昨日ばかりは笑い転げながら帰宅しました。

 ... 全文を読む »

スマホでoverflow:hiddenが効きらなかった件

どもです。
目がヤバい餅。です。

本気で仕事からちょっと離れて森の中にでもダイヴしてきた方が良いかもしれません。
うーん、学生の頃はこんなことなかったのに。やっぱ「毎日」ってのがやヴぁいpointでしょうか。

 ... 全文を読む »

ページの隙間の徹底除去を試みる

どもです。
最近話題がないのでコーディングの話をば。

コーディングをしているとき、どうしても悩まされる「謎の隙間」。
これをできるだけ消していこうというコンセプトです。

①ページの上に隙間ができたとき

... 全文を読む »

フッターの下の謎の隙間を排除せよ!

どもです。

というわけで、本日はHTMLとCSSの話。

SPサイトを作ろう、という話になりまして、
数カ月前に作ったPCサイトのデザインを確認しながらデザインしていたのですが。

h260620

こんな隙間、コーディングしたときには無かったハズ……... 全文を読む »

CSSだけでライトボックスを作る

どもです。
やっぱりCMSよりCSSな餅。です。

とある古いサイトをipad等に対応させるため、Flashだった建物内マップをjsにする
という仕事がありました。
マップにはlightboxを設置するということだったので、積み込んでいざ稼動テスト…、... 全文を読む »

z-indexで最前面にならない!

どもです。
新年度明けました餅。です。

さて、今回はCSSの話。

要素の重なりを操作するCSS、「z-index」。
最前面に持ってきたつもりが、想定外の要素の下に潜り込んでしまうことがあります。... 全文を読む »

擬似要素で回り込みを解除する

どもです。久々にスーツ着てきたのに外出予定が白紙になった餅。です。

探しているのに見つからないゲームは、近所のゲーム屋に置いていませんでした。
仕方ないのでダウンロード販売はないかと思えばなく、そんなだから今買おうとするとプレミアついて1万円超えだそうで。

…もうちょっと探します。

さて、CSSについてです。... 全文を読む »

ブロック要素を上下左右中央に置きたい

どもです。
今日の帰りはゲーム屋に寄って、安く売ってたら見つからないゲームを買い直そうと決めた餅。です。

まぁあくまで安売りしてたらですが…安いといいなぁ。

さて、本日は久しぶりにCSSの話題。

ブロック要素を上下左右の中央に置きたい。... 全文を読む »

floatが効かないとき

どもです。
一人が楽しすぎる餅。です。

2014/10/09 当サイトの中でも特にアクセス数の多い記事のようなので、改正版に差し替えました。

floatが上手く行かないときは

... 全文を読む »

Dreamweaverが激重に!?

どもです。
今週は残業weekな餅。です。

今日は久々にWordPressのお仕事。
Movable Typeから開放され、お気楽な心持ちで仕事に挑みました。... 全文を読む »

CSSでフローティングウィンドウもどき

どもです。
この頃、なんとなく癒しが足りない餅。です。

今回は久しぶりにCSSの話。

HTMLにはフローティングウィンドウというものがあります。
ボタンをクリックすると画面にウィンドウが出てくる奴。条件としては、ポップアップブロックなどに適用されず、動かすことが可能なものだそうで。... 全文を読む »