Welcome to my blog

The other way round

TAG PAGE: Tips

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

SNS

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

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

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

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

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

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

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

No image

tableソースコード雛形

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

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

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

No image

スマートフォンで「縦スクロール」は非常にウザいんです

簡単便利に要素をコンパクトにまとめることができる スクロールボックス 。ところがこれがスマートフォンだと非常に鬱陶しいんですよねぇ (´・ω・`)スマートフォンやタブレット(以下 モバイル端末 と称す)って、指でスワイプして操作するじゃないですか。上下スワイプ = 上下スクロールスクロールしている最中にスクロールボックスがあると、画面の下へ向かいたいのにその場でクルクルクルクル…。飛ばそうと思っても左右や上下に...

ネタバレを防ぐ「コピー反転で読むテキスト」はスマホでは読めない

昔よく見かけましたよね。映画のレビューサイトやなんかで、あらすじのネタバレを防ぐために「ここから先はネタバレです。自己責任でどうぞ。ドラッグ選択すると読めますよ。」みたいなの (´・ω・`)これはこれで機転のきいた良い手法ではあるのですが。いかせんスマートフォン・タブレットで反転はできません(笑)さぁ困った。どうしよう。というわけで代替案。「折りたたみ」です。...