フロントエンド10年目の僕がHTML、CSS、javascriptの忘れがちなことを日々書いています。フロントエンド10年目の僕がHTML、CSS、javascriptの忘れがちなことを日々書いています。3つのイベントが鍵となります。横方向の距離を知りたい時ってありますよね。そんな時に便利なのが、jQueryの機能です。箱庭タウンズの乗り物獲得条件一覧を見やすく作成⭐️いつも箱庭タウンズを休みの時はダラダラとしていて、ご飯食べるのも忘れるぐらいハマってます。乗り物の獲得条件一覧2024年09月01日その他その他こだわりラーメン館〜全国編〜コンボするトッピング(食材)早見表を作りました!最近、カイロソフトの「こだわりラーメン館〜全国編〜」が好きすぎる。このゲームをスマホでプレイしてると、無性にラーメンが食べたくなる。家系ラーメンがちょー好きな人間だから、デブ一直線待ったなしです。この「こだわりラーメン...2024年08月16日その他javascriptjQueryでaタグからパラメータを抜いたURLを取得する方法ブログ記事やWebサイトで、aタグにパラメータを仕込んでページ遷移させていることってありませんか?jQueryを使えば、そのパラメータを簡単に排除したURLを取得することができるんです!今回紹介するのは、たった数行のコードで実現できる超絶シ...2024年08月12日javascriptjQueryjavascriptjQueryで特定の文字列をもつ要素を取得jQueryで特定の文字列を含む要素を取得する方法ご紹介です。この方法はリストをループ処理して特定文字列のあるリストのスタイルを変更する処理になります。実際のコードはこちら。プロパティを使って、アニメーションのタイミングを遅らせる方法を紹介します。プロパティは、CSSトランジ...2024年07月29日CSSjavascriptjavascriptjQueryで偶数、奇数を判定Webサイトの開発において、数値を扱うことは頻繁にあります。その中でも、偶数と奇数の判定は様々な場面で必要となる重要な操作です。そこで今回は、jQueryを使って簡単に偶数と奇数を判定する方法を紹介します。2...2024年07月22日javascriptjQueryCSScssでテキストを上下中央配置|テキストを真ん中に!ウェブページを作っていると、テキストを上下中央に配置したい場面ってありますよね。実は、CSSを使って簡単に実現できちゃうんです!今回は、初心者でもわかりやすく、コード例を交えながら解説していきます。シン...2024年07月15日CSSjavascriptjQueryでリストの最後に要素を追加する方法リストの最後に要素を追加するってなんだったけ?ってよくなる。英語がダメな自分は、「最後に追加する」的な英語がパッと出てこないからgoogle翻訳に聞いてみた。end」って返ってきた。jQueryに「$("")....2024年07月08日javascriptjQueryCSS【CSS】線(border)の種類一覧CSSのborderって色々種類あるじゃない。だいたい1本線の「solid」しか使わないけどたま〜〜〜に点線とか破線とか使うとき、あれ?どう書くんだったっけってなるから一覧でコピれるようにしときます。1...2024年04月29日CSSCSSCSSだけで角丸枠線グラデーション枠線グラデーションと角丸は相性がめっちゃ悪い。一筋縄じゃCSSだけで実装できない。かこうにかやる方法があるので今回は、そんなどうにかこうにかCSSだけで角丸枠線グラデーションを実装する方法のご紹介です。角丸グラデーション(ボ...2024年04月22日CSSCSSCSSだけで文字グラデーション文字グラデーションも枠線同様に画像かSVGじゃなきゃ表現できないと思ったけどCSSだけで表現できるみたいなんだ。今回は、文字グラデーションをCSSだけで実装する方法のご紹介です。下のコードをCSSに貼り付ければすぐにテキストグラデーショ...2024年04月15日CSSCSSCSSだけで枠線グラデーション。CSSだけで枠線をグラデーションにする方法のご紹介です。枠線グラデーションってもはや画像やSVGで済ませちゃえばって思うけど、CSSでできるならそれに越したことはないじゃない。flexを使うといい感じに横並びにできていいよね。レスポンシブした時に要素の順番を変えたいなって思うこと多い。そんな時に使えるのが「order」なんだ。次へ広告エンデ・バタローフロントエンドエンジニアとして10年目のキャリアを積んでおり、figma、Illustrator、Photoshop、WordPress、HTML、今は亡きXHTML、CSS(scss)、JavaScript(jQuery)、PHPなど使って日々仕事をしています。仕事で検索する手間を省くためフロントエンド技術に関するブログを書いています。制作のご依頼はこちらから連絡ください。ブログ.メニューHTMLCSSjavascriptPHP箱庭タウンズ。