HTML&CSS デザインカンプからコーディングで重宝するツール
デザインカンプと1pxも違わないコーディングを行うには細かな確認が必要になります。
そんな時に役立つツールの紹介です。ただし、MAC専用です。
LayerX
psd形式を含めた画像ファイルを透明化してコーディングしたページと重ね合...
HTML&CSS 
php&MySQL MAMP設定〜2018年版 Claud機能が追加されたが設定はどこで？
2018年にMAMPのCloud機能が追加されました。共同作業をMAMPで行う場合は便利かと思いますが、PHPやWordPressの学習のためには必要無いものです。
MAMP（旧バージョン）の新規インストールの方法はこちら。
＊新バ...
HTML&CSS マークダウンの勧め
マークアップ言語にはHTML言語も含まれるわけですが、そのほかにも様々な記述方法があります。そしてその中の一つにマークダウンという記述方法があります。GitHubの中でもDocumentとして活用されています。
HTML化するほどのもので...
HTML&CSS FlexBoxの使い方（7）〜 flex-wrapについて（動画あり）
flex-wrapの動画
floatの代わりにdisplay:flexを使用するとレイアウトが簡単になります。けれども、場合によっては思わぬ挙動となり困る場合が出てきます。それは例えば幅の問題です。Flexアイテムに指定し...
HTML&CSS Twitterユーザータイムラインを自分のホームページに表示
ここで紹介した方法は現在中止されています。
Twitterのタイムラインをホームページに埋め込む方法〜2018年更新版を参考にしてください。
Twitterのユーザータイムラインを自分のホームページに表示する方法は他のSNSに比較し...
HTML&CSS Instagramの「accessToken」と「userid」を取得する方法〜2018年4月版
InstagramのAPI使用方法
Instagramの投稿内容を自分のホームページで表示するには、面倒な手続きが必要です。
それは「accessToken」と「userid」を取得することから始めます。
なお、2018年4月に設定方...
JavaScript TypeScript入門（1）
TypeScriptはJavaScriptの問題点をカバーするためにマイクロソフト社により開発されたJavaScriptの代替言語です。
TypeScriptはコンパイルすることでJavaScriptに変換することができます。
文法的に...
JavaScript Node.js入門（4）コマンドライン引数について
Node.js ではコマンドライン引数は process.argv で受け取ることができます。
process.argv はコマンドで指定した引数を配列として格納されます。
process.argv
0: /Users/tahar...
JavaScript Node.js入門（3）Node.jsでES2015(ES6) 入門
ECMAScriptはEcma Internationalによって標準化された仕様です。ECMAScript6は2015年に採用されたため、ES2015やES6などと省略されて呼ばれています。ここではES6で特筆すべき機能を紹介します。
...
HTML&CSS inline要素のpaddingを使う場合の注意点
display:inlineに設定された要素にpaddingをつけた場合の注意点です。padding-leftの指定を行っても、行の終端でインライン要素が折り返された場合には、次の行の先頭にはpadding-leftが付きません。
これは...