デザイン
JavaScriptプログラミングのTOPへ さいきん5〜6年で人気のある jQueryプラグインを, 年ごとに全て把握するためのまとめ。 毎年,「今年のお勧めプラグイン」が ランキング記事として幾つか発表される。それらの記事へのリンク集。 目を通しておくだけで,…
AndroidプログラミングのTOPへ AndroidアプリのUIは,レイアウトXMLに記述する。が,これが結構面倒くさい。 各ビューごとに大量の属性をコーディングすることになり,あとから見返すと,何の目的で属性を付与したのか不明だったりする。また記述量が多いと…
AndroidプログラミングのTOPへ 重要なお知らせ:この記事で公開した情報は,AndroidのMVCフレームワーク「Android-MVC」の機能の一部として取り込まれました。より正確な設計情報や,動作可能な全ソースコードを閲覧したい場合,「Android-MVC」の公式ページ…
AndroidプログラミングのTOPへ 重要なお知らせ:この記事で公開した情報は,AndroidのMVCフレームワーク「Android-MVC」の機能の一部として取り込まれました。より正確な設計情報や,動作可能な全ソースコードを閲覧したい場合,「Android-MVC」の公式ページ…
フォントには,著作権がある。 Webページ上でテキストとして表示するのは問題ないが,画像の中に文字列を埋め込むと,フォントのライセンス違反になる場合がある。この点は意外と知られていない。 フォントごとに,ライセンスの内容は異なる。例えばWindows…
スキルチェックの目次へ HTMLおよびスタイルシート(CSS)を利用したWebページ制作の,簡易スキルチェックのための調査表。印刷用。 マークアップ・エンジニアとしてのレベルを測定する。これは,「Webページをコーディングして作る人」全般に当てはまる。 …
クイズ… 下記の HTML+CSS が,意図した通りに表示されないのはどうしてですか。(制限時間1分) やりたい事: ボタンの背景に,画像を表示したい。 <style> input { /* ボタンの背景に画像を表示する */ background-image : url(fuga.PNG); /* 背景画像は繰り返さ</style>…
CSSを「なんとなく」知っていて,「なんとなく」使っている,というケースがある。 そういう場合,思わぬところでレイアウトが崩れ,要素の正確なポジショニングができず,「なんとなく」ずっと悩み続けることになる。 その原因は,CSSの中級のノウハウが足…
バッチのまとめTOPへ サクラエディタ上で,CSSを自動整形したい。 例えば,エディタ上に div.hatena-asin-recommend { margin:4px 10px; padding:5px 4px; text-align:left; width:96%; } div.hatena-asin-recommend a { border:medium none; text-decoratio…
JavaScriptプログラミングのTOPへ 下記のようなUIを実現するための,クロスブラウザなJavaScriptライブラリ。 マウスのドラッグドロップで,行を入れ替え可能。 行の追加・削除ができる。 リストの中に,ドラッグ不可能かつ順序不動の「固定行」を作れる。(…
HTML要素の背景にグラデーションをかけたい場合,色つきの画像をそのボックス要素の大きさに合わせて作り,背景として指定する方法がある。 しかし画像をいちいち個別に作るのは面倒だ。 (CSSで背景画像のサイズを自動調整する方法は無い。貼る個所のサイズ…