Hatena Blog Theme Custom

はてなブログテーマ『Minimal Green』のデモブログ。はてなブログカスタマイズや、HTML、CSSなどについて書いています。

サイト制作

HTML/CSSの覚え方 WEB制作に役立つ便利なチートシートまとめ

HTML/CSSを書くとき、「あれ、これ何だったっけ?」ってことがありますよね。私はしょっちゅうありますw そういうとき、ちらっとチートシート(カンペ)を見て効率よく作業を進められるよう、便利なチートシートをまとめました。 似たような記事は既にたく…

よく使う.htaccessの書き方まとめ 301リダイレクト

スマートフォンサイトを制作してPCサイトとスマートフォンサイトをデバイスによって振り分けるときや、サイトのURLが変わった時にリダイレクト転送する際などに使う.htaccessの書き方についてまとめました。 よく使うけれど、サーバー周りのことはよくわから…

『Vertical Timeline』の使い方 タイムライン表示で旅の過ごし方コンテンツを作りました

Vertical TimelineはCSS3とjQuryで表現された縦のタイムラインで時系列にコンテンツを作るためのライブラリです。レスポンシブ対応でシンプルミニマルなデザインでアニメーション付きのタイムライン表現が実装できます。これはフラットデザインというよりマ…

困った時のIE用CSSハック

制作しているサイトでどうしてもIEでだけ発生するバグがあったので、IEだけ適用させるCSSを変更するCSSハックで解決させました。 自分用に備忘録としてメモします。 IE10以上に適用 IE10以上に適用 IE11以上に適用 .foo{ color: green; /* IE10以下 */ } @me…

ページレイアウトの余計な隙間・デザイン崩れを修正する方法 Chromeのデベロッパーツールの簡単な使い方

他の方のブログを読んでいて、これは意図しないデザインの崩れ・隙間ではないかと思うことがあります。 例えばはてなブログで広く普及しているyukihyさんのドロップダウンメニューを利用されている方で背景いっぱいにタイトル画像を設定している場合、メニュ…

GIMPの文字入れテクニック 半透明背景や文字の縁取りで見やすく

ブログ記事を書く際に、画像に文字入れしてアイキャッチ画像を作ることが多いと思います。 画像加工ソフトは色々ありますが、私は無料のGIMPを使っています。 (現在はAdobeのIllustrator、Photoshopメインです。) 最初はちょっととっつきにくいですが、慣…

CSSが効かない…よくある原因(バグやミス)と対処方法

サイト制作やテーマ制作をしていて、CSSの記述が適用されていない、レイアウトがおかしい、などなど困った事態にぶつかることがよくあります。 私だけでしょうか? まだまだ勉強中ですが、HTML・CSS覚えたての頃から現在まで、私が実際に出会ってきた様々な…

ブログカスタマイズ・サービスのご案内 はてなブログカスタマイズ代行

ブログカスタマイズサービスのご案内です。 ブログカスタマイズ料金表 過去の制作実績 代行設置の方法 準備していただくもの 注意事項 納期後の無料アフターケア期間 <<出来ないこと>> お支払方法・お問い合わせ 納品物の著作権と利用許諾範囲について 私の…

WordPress勉強中…参考テキストなど

WordPressのオリジナルテーマを作りたくて今更ながら勉強中です。 WordPressでブログ作ったりカスタマイズはしていたけれど、WordPressテーマは触ってなかったので基礎からやっています。

ロリポップでルート下の公開フォルダにあるサブドメインのhttpsリダイレクト除外設定をする

私はWordPressのサイトなどはロリポップをメインに使っているのですが、独自SSLを導入し常時https接続にしています。 ルートディレクトリに以下のように記述した.htaccessを置いています。 httpsへリダイレクトする例 メインの独自ドメインがルートにあると…

HTMLテンプレート「white base」のHTML構造

旅館・飲食店向けの無料HTMLテンプレート「white base」の各パーツごとのHTML構造について説明します。 テンプレートのデモページはこちら↓↓ base.syofuso.com

旅館・飲食店向けの無料HTMLテンプレート「white base」

schema.orgで構造化データマークアップしてGoogleにローカルビジネス情報を伝える

Googleでお店や会社の名前を検索すると検索結果にビジネス情報のパネルが表示されますよね。ナレッジパネルといいます。 ↓これです。 Googleの検索結果に実店舗の所在地や営業時間、メニュー、クチコミ情報、店舗の外観が表示されたらユーザーにとって便利で…