エディタJSON, ATOM

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

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

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

漫画・アニメ銀魂

銀魂も最終章に入って随分と経ちましたね ファンサービスを兼ねて過去キャラをいっぱい登場させるって話だったけど本当にいっぱい出すもんだから話が全然進まないですのー 終わって欲しくはないんだけど、最終章ってなるとほむほむーってなりますね 実際、 ...

漫画・アニメはじめの一歩

漫画ってのは常には読者の予想を裏切る必要はないと思うのだけど、、 一歩、2連敗かぁ・・ しかも敗戦から立ち直り、磨き上げた体と新型デンプシーをお披露目する復帰戦 負けるのかーー で、その次の鷹村戦、メインタイトルは数ページで終わるのかー 作 ...

CSSグリッドレイアウト

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

CSSCSSデザイン

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

未分類SVG

JavaScriptやCSSを使わずSVGコードだけでアニメーションさせてみたいと作ってみました scaleを使った際のpathで基準点の変更というか中心点を取り方や難しくて満足のいくものではありませんが、取り合えずひとつ出来ました ソース ...

CSSグリッドレイアウト

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

CSSCSSアニメーション

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

CSSCSSデザイン

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

JavaScriptシンタックスハイライト, JavaScriptライブラリ

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

APICodePen

サイトやブログに掲載しているソースコードを運営者でも訪問者でもコピペなしの1クリックでWEBサービスの編集エデッターに移動できないか、と CODEPENならありそうと思ったらありました POST to Prefill Editors by ...

JavaScript取得

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

CSSCSSデザイン

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

未分類SSL

SSLドメインサイト(https)から非SSLサイト(http)へリファラーを送信するには、新たにmeta要素に「referrer」をnameとして記述する方法とaタグに「referrerpolicy」を指定する方法があるようです meta ...

WordPressWordPressカスタマイズ

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

API

Push7の無料プランの上限5,000の定義は月間のユーザー×送信数 仮に受信ユーザー数が100人要ると50通でパンクする 通知用アプリダウンロードによるiphoneの対応はなかなか魅力的なのでiphoneだけpush7を使うという手もあり ...

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

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

WordPressWordPressプラグイン, WordPress高速化

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