Posts Tagged ‘ html ’

0
31
Dec

[読了]XHTML&CSS超高速コーディング術

XHTML&CSS超高速コーディング術
XHTML&CSS超高速コーディング術
大藤 幹 / ソシム ( 2009-12 ) /アマゾンおすすめ度

期待値がすごく高かっただけに、もう一押し欲しかったような気がする一冊。
とはいえ、書かれてあることをしっかりこなせるようになるのは当然必要だし、
参考にしたいところもいくつかあったのでコーディングすることに関してはオススメな一冊。

＋マニュアルは新人（説明を受けた側）が作成することで、理解の確認になる。

これは参考にしたいところですね。

＋入稿用テンプレート

コーディング専門の入稿用テンプレート。
コーディング以外の作業でもどんな仕事でも使える万能テンプレートはないかもだけど、テンプレートがあることで得られるモノがあるような気がする。

＋１つのエクセルで管理

仕様書やTodo、ページ別の管理表を１つのエクセルで管理。
フォルダごとに管理しやすい。

＋コーディング部分はルール化

ルールを作っておくことの効率化。作業者のレベルに依存しにくい。
手戻りを防げる

まだまだ自分のも改善の余地アリアリなので日々見直していかないといけないな、と反省。

XHTML&CSS超高速コーディング術
XHTML&CSS超高速コーディング術
大藤 幹
ソシム ( 2009-12 )
ISBN: 9784883376711
おすすめ度:アマゾンおすすめ度

0
24
Apr

dlに背景を指定したときにdtが消える

なんかそういうバグがあるっぽい？

スタイルシートをめぐる冒険: マージンを使ってdtとddを横並びにするとdtが消える
http://norisfactory.com/stylesheetlab/000110.php  

いまいちよくわかってないけど、遭遇したので。
バグなのかどうなのか。

とりあえずdl のhaslayoutをtrueにしたら出たような気がする。

ちょっとあいまいだけど、そんなかんじ。

0
21
Apr

htmlとかstudyとか

dl,dt,ddでデザインを整える方法とか｜linker journal｜linker
http://linker.in/journal/2009/04/dldtdd.php

こーゆうの書いてみたけど。
書いてみてしっかり手を動かさないといけないな。

勉強カテゴリでも作ろう。  

javascriptというかjQueryというか。
わかんね。

0
4
Apr

サイト高速化

できることがあるよ、と教えてもらったので。

transmitでhtaccessがみえないのがめんどくさい。
ターミナルからやるとかにしようかな。。
あぁ、だいぶ忘れてる。

でも某サーバーはコンパネから直接編集だったな。
あそこは参照してるだけで直接いじれるかな？

HTTPリクエスト減らす

CDNを使う

Expiresヘッダを設定

コンポーネントをgzip

スタイルシートは先頭に

スクリプトは最後に

css expressionの使用を控える

javascriptとcssは外部ファイル化

DNSルックアップを減らす

javascriptを縮小化

リダイレクトを避ける

スクリプトを重複させない

Etagの設定を変更

Ajaxをキャッシュ可能にする

あげただけでも半分以上わからないので、勉強しましょう。

0
11
Mar

ブックマークに追加するボタン、ブックマーク数を表示

100208追記あり

090317追記あり

MTの場合を想定

▼はてブ

<a href=”http://b.hatena.ne.jp/append?<$MTEntryPermalink$>”><img src=”/images/icon-b_entry.gif” width=”16″ height=”12″ alt=”このエントリーを含むはてなブックマーク” title=”このエントリーを含むはてなブックマーク” /></a><a href=”http://b.hatena.ne.jp/entry/<$MTEntryPermalink$>”><img src=”http://b.hatena.ne.jp/entry/image/<$MTEntryPermalink$>” alt=”はてなブックマーク – <$MTEntryTitle$>” title=”はてなブックマーク – <$MTEntryTitle$>”></a>

▼livedoor clip

<a href=”http://clip.livedoor.com/clip/add?link=<$MTEntryPermalink$>&amp;title=<$MTEntryTitle$>”><img src=”http://parts.blog.livedoor.jp/img/cmn/clip_16_12_b.gif” width=”16″ height=”12″ alt=”この記事をクリップ！” /><img src=”http://image.clip.livedoor.com/counter/<$MTEntryPermalink$>” /></a>

▼del.icio.us

<a href=”http://del.icio.us/post?url=<$MTEntryPermalink encode_url=”1″$>&amp;title=<$MTEntryTitle encode_url=”1″$>”><img src=”./icon/delicious.png” width=”13″ height=”13″ border=”0″ alt=”このエントリを del.icio.us に登録” /></a>

ブックマーク数を表示するのは仕様が変わったぽくてうまく動いていない様子。
少し情報さがしてこよ。

<100208追記>

WebページのときEUC-JPだとタイトルが文字化けしたりしてた。titleをいれないでおいても自動で取得してくれる。

</100208追記>

<090317追記>

Delicious2.0 の被ブックマーク数画像取得APIを作りました ::: creazy photograph
http://creazy.net/2008/08/delicious20_counter_image_api.html  

を参考にさせてもらってこんなかんじかな

<a href=”http://del.icio.us/post?url=<$MTEntryPermalink encode_url=”1″$>&amp;title=<$MTEntryTitle encode_url=”1″$>”><img src=”http://labs.creazy.net/sbm/delicious/textimg/<$MTEntryPermalink$>” alt=”" /></a>

<?php$url = “<$MTEntryPermalink$>”;echo ‘<a href=”http://del.icio.us/url/’.md5($url).’”><img src=”http://labs.creazy.net/sbm/delicious/textimg/<$MTEntryPermalink$>” alt=”" /></a>’;?>

</090317追記>

▼Buzzurl

<a href=”http://buzzurl.jp/entry/<$MTEntryPermalink$>” target=”_blank”><img src=”http://buzzurl.jp/static/image/api/icon/add_icon_mini_10.gif” alt=”Buzzurlにブックマーク” title=”Buzzurlにブックマーク” /></a><a href=”http://buzzurl.jp/entry/<$MTEntryPermalink$>” target=”_blank”><img src=”http://api.buzzurl.jp/api/counter/<$MTEntryPermalink$>” alt=”Buzzurlにブックマーク” title=”Buzzurlにブックマーク” /></a>

▼newsing

<a href=”http://newsing.jp/nbutton?title=<$MTEntryTitle encode_url=”1″$>&url=<$MTEntryPermalink encode_url=”1″$>”><img src=”http://image.newsing.jp/common/images/newsingit/newsingit_s.gif” width=”16″ height=”16″ alt=”このエントリをnewsing it!へ追加” border=”0″ /></a>