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