JSON,ATOM,エディタ

なかなか良い方法が見つからない 現状は「Googleスプレッドシート」にて作成したデータを「Export Sheet Data」というアドオンにてJSONに変換 コピペまたはダウンロードして作業エディタ兼FTPアップローダーにしてる「ATO ...

再起動,トラブルシューティング,windows10

PCの動作は至って正常だったけど突如 Windows「問題が発生したためwindowsを再起動します」 と強制再起動開始 Windows「問題の情報を収集しています」(%表示) 再起動開始 Windows「更新プログラムをインストールしてい ...

CSS,グリッドレイアウト

グリッドレイアウトCSSでヘッダー下に置く感じの横並びメニューを組んでみました 普通のリストで良いのでHTML構造は単純に、リストタグではありませんが、、 <div id ="menus"> <a class="item" ...

CSS,CSSデザイン

checkboxのオンオフでアイコン色をCSSで切り替えているだけです 電源のアイコンマークにはgoogleのmaterial iconを利用しています See the Pen new pen by yochans (@yochans) o ...

CSS,グリッドレイアウト

Microsoft edgeがWindows 10 Fall Creators Updateからベンダープレフィックスなしのグリッドレイアウトに対応しましたね edge用に記述するベンダープレフィックスがきつすぎたのと、そもそもグリッドレイ ...

CSS,CSSアニメーション

ひとつの要素に2つのキーフレームの定義するのにメモ animation:で定義を2つ書くと上書きになってしまいますが、ひとつの要素に複数のアニメーションキーフレームを定義するのはカンマ区切りで良いのですね .sample{ animatio ...

CSS,CSSデザイン

CSSで指定した要素のサイズから背景画像をはみ出さない様にする background-sizeを指定する contain:縦横比保持、背景領域に収まる最大サイズになるように背景画像を拡大縮小 cover:縦横比保持、領域を完全に覆う最小サイ ...

JavaScriptライブラリ,JavaScript

コード表示をシンタックスハイライトで色付けして見やすく表示するJavaScriptライブラリ「Google Code Prettify」 プログラムコードのの紹介などで良く使われますね Google Code Prettifyを読み込む G ...

取得,JavaScript

JavaScript JavaScriptで要素の位置を取得するスクリプト $('#contents').top; $('#contents').left; $('#contents').offsetTop; $('#contents'). ...

CSS,CSSデザイン

filterプロパティ、画像もだけどCSS要素にも便利だったりで結構使うことありますよね 他のプロパティと合わせる事で一枚のアップデード画像・CSSだけで、かなり自由度のあるWEBデザインが可能となります drop-shadowで影をつける ...

WordPress,WordPressカスタマイズ

WordPressのテーマ「Simplicity2」を利用していた時の記事になります 「Simplicity2」も子テーマのstyle.cssに上書きCSSを追記していく事でCSSデザインをカスタマイズが可能 今回はレスポンシブデザインを維 ...

さくらインターネット,htaccess,SSL,レンタルサーバー

さくらのレンタルサーバーでHTTPSリダイレクトを.htaccessでさくら公式に従って記載しておりましたが、RSSが正常に取得できるか試してたら同一サーバーからのfile_get_contents(php)でエラーが発生しました .hta ...

WordPress,WordPressプラグイン,WordPress高速化

他のテーマを利用しても同様だと思いますが、「Simplicity2」さんのテーマもCSSファイルが分散されていてかなり多い ※追記:現在は「Simplicity2」さんのテーマを利用していません カスタマイズ性を考えると使いやすい部分ではあ ...