タグ

小技に関するmizu0x19fのブックマーク (3)

  • 【小技】フリック入力を完璧に使いこなす!記号文字の入力が激的に捗る方法まとめ

    こんにちは、SHANです。 スマホとガラケーの文字入力の決定的な違いと言ったら「フリック入力があるかないか」これが大きいですよね。ガラケー時代と比べると、格段に文字入力の速度が早まりました。 ほとんどの方はこのフリック入力を使っていると思いますが、今回はあまり知らない超便利なフリック入力の小技がOZPAさんのブログで紹介されていたのでご紹介します。 ぜひ使いこなして、フリック入力をマスターしましょう! まずはフリック入力の設定から まずは、今回ご紹介する記号文字の入力方法を実践するにあたって、iPhoneの入力方式を『設定』アプリから「一般」→「キーボード」へと進み、「フリックのみ」をオンにしておいてください。 それでは早速、フリック入力で記号文字を入力していきます! 1. 括弧の入力 まずは、日常でよく使う“「」”(括弧)では“や”のキーを左右にフリックすることで簡単に入力できますよ。

    【小技】フリック入力を完璧に使いこなす!記号文字の入力が激的に捗る方法まとめ
  • Change Text Link Hover Effect Using CSS3

    2020年2月25日 CSS どのサイトでも見かけるテキストリンク。リンクのついたテキストにマウスオーバーすると文字色を変更する、というシンプルかつわかりやすい効果を実装しているWebサイトが多いかと思います。この装飾をもう少し変更できないかな?と思いCSSのみでプラスすることができるエフェクトをいくつか紹介します。 ↑私が10年以上利用している会計ソフト! 目次 ちょっと予備知識 文字色をふんわり変える 背景色をふんわり変える 文字をぼかす 光を放つグロー効果 背景を角丸に レインボーカラーに 拡大・縮小 角度を変える くるっと回転 1. ちょっと予備知識 今回はjQueryなどのJavaScriptを使わず、CSSのみで実装できる小技を集めています。その中でどの小技にも採用しているのが transition プロパティです。transitionプロパティは、時間の変化を操作するもので、

    Change Text Link Hover Effect Using CSS3
  • 少しのコードで実装可能な20のCSS小技集

    2019年5月17日 CSS CSSハックに続き、このCSS小技集も私のブックマークにずらりと並んでいたので、整理も兼ねて記事にしてみました。CSSのお勉強を始めたばかりの頃にブックマークしておいたものも多数。。ということで初心者さんからベテランさんまで参考にしてみてください! ↑私が10年以上利用している会計ソフト! コードはサンプル内の「HTML」や「CSS」タブをクリックしてくださいね! 少しのコードで実装可能なCSS小技集 シリーズ 【第2弾】少しのコードで実装可能な20のCSS小技集 【第3弾】少しのコードで実装可能な15のCSS小技集 まずはCSS基礎編 1. divを中央揃えにする ほとんどのサイトが基準となるdivを画面の中央揃えに設定しています。左右のmarginをautoにして中央揃えに。 See the Pen Center Div by Mana (@manabox

    少しのコードで実装可能な20のCSS小技集
  • 1