アイデア

コピペで簡単実装OK! ホバーアニメーションボタン集

コピペでOK! ホバーアニメーション集 今回のBAオンラインはコピペで簡単に実装できるホバーアニメーション集です! 個人的にコーディング作業の中で一番好きなのがこのホバー時のアニメーションだったりします。 一見シンプルなサイトでもぐっと華やかになるのが楽しいところです。 今回はこのホバー時の効果をつけたボタンをいろいろ作ってみました! ぜひご利用ください♪ 作成時のルール ①サイズはwidth10 […]

Webサイト製作のヒント~長いテキストを省略して表示する

長いテキストを省略して表示したいことってありませんか? webサイトやwebアプリなどの製作で役立ちそうな情報をまとめている連載、今回はスタイルシートで長いテキストを省略して表示する方法をご紹介します。 「サイズを超えた部分の文字を省略して、サイズに収まる部分だけを表示する」方法で、これがスタイルシートの設定で可能です。 あるサイズの範囲内にテキストを配置したいんだけど、収まらなくなってレイアウト […]

Webサイト製作のヒント~スクロールバーを装飾する

はじめに ~ちょっと余談~ 更新が停止して何年も経っているMicrosoft社製webブラウザ「Internet Explorer(以下IE)」のサポート終了まであとわずかです。webサイト製作やwebアプリ開発ではIEでも問題なく閲覧できるようにする為、使うのを控えてきた多くの技術や表現があります。それがサポート終了によって躊躇なく使えるようになるのは大きいですね~!待ってましたって感じです。 […]

Webサイト製作のヒント~JavaScriptを使わないでON/OFF切替ボタンを作る

webサイト製作に役立つ情報をご紹介します これまで製作してきたwebサイトやアプリで採用したり、 これは使えるかも?便利かも?というような使える情報をこちらでお伝えしてみようと思います。 BAOnlineをご覧頂いている皆様の中にも仕事や趣味でwebサイトを作っていたり、 これから作ってみようかな?とお考えの方もいらっしゃると思いますので、 製作作業のお役に立てたら幸いです。 実践!オンとオフを […]