タグ

ブックマーク / webdrawer.net (3)

  • パララックスサイトの作り方の初歩

    最近パララックス(視差効果)を取り入れたサイトが増えてきました。 仕組みや簡単なものを作れるようにしておきたかったのでいろいろ試してみました。 ちなみにもっと効率良く作れる方法とかもあるかもしれませんので、一例ということで御覧ください。プラグインはまだ試したことがないので そちらを使ったほうが楽かもしれません。 パララックス効果のjQueryプラグインまとめ あと動作はこの記事時点でのFirefoxの最新版でしか確認はしていません。 スクロール量を取得する まずはスクロールすると動くので、スクロール量を取得します。ちなみにjQueryを使ってます。 $(function(){ $(window).scroll(function(){ var y = $(this).scrollTop(); $("#num").text("スクロール量:" + y);//表示用 }); }); サンプルペー

    パララックスサイトの作り方の初歩
  • 初心者のためのスマートフォンサイトを作るときに見ておきたいサイト|WEB Drawer -WEB制作に関するメモサイト-

    スマートフォンサイトを格的に作るようになってきたので、いろいろ基的なことから調べてみました。 自分はコーディングがメインなので、HTML/CSS/JSが主になっています。 制作する前に仕様の確認 スマートフォンの仕様が載っています。一通り目を通すと、製作してる時に「これができない!」などの問題が回避できるかもしれません。 ASCII.jp:サイト制作の前に知りたいiPhone/Androidの仕様|実践!iPhoneAndroidサイト制作ガイド ASCII.jp:サイト制作の前に知りたいiPhone/Androidの仕様|実践!iPhoneAndroidサイト制作ガイド スマートフォンサイトの制作 – 基礎編 – – ぺーぺーエンジニアのおぼえがき スマートフォンサイトの制作 – 基礎編 – – ぺーぺーエンジニアのおぼえがき iPhone iPad向けサイトを制作するためのいろ

    初心者のためのスマートフォンサイトを作るときに見ておきたいサイト|WEB Drawer -WEB制作に関するメモサイト-
  • 私がはじめてWordPressを使ったときのメモ

    少し前に、自分のWEB関連以外のことを書いているブログの方をリニューアルしたのですが、この時にWordPressを使って作成しました。 TwitterでよくWordPressの情報を見るので使おう使おうと思いながら、やっと使いました。今回はその時に調べたことを書いておこうと思います。 まずはインストール そのブログがあるレンタルサーバーはロリポップを使っています。インストールからやってもよかったのですがはやく触りたかったので、サクッとインストールができる WordPress簡単インストール機能を使ってインストールしました。あっという間に設置が出来ました。 今度はファイルのアップロードからやろうと思います。基的にはファイルをまるまるっとアップするだけだと思いますが。 テーマの作成 しばらく管理画面をウロウロしたあと、早速新しいテーマの作成に入りました。作成にあたって以下のサイトを参考にしま

    私がはじめてWordPressを使ったときのメモ
  • 1