タグ

web制作に関するtakkadaのブックマーク (43)

  • ASCII.jp:Web制作の現場で使えるjQuery UIデザイン入門

    Webデザイナー、(X)HTMLCSSコーダー、マークアップエンジニアが扱いやすいJavaScriptライブラリー「jQuery」を基礎から解説。プログラムの基的な書き方から、実務で使えるサンプルまで。jQueryをマスターして仕事の幅をぐっと広げよう。<cj:inc template="792" element_id="499288" />

    ASCII.jp:Web制作の現場で使えるjQuery UIデザイン入門
    takkada
    takkada 2009/12/17
    jQueryのUIチュートリアル。
  • dfltweb1.onamae.com – このドメインはお名前.comで取得されています。

    このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日のドメイン登録業者(レジストラ)(「ICANNがレジストラとして認定した企業」一覧(InterNIC提供)内に「Japan」の記載があるもの)を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年5月時点の調査。

    takkada
    takkada 2009/12/02
    携帯サイト制作についてまとめ。
  • フリーで使えるプロ顔負けの美麗CSSサイトテンプレート集:phpspot開発日誌

    フリーで使えるプロ顔負けの美麗CSSサイトテンプレート集。 次のような、これが無料?というようなテンプレートが9種類、紹介されています。 デザインが苦手な方も、こうしたものを流用することでクールなサイトが簡単に作れそうですね。 それなりのデザインセンスやCSSの知識がないと流用したとしてもどんどん崩れていく、という恐れがありますが、これは便利ですね。 それぞれのリンク先は以下のエントリを参考にしてください。 9 Beautiful Free CSS Web Templates | CrazyLeaf Design Blog

  • Webサービスを公開し、運用するために - 今日とは違う明日

    会社でプログラミングはしてるけど、プライベートでWebサービスを作って公開するには、どうすればいいんだか・・・という過去の私みたいな人のために。 とりあえず、前提として。 Webサービスを構築するためのある程度のスキルはある 何を作りたいかも決まっている でも、自分でゼロからスタートして公開までの段取りがよく分からん 1.開発言語、フレームワーク、データベースを決める 何はともあれ。持ってるスキルにあっているものが良いと思うけど、新しい言語やフレームワークにチャレンジするのも楽しいかも。お好きなものをどうぞ。ただ、all in oneなフレームワークだと、色々揃えなくてもいいから楽。 言語を決めたら、それに合わせた開発環境を用意して、Hello Worldが動く程度には動作を確認しておく。 私の場合は 言語はruby フレームワークはRuby on Rails データベースはpostgre

    Webサービスを公開し、運用するために - 今日とは違う明日
  • 逆引きCSSハック(IE8,Firefox,Opera,Safariを含めたブラウザ別CSSハック)

    cat888 live เว็บไซต์ของเราได้รับการรับรองว่าเป็นเว็บพนันที่มีคุณภาพเยี่ยมที่สุดในประเทศไทยสำหรับการพนันออนไลน์ เว็บพนันที่มั่นคงและปลอดภัยที่สุดสำหรับการเดิมพันออนไลน์ที่ทำการเงินอย่างมั่นคงและปลอดภัยและรับรองความเป็นส่วนตัวของคุณในการเล่นเกมพนันที่นี่. ทางเรามุ่งเน้นให้ประสบการณ์การพนันออนไลน์ที่ไม่ซ้ำซากและน่าสนุกที่สุดเลยค่ะ! cat888 หวย เมื่อคุณมีความระมัดระวังในการพนันออนไลน์ คุณจะมั่นใจได้ว่า

  • [CSS]ジャケ写をセクシーにスタイリングするスタイルシート | コリス

    ジャケ写をジュエルケース、コンパクトケース、ビニールスリーブに入っているようにみせるスタイルシートをKomodo Mediaから紹介します。 Sexy Music Album Overlays demo デモでは、3つのスタイルがスクリプトで切り替わるようになっていますが、個別に適用することもできます。 仕組みは、元画像にケース画像をオーバーレイさせています。

  • クールすぎて本当に動的に作ったの?というグラフが描画できてしまう「visifire」:phpspot開発日誌

    クールすぎて当に動的に作ったの?というグラフが描画できてしまう「visifire」 2009年03月18日- Visifire クールすぎて当に動的に作ったの?というグラフが描画できてしまう「visifire」。 以下にある画像のような、ちょっと他ではなかなか無いグラフを提供してくれます。フリーで使えます。 画像編集ソフトを使えば綺麗なグラフはかけるかもしれないのですが、相当大変です。 が、このライブラリを使ってxmlでデータを書いておけばグラフ描画できます。 データ作成ツールもあるので、xmlも面倒っていう場合にも使えます→ Chart Designer もっとギャラリーを見る ネックはSilverLightなのですが、一旦描画したものをキャプチャして画像に変換してから使ってもよいぐらいクオリティが高いですね。 今後、SilverLightが一般的になっていくことも考えられ、覚えてお

  • IDEA * IDEA

    ドットインストール代表のライフハックブログ

    IDEA * IDEA
  • Web 開発に便利なジェネレータ 50+ - WebOS Goodies

    このブログでは、毎週末に「今週の話題」として新たに見つけた情報や Web サービスなどを簡単にご紹介しています。それらの中には、独立した記事にはできていないものの、とても有用な情報・サービスがたくさんあります。だいぶ数も溜まってきたので、折りを見てまとめ記事にしていこうかと思っています。 日はその第一弾として、ジェネレータ系のサービスを集めてみました。多くは皆さんもご存知かと思いますが、まだ使ったことがないサービスがあれば、ぜひ試してみてください! CSS レイアウトジェネレータ CSS ez ビジュアルな CSS レイアウト作成ツール。 FC2, livedoor, Ameba など多数のブログサービス用のテンプレートを生成できる。 templatr WordPress のテンプレートを作成するツール。基レイアウトが多彩に用意されている。ただ、各要素は CSS パラメータを直接指定す

  • 複数バージョンの IE を表示可能な「IETester」が IE 8 RC1 に対応したらしい: ある SE のつぶやき

    My DebugBar | IETester / HomePage via CodeZine 複数バージョンの IE を 1 台の PC で表示させることのできる「IETester」が、IE8 RC1 版に対応したとのこと。これで、IE 5.5 ~ IE 8 RC1 版まで表示可能になりました。 これはありがたいですね。 ■関連エントリー 1台のPCで複数バージョンのIEを動かす「IETester」を試してみました

  • favicon.ico(ファビコン)の作り方 | IDEA*IDEA

    ドットインストール代表のライフハックブログ

    favicon.ico(ファビコン)の作り方 | IDEA*IDEA
  • 無料で使えるFlashギャラリー『dfGallery 2.0』 – creamu

    クールなFlashギャラリーをブログやサイトに設置したい。 そんなときにおすすめなのが、『dfGallery 2.0』。無料で使えるFlashギャラリーだ。 このギャラリーでは、自分のFlickrやPicasaの写真を読み込むことができる。テーマやスキンをカスタマイズしたり、フルスクリーンモードにすることも可能だ。 ZIPファイルでスクリプトが配布されている。設置に問題がある場合は元記事のコメント欄を参照いただきたい。 無料で使えるFlashギャラリー、チェックして一度使ってみてはいかがだろうか。 » dfGallery 2.0 – Free Flash Gallery Canonの光沢紙で早速プリントアウト。速いし超綺麗だ!課題で立体を作ったよ。アイディアをほめてもらえたしいい感じだ。

  • IDEA * IDEA

    ドットインストール代表のライフハックブログ

    IDEA * IDEA
  • Webに関わるすべての人の基礎知識 - 社団法人 全日本能率連盟登録資格「Web検定」

    Webに関わるすべての人の基礎知識 - 社団法人 全日本能率連盟登録資格「Web検定」
  • 第19回 文字エンコーディングとセキュリティ(1) | gihyo.jp

    文字エンコーディングを正しく、厳格に取り扱わないと、システムのセキュリティに大きく影響します。しかし、広く利用されているアプリケーションでも、大手サイトでも文字エンコーディングを不適切に取り扱っているケースは少なくありません。 今回から4回に分けて、セキュリティと文字エンコーディングをテーマに、Webアプリケーションがどのようなセキュリティ対策を取るべきか解説します。攻撃方法の解説ではないので具体的な攻撃方法は解説しませんが、どのように攻撃されるのかは簡単に解説します。 文字エンコーディングは厳格に扱わなければならない 問題の解説を始める前ですが、いきなり結論から入ります。それは、非常に簡単な原則であるにも関わらず、あまり多くのサイトやアプリケーションで守られていないからです。 文字エンコーディング取り扱いの原則文字エンコーディングは厳格に取り扱い、不正な文字エンコーディングを検出した場合

    第19回 文字エンコーディングとセキュリティ(1) | gihyo.jp
  • Webサイトの制作/運用の効率化を図る 「ガイドライン策定」のすすめ(前編)(1/4):CodeZine

    Web標準に従うことは、SEO効果、ユーザービリティ、メンテナンス性の向上など、Webサイトの利用者と制作者の双方にさまざまなメリットをもたらします。しかし、実際にWeb標準の仕様書に従ってWebサイトを制作しようとすると、制作者の頭を悩ませる多くの問題が待っています。連載では、Web標準のメリットを最大限に生かすことをテーマに、仕様書には書かれていない部分を中心に取り上げ、実際のWeb制作現場で起こり得る問題について、解決の糸口をたらしていきたいと思います。 はじめに Web標準に従うことは、SEO効果、アクセシビリティ、ユーザービリティ、相互運用性、互換性、メンテナンス性の向上など、Webサイトの利用者と制作者の双方にさまざまなメリットをもたらします。しかし、実際にWeb標準の仕様書に従って「正しい(X)HTML+CSS」でWebサイトを制作しようとすると、制作者の頭を悩ませる多くの

    Webサイトの制作/運用の効率化を図る 「ガイドライン策定」のすすめ(前編)(1/4):CodeZine
  • Web制作に超便利!無料のプロトタイプ作成ツール

    格的なWebデザインに取り掛かる前に作るプロトタイプ。特に受託サイトの制作やチームで制作する場合にはある程度きっちり作っておきたいものだが、「なかなかちょうどいい作成ツールがない」という人も少なくないのではないだろうか。 FireworksやillustratorからVisio、PowerPointまで、プロトタイプの制作に使えるツールはいろいろあるが、今回は無償で使える便利な専用ツールを紹介しよう。それが、オープンソースの「Pencil」だ。Firefox 3のプラグインとして動作するものだが、実際の使い勝手としては独立したアプリケーションのように動く。 使い方は簡単だ。インストールが済むと、Firefoxの[ツール]に[Pencil Sketching]という項目が追加される。Pencilの起動はここをクリックしよう。 プロトタイプを作るための基操作は、左側に並んでいるGUI部品を

    Web制作に超便利!無料のプロトタイプ作成ツール
  • [Think IT] 第2回:携帯サイトの制作から公開まで (1/3)

    サイト規模に合わせて作り方を選ぶ 前回(http://www.thinkit.co.jp/article/143/1/)は、携帯サイトとPCサイトがどのように違うかを紹介しました。今回は、汎用的な携帯サイト作りを行うための制作の基から、実機テストまで含めた公開までの手順を解説します。 携帯サイトでは、キャリアによる仕様の違いがあるため、これをどの程度まで考慮するか、はじめに考えなくてはなりません。携帯サイトの作成法には、下記の5つの方法がありますが、ここでは「3キャリア対応の静的サイト+プログラム」について紹介します。 1.キャリア別に静的なサイト 2.3キャリア対応の静的サイト+プログラム 3.プログラムによる動的生成 4.CMSを使ったジェネレータ型 5.MobaSiF(http://sourceforge.jp/projects/moba)などのフレームワーク型 3キャリア対応の静

  • hxxk.jp - DOCTYPE スイッチについてのまとめと一覧表 (HTML 5 や IE 8 Beta 2 のモードスイッチなどの情報も含んだ 2008 年版 )

    DOCTYPE スイッチについて再度まとめ 以前 DOCTYPE スイッチについての検証とまとめと一覧表という記事で DOCTYPE スイッチについてまとめましたが、あれから 2 年弱が経過したので、改めてまとめてみようと思います。 まとめるまでの話がけっこう長いので、一覧表だけ参照したい ! という場合は DOCTYPE スイッチの一覧表をご覧ください。 DOCTYPE スイッチとは何か そもそも DOCTYPE スイッチとは何か、というのがまず書くべきところですが、これは私が書かずとも良質のリソースが各種ありますのでそのリンクのみまとめておきます。 !DOCTYPE スイッチ 各UAのDOCTYPEスイッチについて - CSS Dencitie Mozilla's DOCTYPE sniffing - MDC Mozilla's DOCTYPE sniffing - MDC ( 日

  • [JS]jQueryのプラグイン33+1選 -2008年9月 | コリス

    紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 MopSlider オート・マニュアルに対応したコンテンツスライダー。 MopBox スライド機能付きの移動可能なボックスを表示。