脱力系備忘録BloG ホーム  »  カテゴリ » プログラミング

CSSで画面一杯高さ100%の領域を確保する方法  

CSSで画面一杯の領域を確保するのって意外と悩ましい問題。

今まで
html,body { height: 100%; }
ってやって、
div { height: 100%; }
とかやってましたが、これって領域を入れ子で複数用意するとずれたりするんですよね。

しかし、すっごくかんたんに解決する方法がありました。
Viewport units」という単位です。
ええ、すっげーいまさらな話です。でも、私は今日知ったので仕方がない。

使い方はきわめて簡単。
以下の例を試してください。

<html>
<body>
<div style="height: 100vh; background-color: #000000;"></div>
</body>
</html>

お勉強は常にせなあかんね。

category: プログラミング

tag: CSS  Viewport units 
コメント: (0)   トラックバック: --

「Unicode」と「UTF-8」は違うもの  

とは知りませんでした。

恥ずかしながら、拙者、今まで同じ物だと思っていたでござるよ。


-- 続きを読む --

category: プログラミング

tag: 文字コード  Unicode 
コメント: (0)   トラックバック: --

PHPの文字列と数値の比較であせった パート2  

●判定例1
('AA' == '')
これは FALSE。

●判定例2
('AA' == false)
これは FALSE。

●判定例3
('AA' == 0)
これは TRUE。

なんだかなぁ。なんでなんだろうなぁ。

こちらも参考にどうぞ。
PHPの文字列と数値の比較であせった

category: プログラミング

tag: PHP 
コメント: (0)   トラックバック: --

Windows7でWebDAVにネットワークドライブを割り当てるWSHスクリプトを書いてみた  

どうにかこうにかWebDAVに接続できるようになり、「ネットワークの割り当て」でログイン時に自動的に接続するようにしました。

が、それほど頻繁に利用するファイルじゃないので起動ごとに接続するのは・・・ちょっと・・・邪魔。

じゃあ都度手動で・・・おじいちゃん社員激おこ。

しかたがない・・・アイコンクリックで接続できるように考えてみよう。


-- 続きを読む --

category: プログラミング

tag: WSH  ネットワークドライブ  WebDAV  Windows7 
コメント: (0)   トラックバック: --

preg_replace_callback のコールバック関数に複数引数を指定したい  

PHPに「preg_replace_callback」という関数があります。

使い方は

preg_replace_callback(正規表現パターン, コールバック関数, 置換元文字列);

です。

正規表現に「([0-9]+)」みたいなグループ指定があり、その値を利用して作成された文字列で置換を行いたいときにとても便利です。

単純に正規表現マッチだけをコールバック関数で利用する場合は簡単で、

preg_replace_callback('/([0-9]{3})-([0-9]{4})/', function ($matches) { return sprintf('%03d%04d', $matches[1], $matches[2]); }, $strings);

こんな感じで使えます。

しかし、今回コールバック関数に複数引数を指定する方法で困っていろいろ試してみたので備忘録メモ。


-- 続きを読む --

category: プログラミング

tag: PHP  preg_replace_callback  コールバック関数 
コメント: (0)   トラックバック: --

ロボットを排除する画像認証(CAPTCHA)をPHPで作ってみた  

煮卵黒ギャルが似ているというこれを見て感動しました。

そして、この相似関係を有効活用できないか?と思い、多角的にさまざまな黒ギャル画像を観察してみると、

「CAPTCHA技術に応用できるのではないだろうか?」

と気づき、作成したのが「にたまごCAPTCHAniCAPTCHA』」です。


-- 続きを読む --

category: プログラミング

tag: niCAPTCHA  画像認証  CAPTCHA 
コメント: (0)   トラックバック: --

CSSの display none を指定された要素は読み込まれないのか?  

読み込まれる。けど表示されない。

たとえば、

<img src="画像" style="display: none;">

の場合、「画像」ファイルは読まれる。けど、ブラウザ上では表示されない。

category: プログラミング

tag: CSS 
コメント: (0)   トラックバック: --

郵便番号から自動的に住所を検索してくれる便利なAJAXライブラリ  

これは便利。使い方も簡単。
入力フォームに郵便番号を入力したら所定の場所に都道府県や市区町村などの住所情報を入力してくれる。

Yubinbango

category: プログラミング

tag: 郵便番号  住所変換  javascript  AJAX  YubinBango 
コメント: (0)   トラックバック: --

FirefoxでjQueryが動かない!  

jQueryを使ったJavaScriptが動かない。

もちろん、jQueryは読んでいる。

しかし、どう調べてもjQueryの部分で止まってる。

ふぇぇぇぇ。おうちにかえれないよぅ。

IEで動かしてみる。

動く。

もぅマヂ無理。
Firefox捨てょ。


-- 続きを読む --

category: プログラミング

tag: Firefox  jquery 
コメント: (0)   トラックバック: --

正規表現で改行を含む複数行でマッチングさせたい  

正規表現の「.ピリオド)」のことを「任意の一文字」と思っていたのですが、正しくは「改行を除く任意の一文字」だったんですね。
改行があるとうまくマッチングしないなあと悩んでいたのですが、謎が解けました。
改行も含む任意の一文字の場合、「\s\S」とすればOK。

\s:空白文字(半角スペース、\t、\n、\r、\f)すべて
\S:空白文字(半角スペース、\t、\n、\r、\f)以外すべて

たとえば、
開始[\s\S]*?終了
とすれば、改行を含む複数行の文字列の、「開始」から最初に見つかる「終了」までの文字列にヒットします。

category: プログラミング

tag: 正規表現  改行  メタ文字 
コメント: (2)   トラックバック: --
バーボン ウイスキー ブッカーズ 木箱入り 750ml
バーボン ブッカーズ 木箱入り 750ml

プロフィール

最近の記事

最近のコメント

▲ Pagetop