HTML&CSS Instagramの「accessToken」と「userid」を取得する方法〜2018年4月版 InstagramのAPI使用方法 Instagramの投稿内容を自分のホームページで表示するには、面倒な手続きが必要です。 それは「accessToken」と「userid」を取得することから始めます。 なお、2018年4月に設定方... 2018.04.15 HTML&CSSTips
HTML&CSS inline要素のpaddingを使う場合の注意点 display:inlineに設定された要素にpaddingをつけた場合の注意点です。padding-leftの指定を行っても、行の終端でインライン要素が折り返された場合には、次の行の先頭にはpadding-leftが付きません。 これは... 2018.03.13 HTML&CSSTips
HTML&CSS OSXを10.13(macOS High Sierra)にアップデートしてSASSのコンパイルがうまくいかない時の対処法 MAC OS High SierraにアップデートしたらDreamweaverのSASSのコンパイルに失敗するようになりました。 対処方法として下記リンクの通りで動きました。どうやらXCodeコマンドラインツールのアップデートの問題のよう... 2017.12.27 HTML&CSSTips
HTML&CSS DreamweaverCCのFTP機能でファイルサイズや修正日が表示されない時の対処 DreamweaverCC(2017.5)のFTP機能ではファイル名とフォルダ名しか表示されてなく、ファイルサイズや修正日が表示されていません。 旧来のようにこれらの情報を表示させる方法です。 次の画像がDreamweaverCC初期状... 2017.11.08 HTML&CSSTips
HTML&CSS アスペクト比を保ちながら拡大縮小できるブロックの作成 レスポンシブサイトを作成するときに、アスペクト比(縦横比)を保ったまま拡大縮小するブロックを作成したい場合があります。簡単そうで結構ハマるところです。 今回はアスペクト比を保ちながら拡大縮小できるブロック領域の作成テクニックです。 ... 2017.03.28 HTML&CSSTips
HTML&CSS CSSのメディアクエリの記述をSassのmixinでまとめました iPhone5〜7に対応したCSSメディアクエリをSassの@mixinにしました。 GitHubに置いていますので、下記アドレスからファイルをダウンロードしてください。 ファイル構成 mediaquery │ ... 2016.11.18 HTML&CSSTips
HTML&CSS :nth-child練習ページ・jQueryセレクタ練習ページ作成しました。 :nth-child練習ページとjQueryセレクタ練習ページを作成しました。 :nth-child練習ページの使い方 :nth-child練習ページ Lesson1 li要素を10個用意しています。 各li要素はflex... 2016.07.24 HTML&CSSJavaScriptTips
HTML&CSS CSSのpositionでtop bottom left right全て指定した結果 CSSでpositionプロパティでabsoluteを指定した上で座標の指定をtop bottom left right と四方向すべてに対して行ったとしたらどうなるでしょうか。 結果はサンプルのとおりになります。 top bott... 2016.07.12 HTML&CSSTips未分類
HTML&CSS Bracketsの使い方 Sublime Text だの Atom だの便利なエディタがほとんど無料で使用できる中、Dreamweaverの存在価値が無くなってきていました。 そんな中突如 Dreamweaver CC 2017(Beta)が姿を現しました。 ど... 2016.06.23 HTML&CSSTips
HTML&CSS Google Mapのスクロールを止める方法 Google Map共有機能の「地図を埋め込む」を使って、サイトにMapを表示する場合iframeが使用されます。 簡単に導入することができて便利に使えますのでさまざまなサイトで活用されています。 ところが、ひとつ問題点があります。... 2016.05.31 HTML&CSSjQueryTips