webデザイン BA Online HOME BAオンライン webデザイン Tips 広告宣伝 業務 2023.05.12 コピペで簡単実装OK! ホバーアニメーションボタン集 コピペでOK! ホバーアニメーション集 今回のBAオンラインはコピペで簡単に実装できるホバーアニメーション集です！ 個人的にコーディング作業の中で一番好きなのがこのホバー時のアニメーションだったりします。 一見シンプルなサイトでもぐっと華やかになるのが楽しいところです。 今回はこのホバー時の効果をつけたボタンをいろいろ作ってみました！ ぜひご利用ください♪ 作成時のルール ①サイズはwidth100px、高さ3em ②使用する色は白～黒のモノトーンのみ ③HTML5/CSS3のみ使用 ④HTMLタグはすべて共通（クラス名のみ変更） カラー反転 sample シンプルな反転 after要素の矢印 […] Tips 広告宣伝 業務 2022.10.07 Webサイト製作のヒント～長いテキストを省略して表示する 長いテキストを省略して表示したいことってありませんか？ webサイトやwebアプリなどの製作で役立ちそうな情報をまとめている連載、今回はスタイルシートで長いテキストを省略して表示する方法をご紹介します。 「サイズを超えた部分の文字を省略して、サイズに収まる部分だけを表示する」方法で、これがスタイルシートの設定で可能です。 あるサイズの範囲内にテキストを配置したいんだけど、収まらなくなってレイアウトが崩れてしまったり、思う様にいかない事結構あるあるです。配置関係がシビアな事の多いwebアプリの画面製作では割と出くわす場面です。スクリプトなどを使って出力する最大文字数を制限する方法もありますが、文 […] BAちゃんねる 広告宣伝 2022.09.22 全力で伝える。ホームページの必要性 Link Webサイトの必要性について解説する。【効果的、効率的な「広告の連携」のためのWebサイトとは？】 https://youtu.be/pPXpteC_ugc 詳細を見る ホームページは自社のサービスや製品を紹介するところ。とだけ考えてる方も 多いと思いますが、実はそれにとどまらず多数のメリットをもたらします。 ホームページをまだお持ちでない方も、もう既にお持ちの方も、ホームページの あり方について再度見直してみてはいかがでしょうか。 今回は、「全力で伝える。ホームページの必要性」をご紹介します。 関連ページ BAちゃんねる 広告宣伝 2022.04.25 よりぬきBAオンライン～デザインのお話を始めようと思う Link デザインのお話を始めようと思う。 https://youtu.be/dAgI90kAjDQ 詳細を見る 朝食のプロテイン飲んでたらお腹急降下！袋を見れば賞味期限が半年前！ギニャー！ 誰かのせいにしたいけど自分の顔しか思い浮かばない！ 取り乱しました。こんにちわ。（紳士的） さて、今回はデザインの話でございます。デザインの話と言いますと、大長編確定になりそうな 業の深い話題ですが、複数回にわたって書き散らかしていこうかと思います。 元記事はこちら Link デザインのお話を始めようと思う。 – ブレーン・アシスト株式会社 https://www.brainassist.co […] Tips 広告宣伝 業務 2022.04.18 Webサイト製作のヒント～スクロールバーを装飾する はじめに ～ちょっと余談～ 更新が停止して何年も経っているMicrosoft社製webブラウザ「Internet Explorer（以下IE）」のサポート終了まであとわずかです。webサイト製作やwebアプリ開発ではIEでも問題なく閲覧できるようにする為、使うのを控えてきた多くの技術や表現があります。それがサポート終了によって躊躇なく使えるようになるのは大きいですね～！待ってましたって感じです。 そこで今回はIEサポート終了記念、IE非対応なwebサイト製作に役立つ情報をご紹介します。 実践！スクロールバーを装飾 ここから本題です。今回はスタイルシートでスクロールバーを装飾する方法をご紹介しま […] 広告宣伝 2022.03.14 デザインのお話を始めようと思う。【第4回】Webデザインのトレンド変遷 Webデザインのトレンド変遷 拝啓、皆様いかがお過ごしでしょうか。 春の足音が聞こえてくる昨今、私の現在の関心事はウクライナ情勢と4月8日の花祭りに二分されております。ウクライナ情勢に関わるサイバー戦争や壮絶な情報戦とか、思うことも多いので今回の記事で書こうかと思いましたが、微妙に私の土俵じゃないのでやめときました。じゃ、花祭りについて。いや、それはチラシの裏にでも書いておこう。 さて本題ですが、今回は「Webデザインのトレンド変遷」についてです。私がWebデザインを始めてからはや22年。少しの昔話を含めて書いてみようかと思います。ビバ！デザイナー歴22周年企画！ あっ、なにこのキリの悪い数字 […] 業務 2022.02.14 すぐに使えるJavaScript備忘録 今回の記事は二本立てでお送りします。 一つは、 JavaScriptの使用頻度が高いMethod、Propertyをメモ代わりに掲載しますので、 「JSのあのMethodなんだったっけなぁ」と思った時に、コピペしてご活用ください。 ※順不同 二つ目は、 ITと英語について少し触れたいと思います。 JavaScriptの使用頻度が高いMethod、Property SPLIT Split()メソッドは、String からArrayに変換してくれます。 const str = ‘Item1, item2’; str.split(‘,’); /* output [“Item1”, “Item2”] […] バラエティ 2022.02.07 BAサイトトップ 年賀バージョンギャラリー 当社、毎年正月期間だけ、年賀状代わりに自社サイトのトップを、正月バージョンにしております。新たな年に臨む心意気、テーマを掲げて。 我ながら結構ユニークで、ブレーンアシストという会社の横顔が垣間見れるので、もっと皆さんにお見せしたいなあ、と常々思っておりました。 今年からギャラリー化していきますので、ご笑覧くださいませ。(^^)v 下記がテーマとなります。 2012 震災後の未知なる困難を乗り越える ※2013～2015年のデータは バックアップ不備で、データ消失 2016～2017 干支+ポジティブワード 2016～2017 干支+ポジティブワード 2 […] 広告宣伝 業務 2022.01.17 Webサイト製作のヒント～JavaScriptを使わないでON/OFF切替ボタンを作る webサイト製作に役立つ情報をご紹介します これまで製作してきたwebサイトやアプリで採用したり、 これは使えるかも？便利かも？というような使える情報をこちらでお伝えしてみようと思います。 BAOnlineをご覧頂いている皆様の中にも仕事や趣味でwebサイトを作っていたり、 これから作ってみようかな？とお考えの方もいらっしゃると思いますので、 製作作業のお役に立てたら幸いです。 実践！オンとオフを切り替えるボタンの作り方 今回はwebサイトやスマホなどの設定画面で見る機会も多くなったオンとオフを切り替えるボタンの作り方をご紹介します。こんなの感じのです。 ボタンを押すと、つまみの部分がアニメー […] 広告宣伝 2021.08.16 デザインのお話を始めようと思う。【第3回】Webサイトのターゲットと導線 コロナ禍2年目の夏ですが皆様いかがお過ごしでしょうか。こちらは、生活環境がいい感じにまあまあ改善されております。ライフハック使ったとかって話じゃないですが、まあいろいろと。 「脳髄は人間の迷宮だという観点からあえて許そう」。ええ、良い言葉だと思います。 さて、今回の本題です。ずいぶん昔から「良いコンテンツを発信する事が大事」と異口同音に言われておりますが、以前の記事で「デザインはコンテンツを補佐する役目であり主役ではない」といった事を書きました。今回は「Webサイトのターゲットと導線」について書いてみます。 ターゲットを決めよう～「ペルソナ」の設定 良いデザインとか良いコンテンツとは、伝えたい […] 広告宣伝 2021.05.17 デザインのお話を始めようと思う。【第2回】Webサイトのデザインミス 一ヶ月くらい失踪してお遍路に行きたい、いやむしろ天竺までありがたいお経を取りに行くとか どうか。浦和インターあたりから乗ればうまい事たどり着かんかな。 あっ、天竺はコロナでえらいことになってるはず。何もかもがままなりませんな。一切皆苦。 カラ元気免許皆伝のWeb屋さんです。こんにちは。 さて今回は、企業Webサイトの制作/リニューアル時にありがちなデザインミスについてのお話です。いや、こんな話当たり前と思う方も多いとは思うんですが、びっくりするほどこのミスを犯す方多いのですよ。 ビジュアルから考えちゃうミス。 企業Webサイトの制作/リニューアルを行おうとした時に、何故か見た目の話から入るパタ […] 広告宣伝 2021.03.22 デザインのお話を始めようと思う。 朝食のプロテイン飲んでたらお腹急降下！袋を見れば賞味期限が半年前！ギニャー！ 誰かのせいにしたいけど自分の顔しか思い浮かばない！ 取り乱しました。こんにちわ。（紳士的） さて、今回はデザインの話でございます。デザインの話と言いますと、大長編確定になりそうな 業の深い話題ですが、複数回にわたって書き散らかしていこうかと思います。 「デザイン」とはそもそも。 さて、“デザインは問題解決の手段である。”という言葉は聞いたことある方もいるかもしれません。 デザイナーズシップですね。ジャンルを問わず、デザインと名がつけばこの前提が働いてます。 そもそも、「デザイン」という言葉の意 […] RANKING ITインフラ 1 ping応答、どっちがどっち？「宛先ホストに……」vs「要求が……」 ITインフラ Tips 業務 2 残してますか？作業ログ。 業務 3 Webアプリでの印刷仕様を考える ITインフラ Tips トレンド 4 FortiGateでIPoEを使うときの注意点 ITインフラ Tips 業務 5 ネットワーク障害時の基本のキ 最近の投稿 システムトラブルにどう備えるのか 花粉症始めました！ 魔法界に行ってきました 山 走ってきました。 「BeReal.」で繋がれているか？ カテゴリー 特集 BAちゃんねる ITインフラ Tips サービス KAO-Pass サービス紹介 セキュリティ トレンド バラエティ 広告宣伝 未分類 業務
