タグ

2009年7月17日のブックマーク (9件)

  • 自分的HTMLテンプレートの組み方 | Takazudo Clipping*

    自分的HTMLテンプレートの組み方と例です。 まぁ、やるたびにちょこちょこ変えてるんですけど、2009年7月版ってことでざっくり説明。 空テンプレ モジュール一覧 サンプル ダウンロード用 エリアとモジュール 繰り返し使用される要素の塊をモジュールと呼び、エリアの中にこれを並べてページを作成するのを基とする。 モジュールの開始要素には、「mod_moduleName」のようにclass(もしくはid)をつける。 モジュールやエリアのclass/idを起点に全てのスタイルを指定する。p、h1~h6、blockquote、table等、要素自体に直にスタイルを指定してはいけない。(グローバル変数を使っているような状態になってしまうため、以降考慮するのが面倒。リセット程度に済ます。) モジュールにスタイルを指定する際には、mod_moduleNameを起点としてスタイルを指定し、カプセル化を

    kakei
    kakei 2009/07/17
  • ホントに助かるフリーのcssジェネレーターいろいろ

    使えるcssのオンラインサービスが 50個、Speckyboyで記事にされていた のでよさ気なものをいくつかご紹介します。 全部良さそうなので気になる方はぜひ 記事元を訪れてみてください。 日語のテキストで作成できるcssメニュージェネレーターは当に助かります。 Grid Designer 2 細かい設定を行えてすぐに反映されるグリッドシステム。 Grid Designer 2 nP: Grid Generator グリッドを作成すると、cssのソースも出してくれます。 nP: Grid Generator Dynamic 4 Column Layout Generator これ面白い。4カラム専用のレイアウトジェネレーター。設定と同時に反映、 cssもDL(コピペ)出来ます。 Dynamic 4 Column Layout Generator XHTML/CSS Markup Gen

    ホントに助かるフリーのcssジェネレーターいろいろ
    kakei
    kakei 2009/07/17
  • PNG画像をより美しく、より軽量に最適化するテクニック | コリス

    先日、紹介した「JPEG画像の最適化テクニック」に続いてSmashingMagazineから、PNG画像をより美しく、より軽量に最適化するテクニックを紹介します。 追記:2009/07/27 エントリには続きがあります。 続:PNG画像をより美しく、より軽量に最適化するテクニック Clever PNG Optimization Techniques 下記、各ポイントをピックアップして紹介します。 最後のはCS3向けで不明だったので、途中省略しています。 はじめに PNG画像フォーマットの概要 1. ポスタリゼーション 2. 手のはいってない透過 3. 透過による分離 4. マスクを活用 はじめに ウェブデザイナーとしてあなたは既にPNGのフォーマットに精通しているかもしれません。PNGは劣化のないフォーマットとして、GIFの非常に良い代わりとなります。 Photoshop(あるいは他の画

    kakei
    kakei 2009/07/17
  • Google Webmaster Help Center - I have a mobile site. How can I add it to Google's Mobile index?

    Mobile site and mobile-first indexing best practices Google predominantly uses the mobile version of a site's content, crawled with the smartphone agent, for indexing and ranking. This is called mobile-first indexing. While it's not required to have a mobile version of your pages to have your content included in Google's Search results, it is very strongly recommended. These best practices apply t

    Google Webmaster Help Center - I have a mobile site. How can I add it to Google's Mobile index?
    kakei
    kakei 2009/07/17
  • gooモバイル - 携帯サイトビューワ

    2022年6月30日(木)モバイルgooの終了に伴い、サイトビューワの提供を終了いたします。 長年のご愛顧、誠にありがとうございました。 上記期間後はご利用ができなくなりますので、ご注意ください。 URLを入力して表示

  • Web システム開発 福岡/合同会社システムクリエイト

    kakei
    kakei 2009/07/17
    商品云々以前にメール営業の文章が高齢の中小企業経営者にはかなり気に障るものらしいので今後の変化待ち。
  • MIZUTAMA

    写真屋水珠は、写真素材サイトです。都合により縮小運営中。 気に入った写真がありましたらご自由にお持ち帰り下さい。報告板はないので報告不要です。 【2009-2011 企画展】 企画内の写真はご自由にお持ち帰りOKです。 直リンク禁止・再配布禁止 この2つさえ守って頂ければ、道徳に反していない限り細かい制約はないです。 加工制限なし お好きにアレンジして使って頂いて構いません。 創作物への使用大歓迎 イラストやムービーの背景等、創作の裏方的な役割での使用もご自由に。 完成品を配布されましても再配布にはあたりませんのでご心配なく。 テンプレート/スキンの素材としての同梱再配布について 著作権表示があればOKです。 個人使用について 個人での使用に関してはお好きにどうぞ。(ex 年賀状/課題での使用/プレゼントでの使用 etc...) 題名や言葉の使用・転載について 写真ページ内・唄集・日々葉内

    kakei
    kakei 2009/07/17
    規約は「直リンク禁止・再配布禁止」。但し「テンプレート/スキンの素材としての同梱再配布」は「著作権表示があればOK」。
  • FML: Your everyday life stories

    Your story must start with “Today,” and end with “FML”. TXT language is forbidden and spelling mistakes hurt people’s eyeballs, so the use of either would result in the direct dismissal of your FML. Don’t use this space for discussions, advertising or spam, or for posting anything which isn’t an FML. Furthermore, it’s not possible to obtain badges by posting keywords, so stop believing things you’

    FML: Your everyday life stories
    kakei
    kakei 2009/07/17
  • 英語コンプの馬鹿でも投資ゼロでTOEIC900に達するたったひとつの方法

    いい加減さ、言語ごときに金かけるのやめろよ。馬鹿どもが。 FMyLifeを毎日読むhttp://www.fmylife.com/ Fってfuckのことな。これを毎日、最低5つは読め。 コメントも読んだ方がいいが、めんどくさいならいい。 印刷するとなおいい。 大事なのは、覚える気で読め。ということだ。 単語覚えろよ文脈云々?笑わせんなよ。ありゃボキャビルが5000に達したやつだけが言えることだよ。 いちいちうまい言い訳にすがって暗記ナメてんじゃねぇよ。 ターゲットでも速読英単語でもDuoでもなんでもいい。覚えろ。 その次は英検準一級向けの単語帳でも使えばいい。 wikipediaでも読んでろもちろん英語版な。ジョブズが好きならそれでも読め。好きなことの記事を読め。 辞書は引くな。 さっき挙げただけの単語を覚えてるなら、もう辞書を引きつつ読むのなんてむしろ害だ。 ざっと読んで大意がとれないやつ

    英語コンプの馬鹿でも投資ゼロでTOEIC900に達するたったひとつの方法