当ブログが携帯サイト作成法に関する記事をかいていることから、読者の方から、 『モバゲーのような携帯サイトを作るためにはどうしたらいいんですか？』 っていう質問を最近良く受けます。 おそらく、モバゲーがとても有名で、ある種モバゲーが携帯サイト界のデファクトスタンダードのような 位置づけになってきているのでしょうか。 確かに、携帯サイトを作ってきている身としても、 モバゲーのサイトデザインにするには、結構難しいことも多いし、学ぶことも多い。しかし、最近の携帯サイトは、実機からしかアクセスできないようになっていて、PCからコードを覗くことができないことも多く、学ぶことも難しいようです。 ということで、今回は実際にモバゲータウンに携帯でアクセスして、携帯の画面を見ながら、デザインを真似て新しく自分なりに作ってみましたので、そこから得た経験をTipsとして公開したいと思います。 ちなみに、左のスクリ
携帯（ガラケー）コーディングでインデントはNG 2011年12月27日 [携帯]inputタグの文字色が外側のフォントカラー指定に影響される 2010年11月15日 [携帯]画像を縦に隙間なく並べる方法 ver02 2010年09月06日 ケータイサイト制作前にコーダーが確認しておきたいところ 2010年07月07日 [携帯]携帯サイトで枠線を表現する方法 2010年05月29日 [携帯]submitボタンの大きさ調整 2010年04月21日 [携帯]デザインの時、fontサイズを何pxにしてますか？ 2010年03月26日 [携帯]カラーコードを3桁で指定するとどうなるか 2010年02月22日 [携帯]フォントサイズ（XHTML版） 2010年01月14日 携帯サイト[xhtml]のコーディング前のチェックポイント 2009年11月30日 [携帯]各キャリア別、背景画像の対応状況 20
このブログをHTML5に組み替えようと思ったときに面倒だったのが記事内のタグの変換でした。 管理画面のエントリー検索を使って、記事内の「 />」を「>」に変換することは簡単ですが、画像の挿入で生成されるソースも<img />となっているので、それらを新しく記事を書くたびに手作業で変換するのはかなり面倒です。 XHTMLに戻したくなったときにもまた書き換えなくてはいけません。 XHTMLからHTMLへの変換がテンプレートできれば一番簡単だと思い、perlの練習もかねてプラグインを書いてみました。 変換の方法などいろいろと不備はあるかもしれませんが、せっかくなので公開してみます。 XHTML2HTMLプラグインについて XHTML2HTMLプラグインは記事に書かれているXHTML形式の要素（<br />・<img />など）をHTML形式（<br>・<img>など）に変換するというだけの
SitePoint: New Articles, Fresh Thinking for Web Developers and Designers WebサイトやWebアプリケーション、Webサービスを開発する作業工程のひとつに、作成したHTMLやCSS、RSSが適切なマークアップになっているかどうかを検証する工程がある。検証に活用できるツールやWebサービスはいくつかある。Sean P Aune氏がSitePointにおいて14 Free Tools To Validate Your HTML, CSS & RSS Feedsという記事をアップしたためチェックしておきたい。検証に使える14のFirefoxエクステンションやWebサービスが紹介されている。 14 Free Tools To Validate Your HTML, CSS & RSS Feedsで紹介されているエクステンション
移転しました http://please-sleep.cou929.nu/20090223.html
One Ping Pingback: 18 Seriously Helpful Cheat Sheets for Easier Coding | Web Design Ledger 60 Comments Thanks! Just snagged me a couple cheat sheets. Merci !!! Thank you !! 🙂 thanks for a great post. you got the link of the Flash CS3 Cheat Sheet wrong.. These are some really useful resources and will hopefully save me a lot of headaches! Nice selection, I actually just thought it would be the sam
_____ _ _ _____ _ _ / ____(_) | | __ \ (_) | | | (___ _| |_ ___| |__) |__ _ _ __ | |_ \___ \| | __/ _ \ ___/ _ \| | '_ \| __| ____) | | || __/ | | (_) | | | | | |_ |_____/|_|\__\___|_| \___/|_|_| |_|\__|
ブログや開発者向けのWebサービスなどで、ソースコードのハイライトを行うケースはよくある。言語があらかじめ決まっている場合は良いが、言語がよくわからない場合や、JavaScriptとHTMLのように埋め込みで複数の言語が重なる場合もある。 各種言語に対応したハイライター そのような、特定の言語に依らずにソースコードをハイライト化したい場合に便利なのがこのライブラリだ。 今回紹介するオープンソース・ソフトウェアはGoogle Code Prettify、JavaScriptによるソースコードハイライターだ。 Google Code Prettifyの使い方は簡単だ。prettify.jsとprettify.cssを読み込んで、<pre class="prettyprint">または<code class="prettyprint">タグの中にコードを書き込めば良い。後はprettyPrint
DoCoMo,EZweb,Softbankを共通の外部CSSファイルからスタイルを反映させるモジュールを作りました。 http://search.cpan.org/~komoriya/HTML-MobileJpCSS-0.01/ 3キャリア間での変換の必要性 DoCoMoでは外部CSSを参照できずインラインのみの対応となっています。 DoCoMoのインライン化についてはid:tokuhiromさんの作成したHTML::DoCoMoCSSこちらで対応が可能なのですが、3キャリア間で共通のCSSを参照するとなると属性の指定方法に微妙な差異が問題となります。 例えば小さいフォントを表示したい時は、 DoCoMo --- font-size:xx-small EZweb --- font-size:10px Softbank --- font-size:smallと属性の値が異なります。 hrタグ
文書構造を表現するタグ 文書構造を表現するXHTMLタグを大まかに分類し、分類したタグをXHTMLの“要素”として、1つずつ紹介していきます。 これらの要素類はXHTMLの骨格（枠）となる部分を形成していくために使われる、XHTMLタグの記述（＝マークアップ）を行ううえで基礎となる要素類です。 htmlタグが一番の外側（先祖）となり、その内側（子）に上からhead要素、body要素といった順番でマークアップされます。 ページとして作成する（.htmlファイル）の文書構造を考慮し、情報構造として論理的に合っているかというのを考えながらマークアップを行いましょう。 html要素 htmlのそれぞれの要素はhtml要素を頂点とする階層構造になっています。 その中でhtml要素は最も基礎となる要素で、そのほかの要素はすべてがhtml要素の子や子孫（※）となる関係性になります。 なお、htmlファイ
STEP1. エクセルとかからCSV (TSV)をコピーしてを貼り付け STEP2. オプションを選択して変換 細かい設定 列目までをTHEADとする。(0でTHEADなし) TBODYの行目までをTHとする。 TBODY THに深度を埋め込んだクラス名を追加する。(1〜) クラス名： " + n" ひとつめのTHに深度クラスを追加しない。(lv1を追加しない) n列ごとにTRにクラス名を追加する。(0〜) クラス名： 列数 ： クラス名に列数を追加する。(nrow0, nrow1,,)
DOCTYPE スイッチについて再度まとめ 以前 DOCTYPE スイッチについての検証とまとめと一覧表という記事で DOCTYPE スイッチについてまとめましたが、あれから 2 年弱が経過したので、改めてまとめてみようと思います。 まとめるまでの話がけっこう長いので、一覧表だけ参照したい ! という場合は DOCTYPE スイッチの一覧表をご覧ください。 DOCTYPE スイッチとは何か そもそも DOCTYPE スイッチとは何か、というのがまず書くべきところですが、これは私が書かずとも良質のリソースが各種ありますのでそのリンクのみまとめておきます。 !DOCTYPE スイッチ 各UAのDOCTYPEスイッチについて - CSS Dencitie Mozilla's DOCTYPE sniffing - MDC Mozilla's DOCTYPE sniffing - MDC ( 日本語
はじめに ご使用上の注意 (1) 主な更新履歴 (25) 管理者へのメール (1) 自己紹介 (1) 基本編 用語集 (82) Webページ作成入門 (7) 逆引きリファレンス (32) 技術動向 Chome新機能 (1) HTML HTML (402) HTML5 (7) XHTML (1) MathML (1) DTD (1) カスタム要素 (1) シャドーDOM (1) HTMLインポート (1) HTMLテンプレート (1) ダイナミックHTML (1) フォーマット JSON (1) SVG (1) VML (1) GIF (1) CSV (1) セマンティック・ウェブ (1) CSS CSS (ABC順)(719) Bootstrap 3 (1) Bootstrap 4 (52) Bootstrap 5 (10) Less (1) Sass (1) Tailwind CSS (
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
