see more 2011-01 - ponnao-clip

Home > アーカイブ > 2011-01

2011-01

月末の予約投稿にしてるので、まとめ切れてない間にでちゃったらごめん。

2010年総まとめ:CSSの実用的なテクニック集 | コリス
http://coliss.com/articles/build-websites/operation/css/best-of-css-tutorials-in-2010.html

WordPressをカスタマイズしたいと思ってる人のための厳選記事6 | WordPress【ワードプレス】初心者の部屋~使い方知っとこ?
http://www.tatuo-web.com/wordpress/theme/wordpress-customize/

フォームで離脱させないためのjQueryプラグイン50選|designaholic -Creative Column-
http://designaholic.cc/2011/01/jquery50.html

Windows7のレジストリにまつわる、シンプルハック10選 : ライフハッカー[日本版]
http://www.lifehacker.jp/2011/01/110115win710.html

web業界人が見ておくべき2011年の年末年始ハイライト*ホームページを作る人のネタ帳
http://e0166.blog89.fc2.com/blog-entry-829.html
グルーポンネタも豊富です。

HTML5で、オフラインでも使えるiPod/iPhone超簡単アプリっぽいものを作ってみた - Publickey
http://www.publickey1.jp/blog/11/html5ipodiphone.html
キャッシュ機能を細工して、オフラインでいじれる路線図を作ったという記事でした。

2010年に躍進したWebサービスのビジネスモデルをまとめたプレゼンテーションがすごいぞ »IDEA*IDEA
http://www.ideaxidea.com/archives/2011/01/business_models.html

もうCSSハックは必要なし!? ブラウザ毎にCSSを切り替える「cssuseragent」 | Web活メモ帳
http://blog.verygoodtown.com/2011/01/user-agent-specific-css-classes-with-cssuseragent/

Webデザインやプログラミングなどの勉強に良さそうな国内のブログ記事やWebサイトいろいろ – かちびと.net
http://kachibito.net/web-design/lectures-and-tips-articles.html

Web屋さんのための新年の抱負アイデア24 | Webクリエイターボックス
http://www.webcreatorbox.com/webinfo/new-year-resolutions-web/

これを丸パクリのページが登場。
画像直リンだったので、manaさんがウンコ画像(笑)で対抗して、Web界隈で話題に。

ユーザーの視線を誘導する3つのユーザビリティ改善方法*ホームページを作る人のネタ帳
http://e0166.blog89.fc2.com/blog-entry-831.html

1週間でトリビア共有サイト”trivist”を作ってみた
http://1-byte.jp/2011/01/06/open_trivist/

使われていないCSS設定があるか教えてくれる『Unused CSS』 – 100SHIKI ~ 世界のアイデアを日替わりで
http://www.100shiki.com/archives/2011/01/unused_css.html

スマートフォンサイト集めました。
http://sp-web.jp/

一週間で初めてのAndroidアプリを作ってみました – もとまか日記
http://d.hatena.ne.jp/moto_maka/20110111/1294688689

デザインを勉強したことがない人でもデザインできるようになるかもしれない4つの基本原則
http://webdesignrecipes.com/4-factor-of-designing/

2011年、押さえておきたいウェブデザインの11のトレンドとテクニック | コリス
http://coliss.com/articles/build-websites/operation/design/web-design-trends-in-2011-by-webdesignledger.html

WebデザイナーにオススメのMac 厳選60個アプリ集 | Last Day. jp
http://www.lastday.jp/2011/01/11/60-mac-app-for-web-designers

WEBデザイン用フリー素材まとめのまとめ(素材探しがめんどくさい人向け) – NAVER まとめ
http://matome.naver.jp/odai/2129430369831636001

使いやすく、フレッシュなUIエレメントを使用しているウェブサイト集 | コリス
http://coliss.com/articles/build-websites/architectonics/usability/showcase-fresh-ui-elements.html

すぐに実践できる!パワーポイントで使えるデザイン・テクニック|デザイン|ブログ(お知らせ・コラム)|東京のWeb制作会社|株式会社ベイジ|baigie inc.
http://baigie.me/blog/power_point_design/
大手のサイト制作をてがけるWEB制作会社がパワーポイントで提案書を作るノウハウをPDFで配布しています。このPDF自体のデザイン自体もキレイ。

手書き風のイメージを作るためのphotoshopブラシとフォント特集*ホームページを作る人のネタ帳
http://e0166.blog89.fc2.com/blog-entry-833.html
これは使えそうだったんで、すべてダウソ。
ずっと気になっていた、有名ブログサイト等でよく使われている手書きフォントにやっと巡り会えた!!「ふい字」っていうのか。

手書きの筆跡をフォント化し、これを使ってメールを送信するという無料サービス「PilotHandwriting」
http://www.lifehacker.jp/2010/07/100706pilothandwriting.html

PILOT HANDWRITING
http://www.pilothandwriting.com/en/

Web担当者Forumの記事

HTMLやCSSが手間なく書けるZen Coding | Zen Coding 1-1 | Web担当者Forum
http://web-tan.forum.impressrd.jp/e/2011/01/11/9397
書籍『HTML+CSSコーディングが10倍速くなるZen Coding』の内容の一部を、Web担オンライン公開を開始

1万円のおろし金を売るストーリー、売るための物語という手段 | Web担当者Forum
http://web-tan.forum.impressrd.jp/e/2011/01/05/9466

Webで簡単に結果をだす方法。客を選べば格差社会が味方となる | Web担当者Forum
http://web-tan.forum.impressrd.jp/e/2011/01/12/9497

IP分散はSEOに効果絶大←ダマされないで!! など10+2記事(海外&国内SEO情報) | Web担当者Forum
http://web-tan.forum.impressrd.jp/e/2011/01/07/9494

電気設備SEO: Meta Description の存在意義
http://pub.ne.jp/denki/?entry_id=3385211

ウェブマスターに関するよくある質問 – ウェブマスター ツール ヘルプ
http://www.google.com/support/webmasters/bin/answer.py?answer=1050724&hl=ja

日本語で学べるHTML5関連資料15個まとめ*二十歳街道まっしぐら
http://20kaido.com/archives/2266374.html

W3C HTML5 Logo
http://www.w3.org/html/logo/

スマートフォン関連の基礎勉強法 – livedoor ディレクターブログ
http://blog.livedoor.jp/ld_directors/archives/51577351.html

ゆる~い感じのフリーのデザインフォント -Five Minutes | コリス
http://coliss.com/articles/freebies/freebies-font-five-minutes.html

細部までしっかりこだわったヴィンテージデザインの6種類のエレメント | コリス
http://coliss.com/articles/build-websites/operation/design/the-elements-of-retro-web-design-by-webdesignerdepot.html

無料でここまで読めていいの? とびっくりする写真講座 : ライフハッカー[日本版]
http://www.lifehacker.jp/2011/01/110118freephotolesson.html

http://aska-sg.net/
スタジオグラフィックス プロが教える デジタルカメラの撮影&レタッチテクニック

HTML5バブルがついに崩壊─「ロゴマークがダサい」で正気に : bogusnews
http://bogusne.ws/article/181530923.html

30 Free Cute Girly Fonts
http://www.addictivefonts.com/various/free-cute-girly-fonts/

コーディングスピードはまだ上がる!!Zen-Coding カスタマイズ : Web Design KOJIKA17
http://kojika17.com/2011/01/zen-coding-extended.php

使いやすくデザインもよい星型レーティング実装jQueryプラグイン「jRating」:phpspot開発日誌
http://phpspot.org/blog/archives/2011/01/jqueryjrating.html

薮田織也の プロが教える 新・女性の撮りかた講座  – 目次 –
http://aska-sg.net/ht_photo/index.html


背景画像に関する実用的なスタイルシートのテクニック集 | コリス
http://coliss.com/articles/build-websites/operation/css/css-background-image-hacks-by-nicolasgallagher.html

日本最大級のジオサービス Yahoo!ロコ 2011年4月上旬登場!
http://loco.yahoo.co.jp/


				

画像の四辺のボーダーを一味違ったスタイルにするチュートリアル | コリス
http://coliss.com/articles/build-websites/operation/css/css-tutorial-fancy-inset-css-image-borders.html

角丸のCSSボックスやナビゲーションを作成できるオンラインサービス -Mierendorff | コリス
http://coliss.com/articles/web-services/online-generator-mierendorff.html

サイトの使い方をその場でアニメーションしてチョートリアルさせられる凄いjQueryプラグイン「Embedded Help System」:phpspot開発日誌
http://phpspot.org/blog/archives/2011/01/jqueryembedded.html

DeNAが明かすHTML5でのソーシャルゲームの作り方【本日のスライド】
http://www.gamebusiness.jp/article.php?id=2919

[jp]ヤフージャパンが地域情報を統合してジオサービス「Yahoo!ロコ」を4月に開始
http://jp.techcrunch.com/archives/jp20110120yahoo-japan-will-launch-new-geometry-service-yahoo-loco/

ちょっとしたサイトならもうTumblrでいいんじゃない?と思える10個の理由
http://www.ideaxidea.com/archives/2011/01/tumblr_rocks.html

2011年のSEOで、これはもう避けておきたい32のチェックリスト | コリス
http://coliss.com/articles/seo/output/seo-tactics-to-avoid-in-2011-by-seomoz.html

ブラウザを開かなくても大容量のデータをアップロードして通知メールが送れるフリーソフト「Zeta Uploader」 – GIGAZINE
http://gigazine.net/news/20110124_zeta_uploader/

Photoshop Vip » 最近公開のデザイン性にすぐれたウェブデザイン制作用Photoshopチュートリアル30個まとめ
http://photoshopvip.net/archives/21806

少しのコードで実装可能な20のjQuery小技集 | Webクリエイターボックス
http://www.webcreatorbox.com/tech/jquery-tips20/

ウェブページのサイドバーに生じる空きスペースの活用方法 | コリス
http://coliss.com/articles/build-websites/operation/work/more-slidebar-content-by-css-tricks.html

このページ参考にさしてもらいました。

MT5 ブログ記事の特定のカテゴリーだけ並び順を変更する方法 – CMSでホームページ

降順は、ブログデフォルトの新しい日付から上に積み上がってく仕様、
昇順は、反対に書いた順番に上から下に行く仕様です。
字面から、反対に取り違えてしまうことがあります(><)
ちなみに降順はMTでもデフォルトなので、特に記述しない場合はそうなります。

特定のカテゴリのみ昇順、他は全て降順の場合



            <$MTInclude module="ブログ記事の概要"$>



            <$MTInclude module="ブログ記事の概要"$>


特定のカテゴリのみ降順、他は全て昇順の場合



            <$MTInclude module="ブログ記事の概要"$>



            <$MTInclude module="ブログ記事の概要"$>


降順は正式には、sort_order=”descend”ですが、
デフォルト設定なので敢えて記述していません。

うまくいかない場合は・・・(><)

カテゴリー名が合ってるかを確認
並び替え用の頭数字(<01>等)がついてる場合は、忘れないように。

ダメだった…(><)

最初は、sort_order=”ascend”の表示・非表示で記述しようと思ったのですが、
MTタグの中にMTタグを入れるのは×でした。

結局クックパッドは楽天レシピに抜かれる弱肉強食WEB – invizi

上の記事で楽天レシピを初めて知りました。
確実性を求めて、いつもクックパッドしか見てないので、
見ても目に入ってなかったのかも。
クックパッドは無料で入ってるけど、見るだけユーザーです。
へーと思ったので、思ったことと気になりどこをつらつら書いていきます。

実際に作成する身としては、ポイントよりも、
確実においしくて簡単に作れるかの方が重要です。
しかし、おいしいかどうかは、つくれぽの多さで判断してるので、
今のところ、既存の数の多いクックパッドが有利のような。
同じレシピを両方に投稿してる人もいるみたい。

楽天ユーザーでもあるので、
ポイントをもらえるのは確かに魅力的だけども。

双方ポイントシステム

楽天では、レシピを掲載したときにポイントがもらえる他
それに、つくれぽ(楽天では「つくったよ」レポート)
を投稿しても、ポイントがもらえるシステムだそうです。

今やってる携帯ゲームも、人に何かしてあげると、
自分のポイントもあがるというシステムのものが多くて、
最初は、良くできたシステムだなぁと思いました。

何故かというと、初心者のときは助けてもらえて、
そのゲームへの親和性が深くなって、
ある程度のユーザーになると、初心者を助けることで
優越感と小遣い稼ぎが同時に体感できる感じなんですよね。

今回の「つくれぽ」を載せると、
レシピ掲載者とつくれぽ作成者双方にポイントが付くというのは、
それと似ているなと思いました。

クックパッドは特にごほうびがないので、
ブログからリンクさせてても何も感じなかったけど、
楽天だとレポートを書かない限りは、相手も自分も何ももらえないので、
義務感みたいなのも生じますね。

今のとこ男性割合が多いようです。

楽天レシピの会員数、男性が女性を上回る:MarkeZine(マーケジン)

この記事も、ちょっと気になりました。なんで男性が多いんだろうね!

4・50代が高いのは、あまりネットを使ってない層でも、
目に付く割合が高いからでしょうか。

年代別では、クックパッドが30代以下の占める割合が高いのに対し、楽天レシピは40代、50代の割合が高く、それぞれ34%、22%となっている。

スマートフォンアプリ

今回、楽天レシピにないもので、重要視したいのがスマートフォンアプリ。
今は持ってないので、PCで見ながらやってますが、
持ってたら絶対アプリを使ってると思います。

Androidを持ってる相方は、旬レピを気に入ってたようですが、
最近、公式アプリも使いやすくなったと言ってたなぁ。

公式アプリ

旬レピ

PAD長

このへんも楽天が追い上げをかけそうです。

Cpicon 明太子パスタ by Berry-berry

相方から、生のまま食べたら腹を壊したというタレコミがあったので、
焼いてから処理をしました。フフ。レア焼け結構おいしかったよ!
昆布茶の代わりにほんだしを使いました。
のりもかければよかった!

↓これと迷いましたが、粉末ガーリックがなかったので、断念しました。
にんにくおろしでもよかったのかもしれませんが・・・
またの機会に挑戦します。

Cpicon ★明太バター醤油ガーリックパスタ★ by ゆっぴーゆっぴー

引越しを2週間後に控えて、Webサービスを色々使ってみました。
「引越しコンシェルジュ」と「e転居」はかなり便利だったよ!
その利用所感です。

東京電力 引越コンシェルジュ『マイ引越し連絡帳』利用メモ


地域によっては、提携してないとこもありそうですが、
お知らせのとこに、北海道から沖縄まで色々提携開始の記事が書かれてたので、
どんどん提携してるとこを増やしてるんだとは思います。

みんな引越しコンシェルジュというサービスだと思ってるみたいだけど、
正しくは、『引越しコンシェルジュ』というサイトの中の、『マイ引越し連絡帳』というサービスなのですよ。

引越し手続き|東京電力 引越コンシェルジュ

これが管理画面のメインなのですが、手続き終了すると、ちゃんと手続き状況の欄に反映されます。
必要ない分は削除もできます。
うちは今のとこはLPガスなので、東京ガスの停止欄は削除しました。

入力する前に・・・

これは私が入力するときに、手がとまった項目なのですが、
先にきっちり決めといたほうが、たぶん入力もスムーズです。
・お客様番号(振込み用紙などに書かれてます。)
・開始・停止の日付は、家族と相談してきっちり決めておくこと
・電力アンペアの確認(必須ではないけども、わかれば・・・)
・ガス開始は立会が必要。代理人についての入力項目もあるので、
 人に頼む場合は、時間や連絡先についても確認しておくこと。

感心した点

・入力途中で、要確認な入力事項があって、途中で入力をやめなきゃいけなくても、途中で保存できる。
・旧住所と新住所を登録する欄があるのだが、それがフォームに自動的に反映されます
 東京ガスは別サイトに飛ぶ形なのですが、そこでもちゃんと反映されます。おお。
・電話で連絡しなければいけないとこもチェックボックス付で表示してくれる。

水道局は連絡先が入っていてよかったのですが、
他の自動車税とか銀行とか携帯会社はホームページのリンク先が入ってるだけなので、
個別に調べたほうがよいかも。
できないよー自分でやってねとは、はっきり教えてくれます。
もう少し提携してるとこが増えたら、もっと使いやすくなるのかもしれませんね。

Web申込みだと、ちゃんと手続きされてるかどうか不安になるのですが、
東京電力からは、確認の電話がきました。
確認事項があると登録した電話番号に来るようです。

e転居 オンラインでらくらく転居届

あたらしい町にも、しっかり届く安心。e転居 – 日本郵便

郵便物の転送手続きの申込ができるサイトです。
義母が転居手続きのハガキをくれたのですが、それにここのサイトが書いてありました。
フォームに入力送信後、携帯電話での確認登録(番号をプッシュするだけだけども)
が必要です。でも簡単だったよー。
メールで返信がくる分、ハガキよりも確実性があるかもしれません。

注意点としては、
転居サービスの開始には、受付が完了してから一週間程度かかる場合があるらしいです。ギリギリでも日付は選択できるけど、早めに申し込んだほうがいいですね。

一括見積もりは電話がしつこいのでやめた方がよいよ

最後に使わないほうがいいよというのもこっそりと。
前にブログで書いたhomesの一括見積もりですが、これは厳しかったです。
メールで大体どのくらいの値段か知りたかっただけなのですが、
訪問しないと実際の値段が出ませんという返事が多く、
しつこく電話をかけてくる業者も一部あってむかつきました。
結構フォームに詳しく書き込んだのにそれでもダメなのかよ!と思っちゃう。
なんといっても、フォームを送信した瞬間に電話がなりはじめたのでコワかったです(戦慄)

印象的には、特に大手がしつこく電話をかけてくる傾向にあるように思います。
専門のオペレーターがいるからかもしれませんが。
しかも留守電にいれないので、どっからかわかんないという・・・。

結構早めに連絡しちゃったので、
内覧会と引越しに関する説明がまだですと言ったら、
そんなに早くかけてくんなよという感じで、ものすごいすげない感じにされたのに、
直前になって、毎日のようにかけてくる業者があって、特にむかつきました。
A社は二度と使いません・・・。

結局、日程のことも考えて、最終的には引越し幹事会社にしました。

今から考えると、フライングせずに説明会を聞いてから動いたらよかったなと・・・。
もし、普通に引越しするんだったら、やっぱり事前に調査してあたりをつけて、
個別に連絡したほうがよかったなと思いました。
めんどくさがってはダメですね(><)
色々見てたら、地元オンリーの小規模な運送会社系も安くて良さそうだなと思いました。
大手の引越し会社とそういうとこの見積もりを比べて、最終的に決めている人が多いようです。

今回MT5+vicnaで初めてブログ複製(テスト環境用)をしました。
ちと手間取ったので、作業手順をメモしておきます。

ブログの複製手順

1.一番上(ウェブサイト)の階層のメニュー ブログ→一覧
2.該当のブログにチェック
3.「アクション」をプルダウンして「複製」に変更→『Go』

vicnaプラグイン再設定

プラグイン設定が再度必要です。
最初は初期型になって崩れてます。そううまくはいかないぜ!!

ツール→プラグイン→mt.vicna Simple Theme Set 1.01
→設定:元サイトと全く同じ設定とします→再構築

画像ディレクトリなどを追加アップロード

元サイトで、後付で追加作成したものは、もちろんFTPからアップする必要があります。
・images(画像ディレクトリ)
・各ページに個別に追加したJavascriptなど

スタイルシートの書き換え

今回のvicnaのスタイルがmtディレクトリの中なので、

@import url(/mt/mt-static/support/themes/style-vega/style-vega.css);

↓↓↓

@import url(../mt/mt-static/support/themes/style-vega/style-vega.css);

と書き換えました。
これは、レガシースキンかつ複製サイトを元のサイトのディレクトリの中に作ってる場合なので、
他の場合は、また様子が違うと思います。

スタイルの設定すると元サイトも初期型に戻っちゃうよ!

最初勝手がわからなくて、スタイルを同じにすればいいのかなと思って、
デザイン→スタイルから、元のブログと同じスタイルとレイアウトを選択して再構築したら、
元サイトまでもが同じスタイル(カスタマイズ前に戻った形に)になっちゃいました(汗)
どうやら、再構築するときにスタイルシートも一緒に初期型に再構築されてしまうらしい。
スタイル設定は必要ないと思う。

今作ってるサイトで、画像リンクに結構太めのボーダーをつかったのですが、
IEでちょっとひっかかりました。

firefox、chromeは『color』指定のみで、ボーダー色も同様に変更されるが、
IE8は、『border-color』で指定しないと、ボーダー色が反映されない。

現在配布されてるIE9(bata)での挙動もちょっと気になってます(–;
早くIEの呪縛から解放されたい!

私がジャンプの中で一番好きな、
巷でアラサー向けギャグ漫画と言われている(らしい)『いぬまるだしっ』
都議会でひっかかかんないかな~大丈夫かな~とふざけてぼやいてたら、
相方が『花さか天使テンテンくん』もアニメでやってたから大丈夫だ!と断言してきた。

これは初めて見て爆笑だったのですが、
強烈なOP2種はこちら。1番と2番で歌詞が違うよ!

VIPに神様がいるのww :: 花咲か天使テンテンくんってけっこう面白かったよな

んーでも今やってたらPTAから苦情が来そうな感じではあるなw
やな時代になりました。

興味深い画像だったので、こっそり載せときます。
T●S 情報デ●クToday「85年夏!今、青春はコミケ」
阿川佐和子がレポーターみたいですね。

この頃って、うる星やつら全盛期なんだ!と思ったw

【C28】1985年のコミケの動画を見つけた、この頃25だった奴は今50歳か・・・ : はちま起稿

一本目の最後の方に出てくる一本木蛮さんは、コスプレアイドルの元祖的な存在で、wikiにも載ってます。この人の漫画たぶん読んだことある。

集英社ヴォイスコミックステーション-VOMIC-

人気漫画を大量に携帯コミックの仕様にして、
更に有名声優さんの声を付けたという太っ腹なコンテンツです。

『いぬまるだしっ』で調べ物をしてて、たまたま見つけたのですが、
ジャンプは毎週読んでますが、こんなサイト全然知らなくて、
最初はタダで見れるとは、思わなかったです。
予想以上にこれはおもしろかった。

いぬまるだしっ

たまこ先生と天の声のツッコミの間が絶妙で感心した・・・。

黒子のバスケ
相方のリクエストで見てみた。自分は普段読んでないですが、
すんなりストーリーが頭に入ってくる感じ。
これ8話まで全部見たら、続きが読みたくなるかもですね。

カッコカワイイ宣言!
これは、上二つとは違って、ちょっとアニメっぽくなってます。
地獄のミサワのアニメがこんなとこで見れるとは・・・。
けいおんで人気のある声優さん(下級生の子だっけ?)がやってるみたいですが、
ミサワの性格悪いキャラを掴んでて上手いです!!good!!

人気作品が、大体1話~8話くらいまで載ってます。
あと作品が終わった後、5分くらい声優さんたちの雑談タイムがあります。
いぬまるだしっっに出演してた声優さんが、ぽろっと言ってましたが、
口の動きに合わせなくていい分、声優さんたちにはラクな仕事みたいですね。

Home > アーカイブ > 2011-01

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