TAM のテクニカルチームがお届けする WEB技術ブログ！
スマホでは縦長の画像を表示したいけれど、PCでは横長の画像を表示したいということがよくあります。 そんな時にはJavaScriptで横幅を判定して切り替えるという方法がよくとられると思います。例えば、以下のような方法です…
管理画面大好きの皆さんこんにちは！管理画面カスタマイズしてますか？ 最近、MovableTypeの開発で管理画面のカスタマイズをよくするので、管理画面をCSSとJavaScriptでカスタマイズできる「MTAppjQue…
Laravel Mix って？ Laravel Mix は PHPのフレームワーク Laravel に同梱されているビルドツールです。webpack をベースに作られていて、設定の記述量が少なく済むのが特徴。また、Lar…
チェックボックスやラジオボタンは、「閲覧環境によってデザインが変わってしまう」「サイトのデザインと合わない」といった理由からCSSでカスタマイズすることが多いと思います。 ただ、検索でよく見るカスタマイズ方法だと、inp…
.gitignoreをプロジェクトの度手書きしていませんか？ 毎度毎度 *.DS_Store や Thumbs.db をignoreファイルに含めていませんか？ 地味に面倒くさいけどプロジェクトの最初だけだからまぁいいか…
今年4月、「Google Fonts」に明朝体の書体「Noto Serif CJK」が発表されましたので、遅ればせながら使ってみました。 ［参照］ ・Google Developers Japan: Noto Serif…
Amazon Dashボタンについて Amazon Dashボタンをご存知でしょうか。 Amazonが提供している物理ボタンで、ボタンを押すことで設定した商品をお手軽に購入することができる便利グッズです。最近、対応商品が…
こんにちは。 僕はデザインとフロントエンドを兼ねて仕事をしているのですが、デザイン段階でCSSフレームワークのガイドラインを意識してデザインすると、コーディングが格段にスピードアップするのを実感しています。 本記事は今ま…
WordPressでデフォルトのログイン画面を使わずに、テーマのメインインデックステンプレート（index.php）に、オリジナルデザインのログイン画面を構築しサイトトップとして使用する機会があったのでご紹介します。 仕…
決まった寸法の領域に、縦横比もサイズもバラバラの画像を「うまいこと」表示しないといけないなんてことないでしょうか。 HTML + CSSで地味に苦労する上下左右中央とサイズの調整、未だに一発書きが出来ません。 flexb…