スポンサーリンク

デザイン

最近5〜6年分の人気のある jQueryプラグインを,年別に全て把握するまとめ。定番プラグインの日本語解説付きページへのリンク集

JavaScriptプログラミングのTOPへ さいきん5〜6年で人気のある jQueryプラグインを, 年ごとに全て把握するためのまとめ。 毎年,「今年のお勧めプラグイン」が ランキング記事として幾つか発表される。それらの記事へのリンク集。 目を通しておくだけで,…

AndroidのUIで,レイアウトXMLの記述を簡素にするための,7つの基礎知識

AndroidプログラミングのTOPへ AndroidアプリのUIは,レイアウトXMLに記述する。が,これが結構面倒くさい。 各ビューごとに大量の属性をコーディングすることになり,あとから見返すと,何の目的で属性を付与したのか不明だったりする。また記述量が多いと…

jQuery Mobile と HTML5 で、Androidのネイティブアプリを作成する手順

AndroidプログラミングのTOPへ 重要なお知らせ:この記事で公開した情報は,AndroidのMVCフレームワーク「Android-MVC」の機能の一部として取り込まれました。より正確な設計情報や,動作可能な全ソースコードを閲覧したい場合,「Android-MVC」の公式ページ…

Androidアプリの画面レイアウトを,まるでjQueryのようなコードで動的構築できるライブラリ (の試作品。UIコーディングのためのDSL)

AndroidプログラミングのTOPへ 重要なお知らせ:この記事で公開した情報は,AndroidのMVCフレームワーク「Android-MVC」の機能の一部として取り込まれました。より正確な設計情報や,動作可能な全ソースコードを閲覧したい場合,「Android-MVC」の公式ページ…

Webサイトの画像に文字を埋め込もうとする人がいたら,フォントのライセンス問題を知ってもらうために見せるページ (MS明朝・MSゴシックは,商用利用可能か?)

フォントには,著作権がある。 Webページ上でテキストとして表示するのは問題ないが,画像の中に文字列を埋め込むと,フォントのライセンス違反になる場合がある。この点は意外と知られていない。 フォントごとに,ライセンスの内容は異なる。例えばWindows…

HTMLとスタイルシート(CSS)の業務スキルレベル 判別表 (5段階)

スキルチェックの目次へ HTMLおよびスタイルシート(CSS)を利用したWebページ制作の,簡易スキルチェックのための調査表。印刷用。 マークアップ・エンジニアとしてのレベルを測定する。これは,「Webページをコーディングして作る人」全般に当てはまる。 …

CSSの動かないコード(中級編) Windowsのデスクトップテーマが「XP」の時,ボタンに背景画像を表示したい

クイズ… 下記の HTML+CSS が,意図した通りに表示されないのはどうしてですか。(制限時間1分) やりたい事: ボタンの背景に,画像を表示したい。 <style> input { /* ボタンの背景に画像を表示する */ background-image : url(fuga.PNG); /* 背景画像は繰り返さ</style>…

なんとなくCSSを使っている人が,CSS中級者になるために (「崩れないレイアウト」のセオリー)

CSSを「なんとなく」知っていて,「なんとなく」使っている,というケースがある。 そういう場合,思わぬところでレイアウトが崩れ,要素の正確なポジショニングができず,「なんとなく」ずっと悩み続けることになる。 その原因は,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ライブラリ(行追加・削除・固定行の設定が可能)

JavaScriptプログラミングのTOPへ 下記のようなUIを実現するための,クロスブラウザなJavaScriptライブラリ。 マウスのドラッグドロップで,行を入れ替え可能。 行の追加・削除ができる。 リストの中に,ドラッグ不可能かつ順序不動の「固定行」を作れる。(…

 グラデーションや影を,JavaScriptで付ける方法 (画像を使わず jQuery だけでクロスブラウザなWebデザイン)

HTML要素の背景にグラデーションをかけたい場合,色つきの画像をそのボックス要素の大きさに合わせて作り,背景として指定する方法がある。 しかし画像をいちいち個別に作るのは面倒だ。 (CSSで背景画像のサイズを自動調整する方法は無い。貼る個所のサイズ…