久保清隆のブログ

ライフハック、健康、旅行など、役立つ情報を書きます。

HTML/CSS

画像形式の違い GIF、JPEG、PNG形式

今までWebページに利用できる画像のファイル形式の違いを知らないまま何となく使ってしまっていたので勉強した。今後はきちんと場面によって適した形式を使い分けられるようにしたい。 GIF形式(.gif) GIF(Graphics Interchange Format)形式は、256色まで使用…

スタイルシートの基礎 スタイルシートを適用する方法と優先順位

スタイルシートを適用する3つの方法 headにページのスタイルを記述 <head> <style type="text/css"> body {background-color:#000000;} </style> </head> style属性を利用 タグに直接style属性を記述し、特定の部分にスタイルを設定する。 <body style="color:"ffffff;"> </body> 外部スタイルシートを利用 スタイルシートを別のファイルに記…

HTTPステータスコード:このエラーコードはどういう意味?

HTTPステータスコードの意味を理解することは、トラブルシューティングの際の原因特定に役立つ。 HTTPステータスコードとは HTTPプロトコル(インターネット上で、Webサーバーとユーザーが相互に通信するための仕組み)では、コンピュータ同士が通信している…

テキストエリアを読み取り専用にするコード

HTMLでテキストエリアを表示するコードは、 <TEXTAREA cols="横幅" rows="縦幅" style="border:枠の種類 1px 枠の色;color:文字色;background-color:背景色;"> 書き換え可能 </TEXTAREA>枠の種類については下線を点線にするには? 〜デザイン/CSS基礎を参照。これを読み取り専用にするには、readonlyを付け加える。 <TEXTAREA cols="横幅" rows="縦幅" style="border:枠の種類 1px 枠の色;color:文字色;background-color:背景色;" readonly> 書…</textarea>

下線を点線にするには? 〜デザイン/CSS基礎

文章の下線を点線にしたい場合、CSSを利用すれば簡単に出来る。 borderを下だけに設定して、スタイルを点線にすればよい。スタイルシートで、 span.dotted_under_line{ font-weight: bold ; font-size: 15px ; border-bottom:1px dotted; }として、ビューで…

生年月日をプルダウンで入力するフォーム 〜プログラミング基礎

生年月日の入力をプルダウンにしようと思って、railsのhoge, :fuga, Foo::BAR %> (hogeはテーブル名、fugaはカラム名、Foo::BARは選択肢を配列にしたものを入れる) を使おうと思ったら、 テーブルの生年月日のフィールドは1つしか作られておらず使えなかっ…

Google Map のIEにおけるバグ、不具合

Geocodingを利用して、住所から緯度、経度を取ってきて、 指定した住所のGoogleMapを表示できるようにした。 FireFoxではうまく表示できた。 ところが、IE6で地図が左上にずれて表示されてしまう。 Gmap.centerAndZoom()で指定した中心座標が左上にきている…

RHTMLの改行について

自分用のメモ。 現在開発しているSNSのモバイルで予期せぬところに半角スペースが入っていた。 <%- if search_type!="school" -%> <%= r.wish_enterprise %> <%- else -%> <%= r.school %> <%- end -%> (<%= r.number_of_case %>件)というコードを書くと、 r…