中山テック 代表の中山です。 さて、以前似たようなブログを執筆しましたが、リファレンス的に残してるので気になさらぬよう・・・ 今回はスクロールして該当の位置に到達すると横からふわっと画像や文字を出す方法についてのブログとなります。 早速、お話したいと思います。 ※参考ページ サンプル function fy_effec...

中山テック 代表の中山です。 突然ですが、スマホでもパソコンでも画像が横にスライドする処理を見たことがありませんか？ 弊社でも以前ゲームブログ内でスライド式広告を表示させていたことがあります。 ※×ボタンを押下すると広告を非表示にさせるという機能付き そんな今回は「複数の画像をスライドさせる」方法についてお話したいと思...

中山テック 代表の中山です。 さて、久しぶりのホームページ制作に関するブログです。 ホームページ制作のご依頼を受ける際に時々アニメーションを差し込みたいというお客様がいらっしゃいます。 中山テックではもちろんお受けすることが可能です。 今回はどのようなアニメーションをご希望されるお客様がいて、実現可能かどうかのお話をし...

中山テック 代表の中山です。 さて、ホームページのTOP下を変えようかなと思い色々試していました。 その中でCSS+Javascript(jQuery)で画面外からテキストと背景をスライドできないかと色々試してみました。 今回は作り方と解説を見ていこうと思います。 ※Animationのプログラムをコチラを参考にしまし...

この記事はnoteへ移動しました。 お手数ですが、上記リンクよりご覧くださいませ。 jQueryなし ※ソースは右クリックで確認ください function scroll_effect() { var element = document.getElementsByClassName('scroll-up'); if(!...

中山テック 代表の中山です。 さて、今回はホームページ制作時に「デザイン崩れたんだけどどう直そう」「スマホのデザインも見たい」 という時に役立つ「デベロッパー・ツール」（ホームページ上でF12を押す）をご紹介いたします。 また、JavaScriptのエラーも検知出来ます！ 例えば、こんなことはございませんか？ ・css...