fukukitaru2980のブックマーク - はてなブックマーク

コピペで使うCSS スライドショー 23選 | SONICMOOV LAB

画像ギャラリーを見せる手法として使われるスライドショーですが、CSSのみを使ったものやjQueryなどを使ったものなどが色々とありますが、面白そうなものを集めてみました。関連：イケてるローディング・アニメーション25選一味違うスライダー Canvas image slider 初見で「おっ！？」と思わせてくれることは間違いないでしょう。エフェクトがクール WebGL Distortion Slider これはかっこいいスライダーですね。マスクを使ったスライダー Image Slider with Masking Effect マスクを使ったCSSスライダーで、動きがシャープ＆シンプルです。サムネイル付き Gliding Gallery | Simple Image Slider Transitions 至り尽くせりなスライダーではないでしょうか。サムネイルがあるので視覚的にもユー

fukukitaru2980 2020/10/13

リンク

使える！CSSアニメーション 20選 | SONICMOOV LAB

CSSの進化により、様々な表現がCSSだけで完結できるようになったこの頃ですが、その中でもCSSを使ったアニメーションが色々と目を引くものがあり、今回はそれについて様々な場面で使えるCSSアニメーションをまとめてみました。ソースコードもあるので、カスタマイズすればすぐに使えますので、ぜひともチェックしてみてください。関連：コピペで絶対使いたくなるCSSボタン 25選目次クネクネ動く CSS loading カラフルな CSS preloader! まるで折り紙のような Cube Fold ユーザーを引きつける Animated SVG Spinner バルスじゃないよ、パルスな Smooth Pulse スマホで見かけるあのメニュー Gooey Menu 一味違う確認モーダル Flipside 円形のプログレス SVG circular progress 流れる星 Parallax

fukukitaru2980 2020/09/14

リンク

初心者でもすぐできるスマホ対応jQueryアコーディオンメニューの作り方 | SONICMOOV LAB

また会いましたな！スイカバー(ふつうのやつ)をこよなく愛するマークアップエンジニアのまりぞーですヽ(°ω°)ﾉ先日、ついにWii UとSplatoonをゲットしました。そろそろガチバトルでわちゃわちゃするお年頃かもしれません…ガンバルゾー！ガンバルゾー！今回はjQueryを利用したアコーディオンメニューの作り方をご紹介します。前回の【初心者向け】レスポンシブなtableを作ってみる同様、初心者向けです。また、来年2016年1月12日からIE8がサポート対象外となるので、対応ブラウザはIE9以降とモダンブラウザ系とします。デモでは割りとシンプルな構造なので、スマホなどたいていの端末で閲覧できると思います。よろしくお願いします。 PCのときは横並びのレイアウトで、モバイル端末など画面が小さい場合はぬるりと動くハンバーガーに格納されるjQueryでレスポンシブなメニューを作って

fukukitaru2980 2019/04/03

リンク

JavascriptアニメーションライブラリTween.jsの紹介 | SONICMOOV LAB

これを書いた後に、もっと手軽に簡単おすすめなjavascriptアニメーションライブラリのTweenMaxの紹介記事を書いたので、そちらのほうがいいですよ。（以下リンクより）高機能JavascriptアニメーションライブラリTweenMax.jsの使い方！お久しぶりです。マークアップエンジニアの、だってぃです。すっかり秋ですね・・・というかもうなんか冬っぽさ出てきてますね。過ごしやすい季節なんて、あっという間に過ぎ去っていきますね。僕も35年ほど生きてますから、四季の罠には気付いてますよ、ええ。春・夏・秋・冬が3か月均等になんてなってないって事にね。 4月中旬～5月中旬：過ごしやすい。春。 5月下旬～9月中旬：なんか暑い。夏だ、夏。 9月下旬～10月下旬：過ごしやすい。秋。 11月～4月上旬：なんか寒い。冬だ、冬。これが本当の春夏秋冬ですね。これだよ、これ。・・・（

fukukitaru2980 2018/10/16

リンク

スマホ対応！パララックスサイトの作り方 | SONICMOOV LAB

皆様おひさしゅうございます。ラーメン女子のうさこでございます。最近は大好きなラーメンも食べるのを控えています。えらいことになってるんですよ・・・親に骨皮筋子と言われた私でも・・・！以前、会社の飲み会でデザイナーのユウコさんに、25 歳を超えるといくら食べても太らなかった体質も変化するから気をつけた方がいいよ！・・・というありがたい言葉をいただきました・・・まさに今、身に染みて体感中でございます（涙 4月9日をもって Windows XP がサポート終了となりましたね！これで IE6 との長き戦いにも終止符が打てそうですっ！やっとですよ、やっと・・・！ IE6 消え失せろ～♪ ついでに言うと、IE8 も消えちゃっていいんだぜ☆ さて・・・今回で3回目の投稿となりますっ今回は、スマホに対応したパララックスサイトの作り方についてご紹介！ Sublime Text ネタで通してきた