JavaScriptでURLのパラメータやアンカーを判断して処理を変更する方法
URLのパラメータやアンカー(#以降の部分)を取得して、その値ごとに処理を変更する方法をまとめました。 URLのパラメータで判断する場合 パラメータは、「?」+「変数(パラメータ)=値」というかたちで構成されています。 …
URLのパラメータやアンカー(#以降の部分)を取得して、その値ごとに処理を変更する方法をまとめました。 URLのパラメータで判断する場合 パラメータは、「?」+「変数(パラメータ)=値」というかたちで構成されています。 …
phpQueryというjQueryのような感覚でDOM操作ができるPHP用ライブラリを使ってWEBスクレイピングしてみました。 WEBスクレイピングとは ウィキペディアより ウェブスクレイピング(Web scraping…
今回はJavaScriptの構文チェックツールについてまとめました。 これからチェックを始める方が、基本的なチェックを始めるまでの方法を紹介したいと思います。 主な構文チェックツール(JSLint,JSHint,ESLi…
マルチカラムレイアウトとは? 記事やブログ、商品説明などの文章の段組の場合、これまでだとfloatを使用し、並べて。。。などの方法で配置していたのですが、親要素にカラム数・幅を指定するだけで綺麗に並んでくれるマルチカラム…
CSSの擬似要素::beforeや::afterを使って、文字列や画像等を挿入することありますよね。挿入したい内容は、下記のように、contentプロパティの値に指定しておけば、要素の直前か直後にCSSだけで擬似的に挿入…
ちょいちょい使う機会も増えてきた WordPress の REST API ですが、カスタム投稿タイプやカスタムタクソノミー関連のデータ取得が必要な機会がありましたので、方法をまとめておきます。ひと手間だけかかる感じでし…
前回はCSSアニメーションの「animation」と「transition」についてまとめましたが、今回は、要素を変形させる「transform」について。 前回記事→CSS3でアニメーション:初歩の初歩
Photoshopをメインツールとして使い始めて数年になりますが、ここ最近のバージョンアップで使用感が大きく変わってきたなぁと実感しています。 特にウェブデザインのためのツールとしては、よりマークアップへの連携がしやすい…
2016年2月24日、GoogleがAccelerated Mobile Pages (AMP)に対応したウェブページを検索結果に表示する事を開始しました。 AMPについての記事はこちら↓ AMP (Accelerate…