Welcome to my blog

The other way round

TAG PAGE: CSS3

No image

どうしようかなぁ、とモヤモヤしている件いろいろ

そんな大したことじゃないというか、重大なことじゃないんですけど (´・ω・`)どうしようかなー、でもなー、うーん…。って感じでモヤーっとしている事について(笑)...

html各要素によってセンタリングの仕方が違います

先日書かせて頂いたこの記事なんですけども。こちら私が大変言葉足らずでして。「centerというhtmlタグは使わない方が良いよ。代替CSSプロパティは text-align だよ。」といった内容だったのですが、要素のなんでもかんでも text-align で位置変更できるわけではないんです。<center> というのは読んで字のごとく、センタリングするため「だけ」にあるhtmlタグです。一方 text-align というのはセンタリングだけではなくて「...

No image

tableソースコード雛形

FC2旧投稿画面のツールで作成する「表 (table)」のソースコードはhtml5に準拠していません。 また、新投稿画面に於いては表作成の機能がありません。 表が必要な方、これからtableタグを覚えようという方、html5テンプレートをご利用でバリデートが気になる方はお使いください。 記事幅からははみ出さない… はず (´・ω・`) 初期widthがついているものはセル内容が少なくてもある程度の大きさを確保します。 ついていないもの...

レスポンシブデザインで要素がはみ出す原因はwidth指定

せっかくレスポンシブデザインを選んでも 要素がはみ出しては台無しです。これは見た目や使い勝手の問題も大きいですが、Googleセンセがはみ出し大嫌いです。その理由だって結局のところ「ユーザビリティ」の問題ですけども。レスポンシブテンプレートを選んだのだから、モバイルフレンドリーだね ♪と思ったら大間違いですテンプレート製作者の手の届かない領域「記事内容」までしっかり管理しましょう。...

Pianissimo

名称 Pianissimo カラム数 2 プラグイン対応 ○ (右サイドメニュー) レスポンシブ対応 ○ サイドメニュー 右 記事幅 可変 最大 770px サイドバー幅 固定 300px (内寸 270px) 任意個人設定 レスポンシブ利用 = スマホ版非表示設定 SNSシェアボタン利用 = メタタグ設定 その...

Vanilla-Sky修正のお知らせ「Twitterウィジェット干渉」

みなさまには大変ご迷惑をおかけしております (*_ _)● コンテンツをピン留めするJSとTwitterのウィジェットJSが衝突する件を修正致しました。Vanilla-Sky サイドメニューにTwitterタイムライン等の埋め込みがある際に、英語圏で言うところの phantom scrolling 状態になっておりました。ファントムスクロール。日本語ではなんて言うんですかね (´・ω・`)公式は上書き済みです。既にカスタマイズを行った方におかれましては、申し...

Swollen

名称 Swollen カラム数 1 プラグイン対応 ○ (フッター上メニュー) レスポンシブ対応 ○ サイドメニュー 下 (フッター上) 記事幅 可変 最大 820px サイドバー幅 固定 300px (内寸 270px) 任意個人設定 レスポンシブ利用 = スマホ版非表示設定 SNSシェアボタン利用 = メタタグ設定 ...

html5よくある間違い勘違い

以前にも書いたような気がしますが、いまだにとってもよく見かけますので改めて記しておきます。私が制作しているテンプレートは全て html5 です。html4時代の定石は一旦破棄してくださいね (´・ω・`)なにせ 4 と 5 では構文ルールが違います。...