タグ

ブックマーク / smkn.xsrv.jp (7)

  • たった一人でwebサービスを作るための、6つの技術と4つの知識

    ふとワクワクするようなアイディアが浮かんだ時、もし自分でwebサービスを作れたらなーって思う方も多いんじゃないでしょーか。 実際、twitterやfacebookを徘徊してても、結構頻繁に「webサービス作ってみたい☆」みたいな投稿をみかけますが、中には「何から手を付け始めれば良いか分からない!」的な迷える子羊達もちらほら。 そんなワケで、ささやかながら今まで当ブログでもいくつかの自作webサービスを公開してきて、企画からデザイン・コーディング・プログラミング・宣伝に至るまで、若輩ながら全て一人で担ってきた私の知見をご紹介したいと思います。 だいじょーぶ、やりゃーできる! webサービスを作るための技術と知識 技術に関する最大のポイントは「全てを知る必要はあるが、全てに精通する必要は無い」、つまり「広く浅く」で良いというコト。 その中でどこかに自分の強みが持てると尚良しですが、手始めであれ

    たった一人でwebサービスを作るための、6つの技術と4つの知識
  • IE6で透過pngを表示させるオススメscript、「DD_belatedPNG.js」

    >> 詳細な使用法と注意点を追加エントリーしました。 いまだ絶大なシェアを誇るIE6(Internet Exproler 6)ですが、WEB制作者ならご存知の通り、さまざまなバグ・不具合を内包しております。 ・CSSでfloatしたブロックのmarginが倍になる。 ・後方互換モードの場合、text-alignが子要素にまで影響する。 ・透過png画像が透過されない。 上記以外にも、それはいくつもの制作者泣かせの問題があり、業界内では「IE6氏ねばいいのに」とまで言われているブラウザですが、前述の通りシェアは絶大なので、対応しないワケにもいかず。 すでにいくつもの対応策が出回っておりますが、その中でも自分的に一番オススメするのが、「DD_belatedPNG.js」を使用する方法です。 有名どころの対応策を併記・比較しながら、どこがオススメなのかを含めてエントリーしたいと思います。 有名な

    IE6で透過pngを表示させるオススメscript、「DD_belatedPNG.js」
  • IE6用透過png対応策、DD_belatedPNGの使用法と注意点

    以前もこの「DD_belatedPNG.js」に関してはエントリーしましたが 『IE6で透過pngを表示させるオススメscript、「DD_belatedPNG.js」』、あまりの素晴らしさにオススメするだけして使用法とか注意事項など大事な部分に触れずじまいでした。 この素敵な透過png対応策であるDD_belatedPNGちゃんですが、img要素に使用する際にも、div要素やp要素等の背景画像に対して使用する際も、ほんのちょっとしたクセがあります。 なので、今回はこの偉大なる「DD_belatedPNG.js」の使用方法と、使用に関するちょっとした注意点などをエントリーしようと思います。 DD_belatedPNGの使用法と注意点 1.使用するための準備 まずはこの「DD_belatedPNG.js」自体をダウンロードしないコトには始まりません。 配布元のDrew Diller’s bl

    IE6用透過png対応策、DD_belatedPNGの使用法と注意点
  • 漢字が使える日本語フリーフォント40選+2

    (13.07/05 14:39PM 追記) フリーの漢字フォントを集めたギャラリーサイト、しれっと開発しました。 「漢字フリーフォントギャラリー」 → 解説はコチラ 世にフリーフォントは数あれど、「日フォントで漢字が使える」となると、途端に希少になるのが2バイト文字の寂しさ。 そんな中いつも大変お世話になっている、一握の砂の如き「漢字が使えるフリーの日フォント」について、忘備録代わりに各フォントの簡単な使用条件、禁止事項の要約も含めてまとめてみました。 果てしなき道でも勇猛果敢に進む、フリーフォント職人の猛者達に敬礼! その前に注意事項を少し。 当エントリー内にある各フォントの使用条件や禁止事項は、あくまで現時点(09年8月6日現在)での各規約をかいつまんだ、個人的なメモのようなモノですので、実際にフォントをご利用になる際は、必ず先方の利用規約やreadme.txtなんかを読んでく

    漢字が使える日本語フリーフォント40選+2
  • 【着うたから】携帯サイトの作り方まとめ【絵文字まで】

    いまや日国内においては90%以上の普及率を誇るという、脅威のデバイス「携帯電話」。 内蔵カメラは若者の文化を変え、GPSは地域社会への貢献すら担い、i-modeから始まったインターネットデバイスとしても、もはやユビキタスの象徴とさえ言えるのではないでしょうか。 今回のエントリーでは、国内の3大携帯キャリアであるdocomo・au・SoftBankに対応する携帯サイトを作成する際に、必ずや役に立つであろう情報をまとめてみました。 携帯サイトって独自の仕様や規制が多いので、なかなか片手間には手を出しにくい感がありますが、作り方に慣れればメッチャ面白い上に、ユニークなアイディアがそのままビジネスチャンスにも繋がるフィールドなので、コレを機に携帯サイトマスターになっちゃえばよかろーもん♪ 総合情報サイト ke-tai.org ケータイサイト開発のためのコミュニティサイト 国内の携帯サイト情報の中

    【着うたから】携帯サイトの作り方まとめ【絵文字まで】
  • WEBデザイナーなら一度は読んでおきたい、デザインの基礎的な知識と作法

    「神は細部に宿る」といいますが、「木を見て森を見ず」という言葉もまた確かな格言であります。 常に自問自答しながら進んでいくコトこそが、WEBデザイナーにとって一番の課題であるというのも、あながち間違っていないだろうと思います。 しかしながら、その自問自答の切り口すら見当たらないという場合もあって、それは時間と共に正解も不正解も見失っていき、そりゃもう脳内大惨事となっていくのです(経験談)。 なので今回のエントリーでは、「デザイン」そのものに関する情報をまとめてみました。 WEBデザイナーとしての知識や素養であったり、心留めておくべき作法や着眼点といったものを持つための助力となれば幸いです。 デザインの基礎的な知識と作法 デザイン講義シリーズ creamuさんがデザインの専門学校か何かの授業で学ばれたコトを、惜しげもなく公開なさっています。 「デザインとは何ぞや!?」という観念的な部分から入

    WEBデザイナーなら一度は読んでおきたい、デザインの基礎的な知識と作法
  • 「複数RSSまとめ&タブ化ジェネレーター」、公開します!

    複数のRSSフィードをひとつのタブにまとめて読み込み、そんなタブを最大5つまで表示させるスクリプトジェネレーター、作っちゃいました! その名も「複数RSSまとめ&タブ化ジェネレーター」!! Yes!そのまんま!Yes!! タブに表示させたいタイトルと、それぞれのタブで読み込みたいRSSフィードのURLを入力するだけで、いともたやすくスクリプトが生成されます。あとはそのスクリプトを自分のサイトに貼っ付けるだけ。 どなたでも簡単に実装できます。もちろん使用無料のMIT-lisenceなフリーウェア!今回のエントリーは、smkn渾身のWEBサービス「複数RSSまとめ&タブ化ジェネレーター」のご紹介です! 「複数RSSまとめ&タブ化ジェネレーター」について まずはどんなモンが生成されるのか、以下のサンプルをご覧ください。 サンプルページ 上記サンプルページのようなものを実装するために必要なマークア

    「複数RSSまとめ&タブ化ジェネレーター」、公開します!
  • 1