はるらぼ

jQuery、Perl、Linux、デザイン、UI関連の備忘録です。※引用する場合は自己責任で。

【主にOutlook】HTMLメール作成で気をつけること

uHTMLメールの作成で気をつけることなど。 主にOutlook・・・ 1.paddingが認識されないことがある 2.max-widthが認識されないことがある 3.フォント 4.のちほど書きます~ 【参考】各メーラーの対応しているCSS www.campaignmonitor.com

TISProToolbarLib.js

めもめも。デバッグ中にコンソールで「TISProToolbarLib.js」のエラーが大量発生した。chromeのウイルスバスターの拡張機能が影響していたようで、削除して解決。日本語の情報はあまり出てこなかったのだけど、スクリプトのエラーの可能性もあるみたい?

スムーズなアンカーリンク

めもめも qiita.comヘッダー固定しているときはオフセット phiary.meヘッダー固定&読み込み時にURLにハッシュがあればスクロール ページ読み込み後に指定の位置まで自動スクロール | 2GRAVITY uxmilk.jp

Atomパッケージ

とりあえずこれ入れときゃ作業がはかどる。と思うメモ。 パッケージ これがなきゃ他人のソースコード読む気になれない。。。

ドラマニ専コンを電子ドラムっぽくしてみた

ちょいと趣味の話を。 高校生の頃からギターを、社会人なってからはベースを少々やってるんですが バンドやってるとドラマーでなくてもドラム叩きたくなることがありますよね。 他のパートもわかった方が合わせやすくなるかもしれないし、とかね。 でもドラ…

Androidアプリ開発メモ

アプリはよくわからぬ・・・今度ちゃんと調べよう。 Androidアプリのデバッグ、デプロイ関連 Androidのスプラッシュ画像

releaseブランチ

Git

1年半以上使っていても、いまだによくわからないGit・・・。TortoiseGitとBacklogを使ってます。 www.backlog.jp developには慣れたけど、releaseブランチの作り方がわからない。と思ったら、develop基点でreleaseブランチ作成してプッシュするだけで良かっ…

Analyticsの勉強したい。

GAIQとか受けたらいろいろデータ読めるようになるんだろうなぁ。 がんばろ。 わかりやすかった!あとでちゃんと読もう。 ferret-plus.com

長い英数字を改行させるcss

CSS

いつも忘れちゃうんだよなぁ・・・ htmlメールとか、テーブル組みだと抜けやすいから注意せねば。 body { word-wrap: break-word; overflow-wrap: break-word; } /* テーブルの場合はこちらも */ table { table-layout: fixed; } ↓word-break: break-all 使…

クロスドメインで注意すること

メモメモ。。。 Analyticsのクロスドメイン設定 support.google.com Webフォントを使用していないか確認 ウェブフォントのクロスドメイン問題について〜WEBフォントトラブルTIPS1 | 日本語ウェブフォントファンブログ

疑似要素を使った文頭記号

CSS

よく使うのでメモ。 りんご なし もも ul.sample01 { list-style-type: none; } ul.sample01 li:before { border-top: 1px solid #777; border-right: 1px solid #777; content:""; height:5px; width:5px; transform:rotate(45deg); -webkit-transform: rot…

【jQueryなど】よく使うのに忘れやすい記述メモメモ

jQueryで複数のセレクタを指定する jQueryのセレクタに変数を使う jQueryで処理を繰り返す(該当するセレクタすべてに適用する) ifで要素が存在するかの分岐 モバイル、タブレットの分岐 ファイル読み込み jQueryで値を数値として取得する(pxなし)

フォントアイコン「Font Awesome」を使ってみた

web

今更やってみるシリーズ!「Font Awesome」を使ってみました。

スクロール量に応じて、横からコンテンツが出てくる

よくある「スクロール量に応じて、横からコンテンツが出てくる」あれです。今ドキっぽい。

【jQuery】特定の文字を含む場合置換する

<div class="item"> 対象の文字列 </div> <script> $(function(){ $('.item').each(function(){ var change_txt = $(this).html(); $(this).html(change_txt.replace(/対象の文字列/g,'置換後の文字列')); }); }); </script> 【デモ】 対象の文字列 $(function(){ $('.item').each(function(){ var cha…