読者です 読者をやめる 読者になる 読者になる

Minimal Green

はてなブログカスタマイズや、HTML、CSS、サイト制作などについて書いています。

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

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

困った時のIE用CSSハック

制作しているサイトでどうしてもIEでだけ発生するバグがあったので、IEだけ適用させるCSSを変更するCSSハックで解決させました。 自分用に備忘録としてメモします。 IE10以上に適用

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

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

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

ブログ記事を書く際に、画像に文字入れしてアイキャッチ画像を作ることが多いと思います。 画像加工ソフトは色々ありますが、私は無料のGIMPを使っています。 最初はちょっととっつきにくいですが、慣れれば簡単です。 画像加工が得意な方には既にご存知だと…

初心者がHTML/CSSを勉強するのにおすすめの入門記事・参考書

ブログを書くのに便利な世の中になって久しいですね。WordPressやはてなブログのようなCMSを使えば、HTML・CSSの知識が無くてもキレイなデザインの記事が書けますよね。ただ、それでも自分独自のデザインや装飾をしたければ、HTML/CSSの知識が必要となってき…

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

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

著作権侵害をしないために 著作権侵害の違法性と正しい引用の仕方

先月末から、著作権侵害や不正確な医療情報を掲載していたキュレーションメディアの閉鎖が話題となっています。 こうした問題はもちろん企業のサイトだけでなく、個人ブログを運営するユーザー全てに関係する問題です。 はてなブログでも規約違反のブログへ…

ブログカスタマイズ・サービスのご案内 テーマ制作・カスタマイズ設置代行

個別にはてなブログカスタマイズやWordPressカスタマイズのご依頼を少しずつ受けるようになりました。 このブログで書いたカスタマイズ記事や制作したテーマに関する範囲ならご質問になるべくコメントで答えますが、その範囲を超え、新たにコーディングが必…

楽天トラベルのカスタマイズページ 楽天のごちゃごちゃしたデザインは効果があるのか

楽天トラベルカスタマイズページ 楽天トラベルの宿施設ページは自由にHTMLで編集できるカスタマイズページというのがあります。 (楽天市場もそうですよね、多分。) 以前に澄風荘のサイト制作を依頼していた制作会社が作ったページなんですが、なんというか…

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

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

ロリポップでサブドメインのhttpsリダイレクト除外設定をする

澄風荘のサイトはロリポップを使っているのですが、独自SSLを導入し常時https接続にしています。 ルートディレクトリに以下のように記述した.htaccessを置いています。 httpsへリダイレクトする例 RewriteEngine on RewriteCond %{HTTPS} off RewriteRule ^(…

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

旅館・飲食店向けの無料HTMLテンプレート「white base」の各パーツごとのHTML構造について説明します。 テンプレートのデモページはこちら↓↓ base.syofuso.com skeletonのグリッド・システム ヘッダーナビゲーション

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

旅館・飲食店向けの無料HTMLテンプレート「white base」 ローカルビジネスに使えるHTMLテンプレートを作りました。 レスポンシブシングルカラムのHTMLテンプレートです。 旅館や飲食店向けに、縦書きのナビゲーション、日本語がきれいに表示されるデザインに…

個人事業主のためのホームページ更新方法 FFFTPの使い方

香住で但馬の地域観光やお店のコンサルティングや山陰海岸ジオパークのPRをされている今井ひろこさんのブログで面白い記事が書かれています。 imaihiroko.com 「業者に言ってるんですが、なかなか替えてくれなくて。何回も電話しないと替えてくれないんです…

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

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