【GoogleMap】APIキーを設定したのに、地図が表示されない
APIキーは以下のように問題なく設定されている。 <script async defer src=”//maps.googleapis.com/maps/api/js?key=[API KEY]R…
ウェブ技術ウェブ技術ウェブ技術
ウェブ技術
ウェブ技術Sassで連番生成
備忘。 CSSのclassを連番にするときなど、いちいちコピペするとソースも無駄に増えるうえ、面倒くさい。Sassなら数行で済む。 出力結果 こんな感じで、連番のclassや値をを自動生成したいとき。 [crayon-6…
ウェブ技術ATOMで文字エンコードが勝手に変更される
備忘。 当方環境にて、utf-8のファイルが勝手にWindows1252になってしまう問題が発生してまった。 そんなときの対処法。 ググってたら色々出てきたけど↓ ATOM でファイルを開いたら自動文字コード判定を行う …
ウェブ技術エックスサーバーでファイル名が文字化け。削除もファイル名変更もできない
備忘。 エックスサーバーで、ファイルが文字化けして削除・変更が出来ないとき。 FTPクライアントソフトやファイルマネージャーで削除も出来ず、名前も変更できず。 コールセンターに問い合わせる前に、以下で解決する場合がある。…
ウェブ技術クリッカブルマップをレスポンシブ対応する jQuery
最近あんま見なくなったクリッカブルマップをレスポンシブ対応させて欲しいとお願いされたので、備忘録として残します。 これね 参考： クリッカブルマップ <map name=”…”&…
ウェブ技術【jQuery】グローバルナビゲーションで現在のページ（カレントページ）にclassを自動追加
備忘。 URLを取得し、自動的にclassを追加する。 グローバルナビゲーションなどに。 やり方 jQuery読み込み まずjQueryを読み込みます。
1 | <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> |
…
ウェブ技術レスポンシブ【JSで画像切り替え】／「display:none」で切り替えたくないときに
備忘。 「display:none」で切り替えたくないときに。 これならばページを開いたタイミングで全ての画像を読み込まないため、軽量化できる。 やり方 class=”switch”が記述されてい…
ウェブ技術XAMMP最新版の初期設定まとめ
備忘。 すみません。全部外部サイトにおまかせです。 ただ調べている中で分かりやすかったものをまとめました。 インストール直後にやっておくべき設定です。 最新版は以前のバージョンよりも確かにわかりにくい。 MySQLのパス…
ウェブ技術【無料】Excelガントチャート(工数予定表)
ガントチャートを無料配布します 以前エクセルで作成したガントチャートを無料配布します。 商用・個人フリーです。 ご自由にお使い下さい。 ダウンロード：ganttchart.zip ※二次配布は禁止します ※改変して配布す…
ウェブ技術スターウォーズのオープニングロールが作れるCSS
スターウォーズのオープニングテロップが簡単に作れるCSSがあったので試してみました。 ソースファイルのダウンロードや使い方はこちら http://polarnotion.github.io/starwarsintro/ …
