see more 2012-12 - ponnao-clip

Home > アーカイブ > 2012-12

2012-12

結局、最強の県民共済はどこだったのか?「全41都道府県 県民共済ランキング」 | 保険Hacks

プリントするだけで使える! A4サイズの包装紙を無料ダウンロード : ライフハッカー[日本版]

あなたの保険は大丈夫?大手生保社員が自社の保険に加入しない理由

大掃除終わりにチェック!日々の掃除をラクチンにするテクニックまとめ19個 – M3Q

父親に聞いた管理職として「ダメなチームをデキるチームにする必勝パターン」 – komagata

海外生活で感じた初心者が持って行くべきモノ20選 – My Favorite, Addict and Rhetoric Lovers Only

昭和からの贈りもの

友達に教えたくなるツイート2012 – Togetter

ぶっちぎりに「すごい」映画だ!『Evidence』 – くりごはんが嫌い

ぶく速 お勧めのSF小説教えてくれ

整理収納セミナーに行ってきたのでポイントを12個にまとめてみた

ディズニーフリークの常識!?「JR有楽町駅で改札出ずに京葉線東京駅に乗換可能」 – Togetter

今年の汚れは今年の内に…掃除に使える速攻ワザ&来年の心得まとめ : ライフハッカー[日本版]

あなたが知らない読書法「キラー・リーディング」とは?:Blogで本を紹介しちゃいます。

これぞ温泉街!って温泉街どこにある?【画像付き】 / 流速VIP

www.さとなお.com(さなメモ): 選挙前に見ておきたいサイト7選

決めました、僕は買います! スマホで使える俺専用クラウド「Skylink HD」がNASなのにカンタン過ぎる : ギズモード・ジャパン

【痩せたい人必読】騙されたと思ってやってみて!食べ過ぎたときの記憶を思い出すと空腹感が緩和されるらしい!!! | IRORIO(イロリオ) – 海外ニュース・国内ニュースで井戸端会議

簡単に速読!すごいペースで本を読み続ける為のコツ | 株式会社LIG

大人もご用心!今からでも受けておきたい予防接種のまとめ – What’s Swatz?(ワッツワッツ)

2012年 はてブ数ランキングベスト50 – 今年中に見ておきたい良記事まとめ | Web活メモ帳

【これはすごい】コンポタージュの缶のコーンを効率的に食べる方法がついに解明される! – Togetter

たった200円でできる、電源タップをきれいに隠す方法 : ライフハッカー[日本版]

デジタル一眼レフカメラの基礎から実践まで – #RyoAnnaBlog

コレステロール値や血圧を下げてくれる心臓病に効果的な食べ物飲み物20選!! | IRORIO(イロリオ) – 海外ニュース・国内ニュースで井戸端会議

体を芯から温めるには「乾燥ショウガ」が一番!まとめ21個 – M3Q

「禅」の呼吸法を身につければ、体の不調とサヨナラできるかも? : ライフハッカー[日本版]

【134枚】役に立つかもしれない画像貼ってこうぜ

ラクラクきれい!ウールのセーターの洗い方:日経ウーマンオンライン【おうちで簡単!冬の洗濯術】

プレゼン資料の印象がグッと上がるフォントの法則 – NAVER まとめ

【フルオープン】ネット党首討論会 – ニコニコ生放送

SEOの古い常識を終わりにしたい | SEO 検索エンジン最適化

泣けるほど簡単!おしゃれなサイトができるWEBサービス10選 | コムテブログ

これは超使いやすいページネーションの次世代UI:phpspot開発日誌

売れるサイト作成に必須!たった4つのWEBデザインの基本法則

プログラミング初心者向け学習サイト【2012年総まとめ】 | TechAcademyマガジン


俺好みのfont-family指定が最強に読みやすくてオススメ! | DevAchieve

小粋空間: フォントに Verdana が使われている理由
http://www.koikikukan.com/archives/2005/03/10-191528.php

Adobeソフト激安!という広告が半信半疑だったけど、本当にPhotoshop CS6が安く買えたのでそのレポート | コリス

このWEBサービスやアプリ達に感謝しなければ年を越せない!僕が今年使い倒した2012年のベストを全部ご紹介! | バンクーバーのうぇぶ屋

2012年、Photoshopの使い方を実践からしっかり学べるチュートリアルのまとめ | コリス

OSを超えて使える「Chrome リモートデスクトップ」がお手軽便利かもしれない – bizmash!:@nifty

日本人では思いつかない感性!?「日本語風」の無料英字フォント10+1 | Webクリエイターボックス

かわいい素材が盛りだくさん!クリスマス用のシルエットのPSD素材 -Christmas Silhouettes Mega Pack | コリス

ぶく速 お勧めのSF小説教えてくれ

W3CがHTML5仕様策定完了を発表、相互運用性テストおよびパフォーマンス向上へ

センス抜群で見やすい。海外ファッションスナップのサイトまとめ – NAVER まとめ

Dropbox内の写真をウェブ上で加工できるサイト「Cirrus」*二十歳街道まっしぐら
http://20kaido.com/archives/6779606.html

HTML5のCanvasに描かれる「アートスクリプティング」とにかく美しいJavaScript表現のまとめ28個! | KAYAC DESIGNER’S BLOG – デザインやマークアップの話

Tumblrにイラストを投稿すると自動的にポートフォリオを作成してくれる「Illustfolio」 – GIGAZINE

Webサービスつくってるけど何か質問ある?―「ボケて」のゆーすけべーと「nanapi」のけんすうが答えました!(前編):レポート|gihyo.jp … 技術評論社

有名SF映画のロゴを再現できる、フリーフォント素材40個まとめ – Photoshop VIP
IE6をやめようと思ってももう手遅れ

Webデザイナーが憧れる余白が美しいWebデザイン2012年版まとめ54個 – W3Q

高速にWordPressを動作させる網元を使うべくAWSにブログを移転しました。その手順を備忘録として残します。 – YATのBlog

商用利用も無料!紙や布地・デニム地などの癒し系のパターン素材 | コリス

何度も読み直したい!はてブ数300以上のWeb制作系スライド2012年版まとめ13個 – W3Q

width:100%なのにはみ出す理由と回避策。CSSを触るなら必ず理解しなくてはいけないボックスモデルの話。(CSS おれおれ Advent Calendar 2012 – 05日目) | Ginpen.com

HTMLコードを解析して問題箇所と理由を知らせてくれるブックマークレット・HTML_CodeSniffer – かちびと.net

Illustrator(イラストレーター)内に配置した画像を後からまとめて収集する方法 | 売上アップにつながる販促マガジン

やさしさゴシックの魅力|可愛くて温かい商用可フリーフォント #LOVEFONT Advent Calendar 2012 | Kana-Lier カナリエ

全素材ロイヤリティフリーのプロカメラマンが撮影した国内の写真素材が満載! -パプリカ イメージズ | コリス

ズルいデザイン(1):少ない手間と知識でそれなりに見せる、ズルいデザインテクニック (1/2) – @IT

ちょっとこの辺でHTML5のタグを全部確認してみようぜ!! – WEBCRE8.jp

2012年のSEOに影響を与えたGoogleの変化を総括 | SEO Japan

Illustratorレッスン、すごいチュートリアル、作り方35個まとめ 2012年11月度 – Photoshop VIP

『Photoshop・Fireworks』のテクニックが参考になるサイトまとめ – NAVER まとめ

PNG画像でもコマ送りのアニメーションさせてしまう、ナイスアイデアのスタイルシート -Sprite sheet | コリス

サイトの様々な確認作業に使うチェックツール達!レスポンシブ、パフォーマンス、クロスブラウザ対応等全部! | バンクーバーのうぇぶ屋

レイ・イナモト:「広告の未来は広告ではない」 « WIRED.jp

Photoshopスキルを磨く、すごいチュートリアル、作り方25個まとめ 2012年11月度 – Photoshop VIP

ECサイトで高額商品をガンガン売るために知っておきたい購買心理7つ

【WordPress】お問い合わせ内容も管理画面で管理できてトレビア〜ンなフォームプラグインinquiry form creator | バシャログ。

マウスオーバーした画像にフェードイン効果(半透明)をつけるjquery – WEBデザインを学ぶ|こゆきんのWEBの細道

a:hover img{
  opacity:0.6;
  filter: alpha(opacity=60);
}

今までyuga.jsを使うことが多かったのですが、フェードインで決まってるのならこれの方が便利かも!

把握してなかった!
htmlと同じかと思ってたら、function.phpが動かなくなりました。(^^;

PHPのコメントアウト: 一週間で覚えるPHP

こちらのページを参考にしたのですが、Wordpressだと記述方法以外にもこの見極めが結構重要な気がする。

コメントアウトしようとしている文章が、html内なのかphp内なのかを見極める

1.<html> ~ </html>内では <!- ほげほげ -> とする。
2.<?php ~ ?>内では /* ほげほげ */ または // ほげほげ とする。
3.<style> ~ </style>内では
<!-
/* ほげほげ */
->
とする。

TwitterのRSSフィードを取得する方法【追記あり】 – NAVER まとめ

ここから探し当てたのですが、Twitterは仕様変更が激しいので、今有効なのはこの方法。

TwitterをRSSリーダーに登録する方法(「仕様変更後」編) : ライフハッカー[日本版]

https://search.twitter.com/search.atom?q=from:〇〇(アカウント名)

堀越二郎という零セン設計者をモデルにして、小説『風立ちぬ』の恋愛部分を絡めてる感じ。

ジブリ新作は宮崎駿「風立ちぬ」&高畑勲「かぐや姫の物語」 2013年夏2本同日! – ねとらぼ

ジブリ新作の「風立ちぬ」と「かぐや姫の物語」が2013年公開 – NAVER まとめ

風立ちぬ (小説) – Wikipedia

堀辰雄 風立ちぬ

堀辰雄 – Wikipedia

堀越二郎 – Wikipedia

今までfoodialyのテンプレートでその恩恵を受けてたのですが、結構スタンダードなやり方みたいです。
これだとアフィリエイト画像も取得してくれるので超便利!(*´∀`*)

こちらのサイトをそのまま参考にさせて頂きました。ありがとうございます。
記事内の一番最初の画像を取得してサムネイル画像表示 | 簡単ホームページ作成支援-Detaramehp

functions.phpに以下を追加

<?php
function catch_that_image() {
    global $post, $posts;
    $first_img = '';
    ob_start();
    ob_end_clean();
    $output = preg_match_all('/<img.+src=&#91;\'"&#93;(&#91;^\'"&#93;+)&#91;\'"&#93;.*>/i', $post->post_content, $matches);
    $first_img = $matches [1] [0];
 
if(empty($first_img)){ //Defines a default image
        $first_img = "http://detarame.moo.jp/wp/wp-content/themes/whbk5/images/default.jpg";
    }
    return $first_img;
}
?>

http://detarame.moo.jp/wp/wp-content/themes/whbk5/images/default.jpg
は、Noimageの画像ですので、各自用意してリンク先を設定すること。

表示させたい部分に以下を表示

<img src="<?php echo catch_that_image(); ?>" alt="" width="120" height="90" />

画像の大きさを揃えるためのCSS

※画像が欠けても画像の大きさを揃えたい場合

.memberbox {
	width:131px;
	height: 185px;
	float:left;
	overflow: hidden;
}

※画像を全て見せたい場合

.memberbox {
	width:131px;
	height: auto
	float:left;
}

あくまで自分流の方法ですが。
元々の仕様は元画像を縮小して見せてる設定ですが、
本来はサムネイルとして切り抜く方法が正しい方法だと思います。

[Wordpress]記事の最初の図を自動的にサムネイル化する方法 – Mami Press – 好きなこといろいろ

最近使い始めた「Custom More Link Complete」で表示される、
続きを読むリンクがどうしてもリンク切れになります!

・抜粋内容が表示されない
・パーマリンク設定をデフォルトにしてるのに、勝手に日本語タイトルが「投稿名」設定に勝手にされていて、リンク切れ
・設定画面にパーマリンク設定を変更する項目もなし

どうも「Custom More Link Complete」はマルチバイトに対応してるのがウリのようで、パーマリンク設定をデフォルトにしてるのがいけないのかなぁ。

他には下のように全く関係なさそうなプラグインが悪さをしてる場合もあるようです(>_<) Excerpt(自動抜粋)を効かなくする、意外な真犯人。 | Himpotan web

何かWordpressにトラブルが出ている時はまず、
・目的の全然違うプラグインでもちゃんと疑う。
・プラグインは停止するだけじゃなく、ちゃんと削除してみる。

結局外して、こちらの仕様としました。

the_excerpt()記述のみで、「続きを読む」リンクを表示させる

WordPress の the_excerpt() で記事の抜粋と続きを読むリンクを出力させる方法 | ウェブル

WordPress のよくあるカスタマイズコード functions.php 多め

まず、wp-multibyte-patchが最新になってるかどうか確認。

最新じゃない場合で、110文字が判別されてない時がありました。

テンプレートタグ/the excerpt – WordPress Codex 日本語版

(注) 日本語のように語句の間を半角スペースで区切らない言語では「55単語」を判定できないため、抜粋できずに本文のほとんどが出力されてしまうことがあります。
WordPress 日本語版では、この問題を含むマルチバイト関連の問題に対処するために WP Multibyte Patch プラグインを同梱しています。このプラグインを使用すると、110文字まで(設定により変更可)を抜粋文として出力できます。

function.phpへの記述

おなじみ「function.php」の<?php ~ ?>内に以下をぶち込みます( ´∀`)b
上の方に記述したら管理画面でエラーが出ることがあったので最下部としました。

function new_excerpt_more($more) {
     return ' ... <a class="more" href="'. get_permalink() . '">続きを読む</a>';
}
add_filter('excerpt_more', 'new_excerpt_more');

文章が概要に入り切った場合は「続きを読む」は表示されません。

文章が短くて、全部入りきっちゃった場合は表示されません!
ちょうど短い文章のやつでカスタマイズしてて、なんで表示されないの~と困惑しましたが、この場合は続きを読む必要がないから表示されないようだ。
概要だとリンク表示とかもされないし、ほんとはそのページには飛んで欲しいけど!!

必要なくなったソースも消しましょう。

ついでにearthmiaのheadlineからいらなくなった「Read the full story」のリンクを削除。

<a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>">Read the full story &raquo;</a>

丸一日楽しんだ記録(^o^)ノ

モコモコバッグが気になって、まずは新宿店へ。
次々と繰り出される新作に決めきれず、結局去年から気になってたバックパックを買いました(^^;
モコモコバッグのラッピングもかわいかったです~

一万円以上お買い上げで、いつも「モデルになろう」の写真を撮ってくれているプロカメラマンさんに写真を撮ってもらえるというので、最近ROUROUに激ハマリをしている友人と共謀して、メイクサロンに行ってから行くことにしました。
名付けて『自力モデルになろう』!!(爆)
最初はそこまでするつもりではなかったのだが、相談してるうちに熱くなってしまった(^^;
色々注文を付けてたら想定してたより足が出てしまったが(^^;、メイク的には満足の行く仕上がりでした。
自分でメイクするときの参考にしようと思ったのだが、自分でやるのはやっぱ難しそうだね~。

新宿に着いたのが2時半くらいで、友人はさっさと買物して撮影が始まったので、
遠巻きに見てたのだが、あとから聞いたら緊張してたそうでもっと近くにいけばよかったなと思いました。
撮影風景も撮っとけばよかったわ!だって最初は勝手がわからんかったんだもん~(^^;

乾杯のある3時近くになったらめちゃくちゃ混んできました。会計難しいので写真はあとにすることに(^^;
お食事準備でローズホテルの人達が食事を運び込んでたのですが、制服かわいかったです。
よく見ると同じ柄を使ってても、ちょっと違う形なんだなと思いました。

Lotusroomが満杯になるほどたくさんのロウラーさんが集まって、シャンパンで乾杯しました。
何度もROUROUのイベントには行ってますが、これほど集まってるのは初めて見ました。
皆色とりどりのROU服を着てて壮観でした。しかもかぶってないとこがスゴイ!

落ち着いた頃に会計を済ませ
(取り置きしてた椿タイツと年賀状、アジアンドルマンカットソー(茶)を予約)
写真撮影したのですが、上重さんに、友達がいるせいか前の時より表情が柔らかいと言われて嬉しかったなぁ。
それに予想ではもっとちゃちゃっと撮る感じかな~と思いきや、モデルになろう仕様の撮影時間と撮影仕様でこれも嬉しい☆
他の方が撮影した時も間近で見れて、モデルになろうのときの参考にもなったし(笑)
なんといってもカメラの勉強になりました^^

3時頃にはケーキも登場。
結局食べれなかった期間限定のローズホテルケーキを初めて間近で見れたのが嬉しかった。
そしてTwitterのロウラー仲間さんが音頭を取って手配してくれた朧朧国プリントケーキが素晴らしくて感動でした~

ROUROUデザインの横浜ビール。ボツになったそうですが・・・レアですね。

合間に知り合いのロウラーさんやスタッフさん、初めて知り合った方ともお話しましたが、
皆さん穏やかで気配りがあって人間ができている感じで、いつも感服します。
ROUROUの服って人目をひくので、着てる時はちゃんとしてなきゃなぁという背筋の伸びる感覚みたいのがあって、ロウラーさんに接するとそれが体現されてるなぁとつくづく思う。
自分は比べて人間ができてないので少し凹むのですが、ROU服を着るとがんばろう!という気持ちになりますね。

Home > アーカイブ > 2012-12

MESSAGE
3月11日の東北地方太平洋地震で
被災された方、親しい方が被災された方に、
心よりお見舞いを申し上げるとともに、
被災地の一日も早い復興を
心よりお祈りいたしております。
PROFILE

横浜在住。
横須賀でWeb制作の仕事をしている
へっぽこ兼業主婦です。
ガチャピン似。


A RELATED SITE
くまのがっこうブログパーツ
TODAY’S COLOPLA COLONY
FAVORITE SHOP
RECOMMEND COMIC
【送料無料】しろくまカフェメロン味!

【送料無料】しろくまカフェメロン味!
価格:680円(税込、送料別)

【送料無料】なのはな

【送料無料】なのはな
価格:1,200円(税込、送料別)

【送料無料】昭和元禄落語心中(1)

【送料無料】昭和元禄落語心中(1)
価格:590円(税込、送料別)

【送料無料】テルマエ・ロマエ(4)

【送料無料】テルマエ・ロマエ(4)
価格:714円(税込、送料別)

TWITTER
POPULAR ENTRY
BOOKLOG

PONNAO’S RAKUTEN FAVORITE

YOUR’S RAKUTEN FAVORITE

Return to page top