簡単ホームページ作成支援-Detaramehp

home > 小技

Google Mapのレスポンシブ ウェブ デザイン対策

2013年3月27日 Google, アメブロ, ホームページ小技 1件のフィードバック
Google Mapのレスポンシブ ウェブ デザイン対策

Googleではレスポンシブ ウェブ デザインの推奨していますので、Google Mapも画面サイズ(PC Tablet smartphone)によって表示サイズが変わると便利だと思います。 そこで今回はGoogle M …
REED MORE →→

YouTubeをcssで可変にするトリック

2013年3月22日 アメブロ, ホームページ小技, 覚えておくと便利なhtml・CSS コメントをどうぞ
YouTubeをcssで可変にするトリック

CSS のメディア クエリを使いYouTubeを画面サイズ(PC Tablet smartphone)によって表示サイズを変更するのは難しいです。しかしCSS: Elastic Videosで紹介されているcssで可変に …
REED MORE →→

Google Mapで任意の場所に目印やシェイプで位置を簡単表示

2013年3月10日 Google, アメブロ, ホームページ小技 コメントをどうぞ
googlemap

住所を入力して検索して使うGoogle Mapですが、住所のない任意の箇所、例えば海岸や山の中に目印やシェイプで囲んで位置を簡単に表示することもできます。 今回はGoogle Mapで任意の場所に目印やシェイプで位置を簡 …
REED MORE →→

マウスオーバーでテキストが動く簡単なJqueryコード

2012年11月15日 ホームページ小技 コメントをどうぞ
マウスオーバーでテキストが動く簡単なJqueryコード

マウスオーバーするとテキストが横に揺れ動いたり、縦に揺れ動いたり、点滅、文字がびよーんと伸び縮みするような動きをする簡単なJQueryコードを紹介します。サイトに動きが出るのでちょっとしたアクセントになると思います。 マ …
REED MORE →→

マウスの動きに合わせて画像が動くパララックス効果

2012年10月18日 ホームページ小技 5件のフィードバック
マウスの動きに合わせて画像が動くパララックス効果

パララックス効果で作成されているサイトやプラグインは沢山ありますが、今回はとっても簡単なJQueryコードで作成されているPARALLAX || roXonのマウスの動きに合わせて画像が動くパララックス効果を紹介します。 …
REED MORE →→

JQueryで背景画像を動かすアニメーション効果

2012年7月18日 アメブロ, ホームページ小技 4件のフィードバック
JQueryで背景画像を動かすアニメーション効果

JQueryで背景画像のアニメーション効果を紹介しているサイトはいくつかありますが、webOpixelさんの記事「jQueryで背景画像をアニメーションで無限ループさせる」が一番分かりやすく勉強になりました。この記事を元 …
REED MORE →→

スクロールで背景画像を別々に動かすパララックス効果

2012年6月14日 アメブロ, ホームページ小技 2件のフィードバック
スクロールで背景画像を別々に動かすパララックス効果

通常背景画像は記事を下にスクロールすると一緒に移動するか、もしくは背景画像が固定された状態でしか設定できません。しかしJQueryを使うと背景画像が横、斜めなど好きな方向に動かすことができます。 今回は、パララックス効果 …
REED MORE →→

背景画像をフルスクリーンで簡単スライドショー

2012年6月5日 アメブロ, ホームページ小技 コメントをどうぞ
背景画像をフルスクリーンで簡単スライドショー

背景画像をフルスクリーンでスライドショー出来る方法を紹介します。JQueryのプラグインは使わないで簡単なコードだけでスライドショーしますので設置も簡単で軽量だと思います。 背景画像をフルスクリーンで簡単スライドショーの …
REED MORE →→

Google APIのサイト内検索機能を使い関連記事を表示

2012年5月31日 Google, アメブロ, ホームページ小技 コメントをどうぞ
Google APIのサイト内検索機能を使い関連記事を表示

Google APIでブログの関連記事を表示することは出来ないかと思い探していたらWebparkさんの記事にGoogle AJAX Search APIで関連記事を表示(FC2ブログなど)と言う記事がありました。その記事 …
REED MORE →→

CSSだけで背景をフルスクリーンYouTubeにする

2012年4月30日 ホームページ小技 4件のフィードバック
CSSだけで背景をフルスクリーンYouTubeにする

背景にYouTubeを設置するとインパクトあるサイトが簡単に作成できます。 YouTube動画は自動再生になってますのでサイトが表示したら動画が自動で再生されます。又記事をスクロールしても動画は移動されないので常に動画が …
REED MORE →→

1 2 3 4 次へ »

簡単作成メニュー

  • ホームページの基本
  • ホームページ作成支援
    • 無料ホームページテンプレート
    • 無料素材集
    • ブログをやってみよう
    • レンタルサーバー
    • ブラウザ確認ツール
    • html文法チェック
    • Google
      • アクセス解析-Google Analytics
    • RSSフィード関連
    • Yahoo!
    • facebook
    • アメブロ
    • ホームページ小技
    • 覚えておくと便利なhtml・CSS
  • アフィリエイトをはじめよう
  • ホームページを宣伝しよう
    • 検索エンジンに登録しよう
    • SEO対策をしよう
    • リンク集に登録しよう
  • ホームページ作成トピックス
  • WordPress
    • ワードプレスを始めよう
    • テンプレートタグ
    • プラグイン
    • WordPress 携帯
  • ホームページ作成ソフト
    • Photoshop
      • Phoshop cs5 新機能
    • Dreamweaver
      • Lesson1 ページの基本を作成していこう
      • Lesson2 スタイルシートの作成
      • DWビデオチュートリアル
    • EC CUBE
    • XAMPP

ピックアップ記事

  • indexhtml Lesson1 htmlを作成しサーバーにアップロードしてみよう
  • 複数のRSSリーダーを表示するブログパーツ
  • サイトマップ XMLサイトマッププラグインXML Sitemap Generator
  • パンくずリスト パンくずリストプラグインBreadcrumb NavXT
  • Yahoo! USAのIDを取得してみよう Yahoo! USAのIDを取得してみよう
  • 最新記事
  • Update
  • Twitter
  • アメーバメニュージェネレーター アメブロ横並びメニュー簡単作成ジェネレーター
    2013年4月13日
  • Google Mapのレスポンシブ ウェブ デザイン対策 Google Mapのレスポンシブ ウェブ デザイン対策
    2013年3月27日
  • wp is mobile WordPressでレスポンシブウェブデザインを行うなら必ず覚えておきたいwp_is_mobile
    2013年3月23日
  • Yahoo!アフィリエイトの広告を掲載してみよう
    2016年6月1日
  • Amazonアソシエイトの広告を掲載してみよう
    2016年6月1日
  • 楽天アフィリエイトの広告を掲載してみよう
    2016年6月1日
TweetsWind
  • PostViews
  • comments
  • hatena
  • ヘッダー、フッターをブラウザ幅いっぱいにする方法
    269,668 views
  • Googleが推薦するHTMLとCSSのコーディング方法
    146,551 views
  • Facebookのプロフィール編集とプライバシー設定
    135,973 views
  • 無料ホームページテンプレート・・・商用利用可
    133,871 views
  • ロリポップでWordPressをマルチサイトにする
    79,982 views
  • ヘッダー、フッターをブラウザ幅いっぱいにする方法
    32件のフィードバック
  • 記事内の一番最初の画像を取得してサムネイル画像表示
    27件のフィードバック
  • 複数外部RSSフィードをWordPressで表示
    25件のフィードバック
  • Ktai Styleをカスタマイズして携帯用フロントページ作成
    11件のフィードバック
  • Googleが推薦するHTMLとCSSのコーディング方法
    11件のフィードバック

簡単作成お役立ち

  • 無料ホームページ作成 HTMLやcssの解説サイトから重要な基礎講座を学び効率良く作る方法を学ぼう 無料ホームページ作成
    HTMLやcssの解説サイトから重要な基礎講座を学び効率良く作る方法を学ぼう
  • ホーム
  • カテゴリー
    • ホームページの基本
    • ホームページ作成支援
    • アフィリエイトをはじめよう
    • ホームページを宣伝しよう
    • ホームページ作成トピックス
    • WordPress
    • ホームページ作成ソフト
  • 固定ページ
    • 初めての方
    • サイトマップ
    • XHTML1.0タグ辞典
    • CSS(スタイルシート)辞典
    • 簡単ホームページ作成支援リンク集
    • 日南市紹介
    • お問い合わせ
    • 更新履歴一覧
  • サイトマップ
  • 更新履歴一覧
RSS Feed facebook twitter Google Bookmarks delicious

簡単作成メニュー

  • ホームページの基本
  • ホームページ作成支援
  • アフィリエイトをはじめよう
  • ホームページを宣伝しよう
  • ホームページ作成トピックス
  • WordPress
  • ホームページ作成ソフト

Tag Clound

css css3 Dreamweaver EC-CUBE Flash Google html5 javascript jQuery Photoshop RSS SEO SNS WordPress WordPressテンプレートタグ WordPressプラグイン Yahoo! YouTube アフィリエイト アメブロ サーバー テンプレート ブログパーツ ホームページの基本 ホームページソフト モバイル 小技 素材

ホームページを簡単に無料で作るなら

  • ホームページをはじめよう!
    FC2なら初心者でも簡単に無料作成!
  • FC2ブログ
    初心者でも無料で簡単にブログ作成
  • FC2無料ホームページ FC2無料ホームページでホームページをはじめよう!容量なんと1ギガバイトが無料で使える!! FC2無料ホームページ
    FC2無料ホームページでホームページをはじめよう!容量なんと1ギガバイトが無料で使える!!
Copyright © 簡単ホームページ作成支援-Detaramehp

Back to Top