Hatena::ブログ(Diary)

頑張ってサイト作る

2012-05-19

アンテナサイトのスタイル更新からサイトデザインについて考えた

http://2ch-matometter.com/
のスタイル更新してみました。

その際、今後のサイトデザインの参考になりそうな点がいくつかあったので残しておこうと思います。

続きを読む

2012-05-05

ieでoverflowが効かない時の解決法(局所的)

IEだけoverflow要素が反映されてない…なんで?

色々試した結果、overflow要素を
<  table style="overflow:auto"  >
というように、テーブル中に書くとIEでは読み込んでくれないことが分かりました。
前にもテーブルのとこにスタイル設定してIEだけおかしくなったことがある気がする(^_^;)

解決法としては、div要素でテーブルを囲んでそこに記述するってことですね。
IEはユーザーだけでなく、開発者にも厳しいとか。IE9になって使い勝手良くなったと思ったのになぁ。

続きを読む

2012-05-01

アンテナサイト作ったよー\(^o^)/

2月中頃からポチポチ作ってたアンテナサイトが出来ました(*´∀`*)
http://2ch-matometter.com/


タイムライン形式で表示するタイプにしてみました。
f:id:ryou1214:20120501213507j:image

続きを読む

2012-03-18

オリジナルツイートボタンを作ろう!(a要素のみでできるよ!

最近は多くのサイトでツイートボタンが設置されるようになりました。
これ↓ですね。

f:id:ryou1214:20120318233527p:image



ネットで自分の書いた記事などを広めるためには、もはや必須のツールといっても過言ではないこのボタンですが、
Twitterのサイトに従うことで簡単に設置することができます。

こちらですね↓
https://twitter.com/about/resources/buttons#tweet


しかし、デザインが微妙だったり、がサイトと合わない、欲しいサイズがない
と、微妙な点がチラホラとみえてきます。そして、scriptの記述も面倒…




オリジナルツイートボタンを作れば全て解決というわけです。

完成例はこんな感じになります。

 クリックしてみてください↓
https://twitter.com/share?text=%e8%89%af%e3%81%8b%e3%81%a3%e3%81%9f%e3%82%89%e8%a8%aa%e5%95%8f%e3%81%97%e3%81%a6%e3%81%bf%e3%81%a6%e3%81%ad%ef%bc%81&url=http%3a%2f%2fhatenanotebook%2ecom%2f&via=ryo_123456

続きを読む

2012-03-09

mysqlに画像を保存する方法(PHP)

ネットに公開されているソースが動かないものばかりだったので、
動作確認したものを載せておきます。


本ソースの目的はこんな感じです
  1. amazonにある特定の商品の画像をmysqlに取り込む
  2. データベースから画像を読み込んで表示する

こうやって記述してみるとものすごくシンプル!
 それでは説明を始めていきます


続きを読む