エスエムティの愉快な仲間たち

こんばんはばさっちです。
パスワードの管理ってどうしてますか?

私は今まで1Passwordで管理、パスワード自動生成してたのですが、イマイチ使いづらい…（特にkが大文字なのか小文字なのかが分かりづらい…パスワード生成の時はkを回避するくらい分かりづらい）

なのでここは思い切って最近話題の「Bitwarden」に乗り換えました。



・Bitwardenのいいところはまず無料で使える!
※有償版もありますが、今の所無料版で問題なし

・デバイス間での同期ができる。
どのデバイスで入力しても一元管理できるのでPCでパスワード入力するときもコピペでログインできます!

・家族間の共有が可能!※2人まで
たとえば子供のパスワードなんかも管理できたりします。
他の管理アプリって有料の場合が多いのですが2人までは無料です。

・UIもシンプルでわかりやすい
他の管理アプリは補足のテキストフィールド分かりづらい気がする…

・1passwordのデータをインポート可能（これが決め手でした!）
パスワードの引っ越しって結構めんどくさいし時間もかかるのがネックだったのですがBitwardenは他のデータの引き継ぎが可能でした!!
→引き継ぎ方法はこちらを参考にさせてもらいました!!

その他色々メリットはありますが、上記だけでも使う価値は十分あるかと思います。

パスワード管理ってめんどくさいですけど一回やってしまえば本当に楽ですし、流失・不正アクセスの心配もほとんどないと思うので、しっかりパスワード管理してみてはいかがでしょうか?

こんばんはばさっちです。
デザインする時に色々特に気を使う部分って結構あると思うんですが、私にも結構ありまして、その一つが見出しのデザインなんです。

見出し一つで印象が変わってしまうので大きさやスタイルなんか、実は結構こだわってるんです!!

最近参考にさせてもらっているサイトが「CSS見出しデザイン参考100選！コピペ可！どこよりも詳しく解説！」なんですけど、シンプルなものから目立ちそうなものまであります。

種類も豊富なので結構最近重宝させてもらってます!
サイトも見やすいしタイトルのデザインに困ったら参考にしてみてはいかがでしょうか!!

こんばんはばさっちです。

calc関数って便利ですよね!
計算とかしなくても簡単に横並びなど実現できちゃうのですが、
calc関数を使った際にie11で不具合が出てしまったのでメモがてら書いていこうと思います。

今回はの不具合はナビのコーディングの際に起きました。

■CSSの記述はこちら
nav {
width: calc(100% / 7);
}
@media all and (-ms-high-contrast:none){
*::-ms-backdrop, 
nav {
width: 14.28%;
}
}

■画面の表示



ハックが効いてないのか左側の余白やカラム落ちしちゃってます…

importantを付けてやってみても全然うまく行きませんでした…なので今回はcalcを使うのを辞めて%のみの指定に変えてみたところ当たり前ですが、、、



うまく表示できました!!
少し前ならムキになって絶対に解決するまでやっていたと思いますが、解決に時間がかかるなら使うのを辞めるのも一つの手かと思いました!!

今度時間のある時にでも解決法を探ってみたいと思います。

こんばんはばさっちです。

先日「Sublime Text」をアップデートしたら”br”のショートカットがtabじゃなくなっていました…
多分アプデの兼ね合いで何かとバッティングしてるのだと思うのですが、”br”を打ってからスペースを空けないと”br”って出ない…



これが結構面倒くさいし結構ストレスになるので解決方法を調べてみたらショートカットの変更のやり方があったのでさっそく試してみました!!
変更の仕方も簡単で、基本設定のキーバインド（ユーザ）に追加するだけでOK!!



今度からbrのショートカットは “shift + enter”で!!!!
Dreamweaverと同じなのでこれはこれで使いやすいです!!

こちらのサイトを参考にさせていただきました。
http://eturlt.net/blog/20150519/sublime-text-3-br/

こんばんはばさっちです。
コーディング終了し、ブラウザチェックをChromeとEdge同時でしていた時に、あるはずのアイコンが出ていない…？？

さっきFirefoxでは確認してたんだけどな～っと思いつつ、パスなどを再度確認…
パスなどは問題なく、F12でコンソール見てみたら下記のようなエラーが…



調べてみたらChromeとEdgeの拡張機能とバッティングしていたみたいです。
拡張機能をOFFにしたら無事表示されました!!!

画像やアイコンが表示されない時は画像パスなのもそうですが、拡張機能も合わせて確認することをオススメします!!