CSS CSSで画像をトリミングする
画像を使い回したいけど、場所によって比率が異なるときなど、CSSで画像トリミングができると便利です。 今回は、背景画像の場合と、imgタグの場合のトリミング方法をまとめました。 元画像はこちら（hamarikyu.jpg） 都会のオアシス・...
nico
CSS HTML iframeからのリンクを、別タブ／親ページで開く
iframeで別ページを読み込んでいるとき、リンクやフォームの送信がiframe内でおこなわれてしまい困ったので、どうすればいいか調べました。 下記のコードサンプルは、iframe内（読み込まれる側）の記述です。また、今回の解説に必要最小限...
JavaScript 【初心者向け】デベロッパーツールでエラーが出て困っているあなたと私へ。
デベロッパーツールにエラーが出てしまって困り果てている人へ、根本的な対処法をお伝えします。 今回のエラーの定義 デベロッパーツールの「コンソール」タブで表示される、この赤いエラーのことを指します。 ※画像はChrome 左にエラーの内容、右...
HTML レスポンシブのとき、viewportタグをjsで振り分け
レスポンシブ対応だけど、タブレットはPCと同じ見た目でいいのになー、ということありませんか？そんな時のための備忘録です。 viewportをjsで切り分け デバイスごとにviewportを書き換える方法です。 ちなみに > 0と言う記述はt...
その他 【真面目だと自覚がある人へ】やる気がなくてもいいじゃない
仕事。やる気しない。 会社。行く気しない。 そんな時は結構誰にでもあるものだと思うけど 今の社会では「やる気がない」が完全に悪とされている。気がする。 「やる気がない」状態って、 そんなに問題があることなのかな〜。 やる気がないなら無理にや...
CSS liタグを複数列で縦並びさせたいとき、超絶簡単な方法があった！
liタグを、縦並びで、複数カラムで表示したいときの方法です。言葉だけではうまく伝えられないので、さっそく紹介していきます。 方法1、2とも、HTMLは共通です。山のラインナップの偏りはスルーしてください。。 【方法1】column-coun...
PC MacのOSアップデートが、容量不足により失敗した話
OS Mojaveへのアップデートをしたところ、 PCの空き容量が足りず、起動できなくなりました。 先に結論から申し上げますと、今回の記事でお伝えしたいことは3つ。 ①アップデートは、時間的に余裕があるときにやるもんだ。 ②外付けHDDは必...
CSS aタグをリンクさせたくないとき、CSSで解決できる
とりあえずリンクは設置するけれど、期日が来るまでリンクを無効にしたいときのための良い方法がありました。 CSSの「pointer-events」で設定 HTML CSS プレビュー リンクしないよ たったこれだけ。なんて簡単！わざわざdiv...
PC MacでWindowsを無料で起動する方法。Virtual Box vs. Boot Camp
MacユーザーだけどWinを使いたい。けれどWin本体を買うほどでも、、、という方へ。私が導入を検討した2つの方法を紹介します。どちらも無料で導入できます。 Boot Camp Boot Campは、元々Macに備わった機能です。Macの公...
その他 コツコツ積み重ねることは何にも変えがたい武器。
働くってなんだろう？ それに対する答えは未だに出ていないかもしれない。 元々学校とか集団生活が好きじゃなかった。 そんな自分でも、社会に出てしまえばどうにかなると思ってたけど やっぱり社会性がないことを思い知り、それに対してすごく悩んだりし...