jQueryで疑似セレクトボックスを実装する

うかうかしていたら、また1ヶ月あいてしました。
新年一発目の更新ということになりますね…気をつけます。

さて、つい最近ですが、セレクトボックスみたいなんだけどフォームのselect使わないでね、という案件に出会いまして…
(出会いたくはありませんでしたが)
問題点や解決策は次から!
続きを読む

jQuery Masonryで、リロードするとちゃんと並ばない

以前やっつけ仕事で作った自分のポートフォリオをちゃんと調整しようと思い、
このたびリニューアルしました

というのはついでで。
サイト全体をレスポンシブにしたので、制作実績一覧にグリッドのライブラリである
jQuery Masonryを導入しました。

上手く実装はできたのですが、なぜかリロードすると実績が縦一列に並ぶという問題に直面。
CSSやライブラリ自体に問題はなさそうで、すっかりハマってしまいました。
続きを読む

マウスオーバーアクションでeasingをつけるとオンマウスの際に1pxズレる

たまにはボタンのマウスオーバーをふわっとさせようかな、なんて思ってjQueryで実装してみると…
なんかおかしい
カーソルがオン・オフするたびにブワッと少しだけズレるんです。
CSSの問題かなと思い、display:block;してみるも変わらず。
で、ちょっと困ったなと思いググってみました。
続きを読む

スマホサイト制作時のスライダー系jQuery比較

PCではfloatかけて一列に並べてしまうコンテンツも、スマホの画面サイズを考えると、フリックが断然有利な上に、動きがあってアイキャッチにもなりますよね。
jQueryで便利なものを開発してくれる方がいらっしゃるので、大変助かっております。
がしかし、今回の案件では、数あるその便利ツールの選定で四苦八苦しました。
というのも、条件が以下のようなものでして…

  1. フリックする
  2. 自動でスライド(オートプレイ)
  3. Androidで動作する

「そんなに難しくないよね?」って思うかもしれません。
私めにもう少しJavascriptの知識があれば、きっとどれを使ってもうまくいったんだと思います。
が、残念ながらPHPより知識が乏しくおりますので、恐ろしいところで引っかかりました…
といわけで、あくまで個人の観点から、比較メモを綴りたいと思います!
続きを読む

よくお世話になるjQuery

jQueryを使うと一気にサイトが華やかになりますね。
画像を効果的に魅せてくれるものが多いですが、他にもマウスオーバーやスムーズスクロールなど、縁の下の力持ちなjQueryもあります。
私が日ごろお世話になっているjQueryを覚え書きしておこうと思います。
続きを読む