JavaScript&CSS Javascriptふわっとanimation追従 JavaScript×CSSでふわっと追従広告を出す方法~画面下部に固定~ 中山テック 代表の中山です。 さて、最近ゲーム系ブログを色々といじっているのですが、画面下部にふわっと広告を出してます。 ※GoogleAdsenseのアンカー広告と同じような動きをさせている そんな今回は自前のアンカー広告を実装する方法をお話したいと思います。 ※追従バナーを消す方法はコチラ サンプル(スマホ) サン... 2023年10月29日 中山テック代表
JavaScript&CSS Javascriptrandom画像表示 JavaScriptで画像をランダム表示~様々な種類の広告や記事の見出しを見せたい等~ 中山テック 代表の中山です。 さて、当ホームページで何かをしている訳ではないのですが、ランダムに画像表示させたいと思いました。 こちらはWordpressで作成しているのでPHPでも制御できるのですが・・・ あえてのJavascript制御で表示します(キリッ まぁ理由はありまして・・・どこでもかんたんに作れてリファレ... 2023年10月26日 中山テック代表
JavaScript&CSS Javascript開発者ツールデバッグ JavaScriptでデバッグ~プログラムエラー発生した時の解決に繋がる~ 中山テック 代表の中山です。 さて、昔は困難を極めたJavaScriptのデバッグ。 ソースコードにダイアログを表示させて1行1行確認していたこともありました。 現在では非常に便利なツールがありますので、デバッグも容易になりました。 ※Google ChromeもMicrosoft Edgeも存在します 今回はJava... 2023年10月13日 中山テック代表
JavaScript&CSS ホームページ制作JavascriptCSSjQuery CSS+Javascript(jQuery)で画面外から文字をスライドさせる方法 中山テック 代表の中山です。 さて、ホームページのTOP下を変えようかなと思い色々試していました。 その中でCSS+Javascript(jQuery)で画面外からテキストと背景をスライドできないかと色々試してみました。 今回は作り方と解説を見ていこうと思います。 ※Animationのプログラムをコチラを参考にしまし... 2023年9月4日 中山テック代表
JavaScript&CSS JavascriptプログラミングCSSjQuery スクロールした時に下からふわっと文字を出す方法~CSS、jQueryを駆使~ 中山テック 代表の中山です。 さて、突然ですがホームページを見ていて、文字が下からフワッと浮き出るアニメーションを見たことがありますか? これはどのように制御しているのでしょうか。 今回は下から文字をふわっと出す方法についてお話したいと思います。 ※参考ページ 動画 どのようにフワッと動くのか、ショート動画としてYou... 2023年9月1日 中山テック代表
JavaScript&CSS Javascriptアニメーションanime.js Javascriptでアニメーションを作る方法~anime.jsで簡単に~ 中山テック 代表の中山です。 さて、最近プログラミングに触れる機会が少なくなってきたこと、アニメーションを知りたいということで「anime.js」を使ってみました。 特に最近ではYouTubeへの投稿が増えていることから、アニメーションの重要性も感じてきたからです。 今回は当Javascriptの使い方や使い心地を備忘... 2023年8月14日 中山テック代表
JavaScript&CSS JavascriptSmtpJSElasticEmail 【JavaScript】SmtpJSで簡単にメール送信【Elastic Email】 中山テック 代表の中山です。 さて先日「HTML+Javascript」でお問合せフォームを作るというブログを執筆しました。 その中で送信ボタンを押下後にメールを送信していましたが、SmtpJSというFW(フレームワーク)を使用しました。 今回はSmtpJSの使い方についてお話したいと思います。 SMTPとは ねこ写真... 2023年6月13日 中山テック代表
JavaScript&CSS Javascriptお問合せフォームHTML 自作メール送信機能付き問い合わせフォームのブログはnoteに移動しました【リンクあり】 この記事はnoteへ移動しました。 お手数ですが、上記リンクよりご覧くださいませ。 プログラミング関連記事... 2023年6月12日 中山テック代表
JavaScript&CSS ホームページ制作CSSデベロッパー・ツール HP制作時のCSSを調整~デベロッパーツールでリアルタイムエンコーディング~ 中山テック 代表の中山です。 さて、今回はホームページ制作時に「デザイン崩れたんだけどどう直そう」「スマホのデザインも見たい」 という時に役立つ「デベロッパー・ツール」(ホームページ上でF12を押す)をご紹介いたします。 また、JavaScriptのエラーも検知出来ます! 例えば、こんなことはございませんか? ・css... 2022年3月3日 中山テック代表