今回このブログ - Webデザインレシピを、iPhone などでも見れるようにリデザインしました。使用したのは CSS3 の Media Queries（メディアクエリ）。メディアクエリの使い方や感想、気をつけたい注意書きをまとめてみました！ 遅ればせながらこのブログ – Webデザインレシピを、スマートフォンでも見れるように改修しました。このブログは WordPress で書いているので、スマートフォンや iPad への対応方法はいくつもあるのですが、今回は CSS3 の Media Queries（メディアクエリ）を使って、iPad、iPhone など、いろんなデバイスに対応（対応というか、一応見れる程度）にしてみました。 なので Media Queries を使ったスマートフォン対応と、リデザインしながら思ったことなどをまとめてみました。 CSS3 Media Queries 目次

This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.

This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.

jQueryなどの他のスクリプトに依存せず、スタンドアローンでパララックスのエフェクトを実装できる超軽量（2.2KB）のスクリプトを紹介します。 skrollr -GitHub [ad#ad-2] skrollrのデモ skrollrの使い方 skrollrのデモ パララックスは複数のエレメントを異なるスピードで動かすことで奥行きの錯覚を起こすもので、skrollrはスクロールの量に応じて、ページ上の各エレメントにさまざまなスタイルを定義することができます。 デモではその面白いパララックスのエフェクトが楽しめます。 デモは3つあり、まずはskrollrが楽しめるメインのデモから紹介します。

ページ内リンク先に滑らかにスクロールするjavascript「SmoothScroll」 同一ページのコンテンツが増加した時、アンカーを使用して移動させることがあります。 しかし、移動する際の急激な変化に疑問をもっていました。 as day oass byのSmooth scrolling demoで公開しているjavascriptを加えるだけで、既存のHTMLにスムーズにページ内リンク移動機能を追加できます。 sponsors 使用方法 Smooth scrolling demoからsmoothscroll.jsをダウンロードし、head内に埋め込めば完成です。 <script type="text/javascript" src="http://yourdomain/smoothscroll.js"></script> あとは従来通りにHTMLを記述すればOKです。 HTML記述例 <

ページ内のスムーススクロールを簡単に実装できるJavaScript『Smooth scrolling』 ◆Smooth scrolling demo 『Smooth scrolling』は、アンカータグを使用してページ内のスムーススクロールを実現できるJavaScriptです。 通常アンカータグだけを用いてページ内の移動を行うと、いきなりそのアンカー部分に移動してしまい、ページ内移動なのか別ページへ移動したのか分かりづらいことがありますが、これを用いればページ内のアンカー部分まで画面をスクロールさせながら移動できるのでまぎらわしさがなくなります。 スムーススクロールを実装できるJavaScriptはこれ以外にも色々あるのですが、いくつか試したところ、これが今のところ一番簡単に実装できました。他のJavaScriptのライブラリを用いず単独で使え、アンカータグに追加記述する必要がないのが非常

株式会社アフラットは、東京赤坂にあるホームページ制作会社です。全国からホームページ作成に関するご依頼を承っております。 ホームページ新規立ち上げ、ホームページリニューアル、ホームページへのシステム導入、webデザイン提案などによって、ホームページのアクセスアップ・売上アップを実現いたします。 弊社のホームページ制作の特徴は「システム＋webデザイン」を兼ね備えている点です。得意とする小回りの利くシステム構築作業では、「ホームページが使いやすくなった！」「作業の効率化ができた！」等の声を頂いております。