Welcome to my blog

The other way round

TAG PAGE: Customize

Pinterestはウィジェットを埋め込むとアイコンが勝手に純正のものに置き換わります

SNS

Pinterest についてですー (´・ω・`)Pinterest(ピンタレスト)は、ピンボード風の写真共有ウェブサイトでユーザーはイベント、興味のあること、趣味などテーマ別の画像コレクションを作成し管理することができる。また、他のピンボードを閲覧して自身のコレクションか「好み」の写真として画像を「リピン」することもできる。Wikipedia日本だとイマイチ盛り上がりに欠ける面もありますが、海外ではオサレでリッチなお姉さま方が...

brタグを用いた空白作成は辞めて一つ上を行きましょう

一つ上って言ったってそんな大したことじゃない(笑)ちょっと大げさなタイトルになっちゃった (´・ω・`)上下に画像が並んでおり、その間に「空白」「空間」を設けるのに、多くの方が <br> というhtmlタグを利用しているようです。<br /> や <br/> じゃないですよ。<br> です。空要素のスラッシュはxmlやxhtmlの為に使うものですので、htmlでは不要。<br> による空白行作成は 見た目を整えている わ...

レスポンシブで要素をはみ出させない工夫 第二弾

第一弾はえっとねー、table(表)などの width指定 のことでした。今回は absolute という配置についてです。...

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

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

意外と知らないフォント設定の仕方

よく行われるテンプレートカスタマイズに「フォント種の変更」があるかと思います。サイズや色でなく「フォント名」ね。このフォント指定ですが、実はとっても難しいんですね (´・ω・`)というわけで、正しい指定の仕方やフォント指定の挙動、そして失敗するケースなどなど記しておこうと思います。...

html5よくある間違い勘違い

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

テンプレートの上部に隙間ができる原因「FC2ソーシャル解析」と「head情報間違い」

もうタイトルで結論書いてしまいましたけれど (´・ω・`)テンプレートの最上部(上辺)、ブラウザ最上部(上辺)との間に隙間ができる原因のほとんどが、① FC2アクセス解析のソーシャルタイプを利用② head情報(ヘッダ情報)の記述間違いこのいずれかです。...

カスタマイズ時に絶対してはいけないこと

無作為にみなさんのカスタマイズ状況を拝見している中で「あぁこれはマズいなぁ」と思う時がしばしばあります。とはいえ私が直接押しかけてどうこう言う、ということは致しませんので、カスタマイズをよく行っている、という自覚がお有りの方は参考にして頂けると嬉しく思います。毎度のことですが、web一般の内容ではありません。「私のテンプレでは」という但し書きつきです。汎用的な内容もありますが、そこは自己判断でよろぴ...