アイデア BA Online HOME BAオンライン アイデア Tips 広告宣伝 業務 2023.05.12 コピペで簡単実装OK! ホバーアニメーションボタン集 コピペでOK! ホバーアニメーション集 今回のBAオンラインはコピペで簡単に実装できるホバーアニメーション集です！ 個人的にコーディング作業の中で一番好きなのがこのホバー時のアニメーションだったりします。 一見シンプルなサイトでもぐっと華やかになるのが楽しいところです。 今回はこのホバー時の効果をつけたボタンをいろいろ作ってみました！ ぜひご利用ください♪ 作成時のルール ①サイズはwidth100px、高さ3em ②使用する色は白～黒のモノトーンのみ ③HTML5/CSS3のみ使用 ④HTMLタグはすべて共通（クラス名のみ変更） カラー反転 sample シンプルな反転 after要素の矢印 […] Tips 広告宣伝 業務 2022.10.07 Webサイト製作のヒント～長いテキストを省略して表示する 長いテキストを省略して表示したいことってありませんか？ webサイトやwebアプリなどの製作で役立ちそうな情報をまとめている連載、今回はスタイルシートで長いテキストを省略して表示する方法をご紹介します。 「サイズを超えた部分の文字を省略して、サイズに収まる部分だけを表示する」方法で、これがスタイルシートの設定で可能です。 あるサイズの範囲内にテキストを配置したいんだけど、収まらなくなってレイアウトが崩れてしまったり、思う様にいかない事結構あるあるです。配置関係がシビアな事の多いwebアプリの画面製作では割と出くわす場面です。スクリプトなどを使って出力する最大文字数を制限する方法もありますが、文 […] Tips 広告宣伝 業務 2022.04.18 Webサイト製作のヒント～スクロールバーを装飾する はじめに ～ちょっと余談～ 更新が停止して何年も経っているMicrosoft社製webブラウザ「Internet Explorer（以下IE）」のサポート終了まであとわずかです。webサイト製作やwebアプリ開発ではIEでも問題なく閲覧できるようにする為、使うのを控えてきた多くの技術や表現があります。それがサポート終了によって躊躇なく使えるようになるのは大きいですね～！待ってましたって感じです。 そこで今回はIEサポート終了記念、IE非対応なwebサイト製作に役立つ情報をご紹介します。 実践！スクロールバーを装飾 ここから本題です。今回はスタイルシートでスクロールバーを装飾する方法をご紹介しま […] 広告宣伝 業務 2022.01.17 Webサイト製作のヒント～JavaScriptを使わないでON/OFF切替ボタンを作る webサイト製作に役立つ情報をご紹介します これまで製作してきたwebサイトやアプリで採用したり、 これは使えるかも？便利かも？というような使える情報をこちらでお伝えしてみようと思います。 BAOnlineをご覧頂いている皆様の中にも仕事や趣味でwebサイトを作っていたり、 これから作ってみようかな？とお考えの方もいらっしゃると思いますので、 製作作業のお役に立てたら幸いです。 実践！オンとオフを切り替えるボタンの作り方 今回はwebサイトやスマホなどの設定画面で見る機会も多くなったオンとオフを切り替えるボタンの作り方をご紹介します。こんなの感じのです。 ボタンを押すと、つまみの部分がアニメー […] RANKING ITインフラ 1 ping応答、どっちがどっち？「宛先ホストに……」vs「要求が……」 ITインフラ Tips 業務 2 残してますか？作業ログ。 業務 3 Webアプリでの印刷仕様を考える ITインフラ Tips トレンド 4 FortiGateでIPoEを使うときの注意点 ITインフラ Tips 業務 5 ネットワーク障害時の基本のキ 最近の投稿 システムトラブルにどう備えるのか 花粉症始めました！ 魔法界に行ってきました 山 走ってきました。 「BeReal.」で繋がれているか？ カテゴリー 特集 BAちゃんねる ITインフラ Tips サービス KAO-Pass サービス紹介 セキュリティ トレンド バラエティ 広告宣伝 未分類 業務
