作業の覚え書き

Web 制作 Memo

By

ターミナルで特定のディレクトリに素早く移動する

自宅ではMacなのだけど、基本GUI環境なので、大量にある画像フォルダをプレビュー付きで1つ1つチェックしてると、外付けHDDの場合、フォルダリストの情報に関するレスポンスがしばらく返って来ない事がある。
Read More

By

迷惑メール対策

spamメールがあまりにもひどいので、サーバー側で迷惑メール対策を試みる。

1. メールソフトで迷惑メールを抜き出し1つのフォルダにまとめてサーバー上のMailBox と同階層にフォルダごとアップロードする。

ターミナルにログインし、コマンドを実行して実行結果を確認。

% /usr/local/bin/sa-learn --spam spammail/

↓ 実行結果(854件のメールを spam として学習)

Learned tokens from 854 message(s) (854 message(s) examined)

あとは CRON で1日1回このコマンドを実行するように設定。
これで様子を見てみよう。

By

SyntaxHighlighter Evolved

最近、ここにコードを書く機会が増えたので、さすがにSyntaxHighlighterを入れないときついな、ということで配布先を探したら、やはりそこはWordPress。ちゃんとプラグインがありました。

ということで、WordPress Collegeさんに詳しく説明されてる記事があったのでそちらを参考に。

【WordPress】綺麗にソースコードを表示する SyntaxHighlighter Evolvedの使い方(WordPress Collegeさん)

By

画面に雪を降らせる

画面に雪を降らせる方法に関するメモ

情報源はこちら↓
初心者でも簡単!ブログに雪を降らせる方法まとめ(Naifixさん)

1.CSS

http://www.tutsgeek.com/jquery-christmas-snow-animation-effect/
CSS Snow Effect

2.JavaScript
snow.js
雪を降らせるJavaScript(atokalaさん)

iPad、iPhone、Androidは動作が重くなるため無効にしております。
どうしても動かしたい場合はsnow.jsの223~225行目を削除してください。

とのこと。

Snow Particle

3.jQueryプラグイン
配布サイト
JQuery-Snowfall
http://www.hp-stylelink.com/news/2014/10/20141007.php

使い方
ページに雪を降らせよう!『JQuery-Snowfall』の使い方(Web制作会社スタイルさん)

By

CSSで画像をトリミングする

div.trim img {
position: absolute;
clip: rect(10px, 210px, 100px, 100px);   /* 右上 y,x 左下y,x */
margin-left: -100px;
margin-top: -100px;
}
div.trim {
position: relative;
width: 200px;
height: 200px;
}


<div class="content">
<div class="trim"><img src="http://studiocue.jp/note/wp-content/uploads/2013/01/015.jpg" alt="" /></div>
</div>

By

Copyrightの年度を自動更新

自分用メモ。

Copyright の年度をPHPで自動更新。


Copyright &copy; <?php echo date("Y"); ?> YUKI All Rights Reserved.

PHPが使えるかどうか未確認の環境用
Copyright の年度をJavaScriptで自動更新。


Copyright &copy; <script type="text/javascript">// <![CDATA[
document.write(new Date().getFullYear());
// ]]></script> All Rights Reserved.

By

WordPressの最新記事を新着情報として静的HTMLページに表示させる

WordPressの最新記事のタイムスタンプとタイトルをトップページに表示できるようにしてみた。

一行目はフルパスを記入。


  •  

最新記事を埋め込んだページ
http://studiocue.jp/

By

ウェブマスターツールを見てみた

検索クエリ
検索キーワード 表示回数
バトンタッチ 170
シネマフロンティア メンズデー 10 未満
恋愛能力指数テスト 10 未満
irc 2013 10 未満 10 未満
irc2030 10 未満 10 未満
炊飯器 爆発 10 未満
studiocue 10 未満
smartrollover.js 10 未満
炊飯器料理爆発 10 未満
美瑛 桜 10 未満 10 未満
irc2520 10 未満 10 未満
バトンタッチ イラスト 10 未満
夕陽 10 未満 10 未満
羽山料理店 10 未満
バトンタッチ イラスト 10 未満

バトンタッチ・・・あんなイラストが何故?(汗)

リンク数の最も多いリンク元
vjcatkick.com 13,062
livedoor.jp 1,306
tok2.com 293
blogpeople.net 29
kotonoha.cc 21

最も多くリンクされているコンテンツ
/smilelife/ 14,693
http://studiocue.jp/ 81
/smilelife/2012/01/初詣/ 6
/smilelife/2011/12/hayama/ 4
/blog/2004/04/ichat_3.html

コンテンツ キーワード
キーワード 重要度
1. 国
2. 投稿
3. ない
4. photo
5. 民
6. 旅
7. 写真
8. 海
9. 作
10. 〇
11. 生
12. 観
13. 道
14. blog
15. 金
16. 日時
17. 利
18. 加
19. 成
20. 期

HTML の改善 最終更新日: 2013/04/11
以下の問題に対処すると、サイトのユーザー エクスペリエンスとパフォーマンスを向上できる可能性があります。
メタデータ(descriptions) ページ
重複するメタデータ(descriptions) 17
長いメタデータ(descriptions) 0
短いメタデータ(descriptions) 1
タイトルタグ ページ
タイトルタグの記述なし 0
タイトルタグの重複 6
長いタイトルタグ 0
短いタイトルタグ 0
情報が不足しているタイトルタグ 0
インデックス登録できないコンテンツ ページ
サイトからインデックス不可コンテンツに関する問題は検出されませんでした。

descriptionsを再考する必要有り、ですな。