タグ

tutorialとお役立ちに関するguldeenのブックマーク (98)

  • モバゲーのような携帯サイトを作るための12のTips 携帯ホームページを作ろう! -ちょっと詳しいモバイルサイトの作り方-

    当ブログが携帯サイト作成法に関する記事をかいていることから、読者の方から、 『モバゲーのような携帯サイトを作るためにはどうしたらいいんですか?』 っていう質問を最近良く受けます。 おそらく、モバゲーがとても有名で、ある種モバゲーが携帯サイト界のデファクトスタンダードのような 位置づけになってきているのでしょうか。 確かに、携帯サイトを作ってきている身としても、 モバゲーのサイトデザインにするには、結構難しいことも多いし、学ぶことも多い。しかし、最近の携帯サイトは、実機からしかアクセスできないようになっていて、PCからコードを覗くことができないことも多く、学ぶことも難しいようです。 ということで、今回は実際にモバゲータウンに携帯でアクセスして、携帯の画面を見ながら、デザインを真似て新しく自分なりに作ってみましたので、そこから得た経験をTipsとして公開したいと思います。 ちなみに、左のスクリ

    guldeen
    guldeen 2010/07/31
    ただ、ちょっとでも触れば分かるように、主要3キャリア(ドコモ・au・SBM)に通用するような記述を考えると、途端に『融通の利かなさ』が出てくるという、まさに苦難の道。
  • JavaScriptライブラリで作るリッチUI(まとめ)

    Webサイトを使いやすく、楽しくするリッチなユーザーインターフェイス(UI)。手軽に使えるオープンソースのJavaScript/Ajaxライブラリが充実してきたおかげで、従来はFlashでしかできなかったようなUIが、HTML/CSSJavaScriptだけで作れるようになった。 ここに、ASCII.jpで紹介したJavaScriptライブラリの使い方、実際の採用サイトの情報をまとめてみた。ぜひ自分のWebサイトのUI制作の参考にしてみよう。 ※このページは随時更新します Last update:2008年12月18日 JavaScript/Ajaxライブラリ紹介記事

    JavaScriptライブラリで作るリッチUI(まとめ)
  • 無料で使えるSEOやホームページ制作に役立つツールまとめ | パシのSEOブログ

    SEO対策に無駄なコストをかけないためにも、無料で使えるツールたちは欠かせない存在です。その中でも使えるヤツに限定してまとめておきます。 サイト分析ツール SEOチェキ! URLからサイトの総合的な分析を行う。SEOチェック、Whois情報、順位チェック、HTTPヘッダ情報、ページランク偽装チェックなど。とても軽いのでかなりオススメ。 Website Explorer インストール型のサイト分析ツール。ウェブサイトの構造を探査・解析し、情報を階層表示。リダイレクト、リンク切れ、404エラーなどの調査が可能。Web型リンク切れチェックツールとしては、リンクチェッカーが便利です。 SEO-Browser サイト内のイメージやFlash、CSSJavaScriptなどの視覚効果を排除し、検索エンジンの目線でサイト構造を分析。文字化けする場合はエンコードを指定(IEであれば、表示→エンコード→日

  • デジカメは高画素数=高画質とは限らない - エキサイトニュース

    値段も安くなり、簡単に綺麗に撮れるということで、カメラに興味がなくても、コンパクトデジタルカメラを持っている知人が増えた。持っていない人のほうが少ないくらいだ。 各メーカーの最新機種・主要ラインナップをみると、「1000万画素」「12メガピクセル」と、”高画素数”のコンパクトデジカメがずらり。携帯電話のカメラも高画素なものが増えている。1000万画素もあれば、印刷するにも、データとして使うにも、十分なサイズ。 もう高いカメラを買わなくても、安くて高性能なカメラで十分といったことだろうか? この前、一緒に旅行に行った友人から、写真データを500枚ほどもらったが、データコピーにかなり時間がかかった。それもそのはず。彼のデジカメは1000万画素で、1枚あたり3~5MBもあるからだ。 しかし、その写真を見てみると、なんだか違和感が。ノイズが目立つ、とても画質が悪い写真が多いのだ。その友人は「十分綺

    デジカメは高画素数=高画質とは限らない - エキサイトニュース
    guldeen
    guldeen 2010/07/01
    『画素数だけで画質が決まるわけではない』、というのは諸方面でさんざん言われてきてた事実。撮像素子や画素自体の大きさは、例えばラチチュード(明暗差)にも関わる→白トビ・黒ツブれの少なさに繋がる。
  • マウスオーバーでゆっくり画像が切り替わるjQueryがイケてるかも | 日刊ウェブログ式

    jQueryとCSSで、ボタンがゆっくりと切り替わるチュートリアルです。とても簡単にできる上に、実用面での使い勝手も良いかもしれません。 まずは、こちらのデモをご覧ください Demo マウスオーバーでゆっくり画像が切り替わるのがお分かり頂けると思います。jQueryでシンプルに動かしています。 使用するには、以下のサイトからスクリプトやコードをダウンロードしてください。 Link もうそこにやり方が書いてありますが、一応チュートリアルです。 既存のブログなどに使用する場合は、 以下のコードを「head」内に書き込みます。 <link href="style.css" rel="stylesheet" type="text/css" /> CSSに以下の記述を追加 .button2{ background:url("images/download.png") 0 -45px; height:

  • WEBデザインをプロっぽく仕上げるPhotoshopのグラデーションファイルの厳選まとめ | 日刊ウェブログ式

    フォトショップのグラデーションファイルは作業を早めるのに役立ちますし、テンプレートだと色の参考にもなります。PhotoshopやGIMPの色合いが美しいグラデーションを厳選してまとめました。 追記: 2010/12/04 グラデーション追加/リンク切れチェック Photoshop Gradients Nice photoshop gradient set Download Source Web 2.0 Photoshop gradients Download Source Ultimate Web 2.0 Gradients - FREE Download Download Source 黄金比グラデーション・白銀比グラデーション | DesignWalker Download Source 日の伝統色グラデーションファイル | DesignWalker Download Source

  • CLIP 創作活動応援サイト | はじめてのメタセコ

    Metasequoia 使い方講座 「Metasequoia 使い方講座」はリニューアルいたしました。 「Metasequoia 使い方講座」をブックマークされていた方には、お手数をお掛けいたしますが、新しいURLを再度ブックマークしていただきますようお願い申し上げます。 http://tech.clip-studio.com/howto/metasequoia/

  • 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月時点の調査。

  • 実践モバイルSEO講座|携帯サイトとして検索エンジンに認識させるための8つのTIPS

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

  • 実践モバイルSEO講座2|モバイルSEOのとりあえずこれだけはやって欲しい8つのTIPS

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

  • dfltweb1.onamae.com – このドメインはお名前.comで取得されています。

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

    guldeen
    guldeen 2010/05/22
    ドコモの携帯がCookie食わないせいで、実装がややこしくなってるってのは有名な話。
  • 携帯サイトの作成方法 - [ホームページ作成]All About

    携帯電話などから閲覧できる「ケータイサイト」を作成する方法や、携帯端末での見え方を確認するソフトウェアの紹介などです。携帯サイト作成に必要な事柄を基礎から解説! 携帯サイトの作り方 第1回 作成方法の基礎 携帯サイトホームページ作成 携帯電話などから閲覧できる「ケータイサイト」を作ってみましょう。携帯端末に搭載されているブラウザに関するいくつかの制約を押さえておけば、あとは簡単に作成できます。まずは、携帯サイト作成の基をご紹介。 from All About[ホームページ作成] 携帯サイトの作り方 第2回 番号キーで移動 携帯サイトホームページ作成 携帯電話で閲覧できる「ケータイサイト」作成方法の第2弾です。携帯端末では画面スクロールやリンクの選択が少々面倒です。携帯電話の「番号キー」を使って、ページ内の移動やリンクの選択を手軽にしてみましょう! from All Abou

    guldeen
    guldeen 2010/05/21
    全部に目を通すのは、時間がかかりそうだ…
  • 携帯からのアクセス振り分け方法

    htaccessファイル記述方法 ⇒ 携帯からのアクセス振り分け方法 携帯からのアクセス振り分け方法 振り分け方法は幾つかありますが、ここでは「.htaccess」を使用した方法をご紹介します。 「.htaccess」ファイル記述方法 1.下記のコードをメモ帳などのテキストエディターにコピーし「htaccess.txt」として保存します。 ※赤文字の個所はお客様環境に合わせて変更してください。 RewriteEngine On RewriteCond %{HTTP_USER_AGENT} DoCoMo [OR] RewriteCond %{HTTP_USER_AGENT} J-PHONE [OR] RewriteCond %{HTTP_USER_AGENT} Vodafone [OR] RewriteCond %{HTTP_USER_AGENT} SoftBank [OR] R

    guldeen
    guldeen 2010/05/21
    へー、.htaccessって、特定IPからのアクセスを蹴る以外に、こういう場合にも使えるんだ。
  • [JS]壁一面に写真を並べたようなギャラリーを作成するチュートリアル

    画像をダイナミックに配置し、それに負けないくらいダイナミックなアニメーションで画像を拡大表示するギャラリーのチュートリアルをCodropsから紹介します。

  • Javascriptのメニュースクリプト30 – creamu

    Quenessというサイトで、Javascriptのメニュースクリプトがまとまっています。 ざっといくつかご紹介。 ・アコーディオンメニュー » Dynamic drive Accordion menu » i-MarcojQuery Accordion Menu ・Dockメニュー » MacStyleDock » Mootool Fisheye ・ドロップダウンメニュー » Superfish Menu » jQuery Context Menu ・スライドメニュー » Slide Menu » iPod Drilldown Menu ・ツリーメニュー » Tree Panel » Sitemap Styler その他のリストは以下からどうぞ。 » 30 Javascript Menu Plugins and Scripts 昨日は焼肉。うまかった〜。

  • デザイナーにオススメ!JavaScript滑らかメニュー

    サイトの構造を分かりやすく整理したグローバルナビゲーションを設置したい。カテゴリが細分化されているWebサイトで、遠回りせずに直接、目的のページに移動できるようにしたい――。そんなときに使えるJavaScriptライブラリが、Dynamic Driveで公開中の「Smooth Navigation Menu」だ。 Smooth Navigation Menuは、多階層のドロップダウンメニューを簡単に設置できるライブラリ。(X)HTML中のリストタグを読み込み、下の画面のようにドロップダウンメニューとして表示してくれる。しかも、メニューの展開時にはちょっとしたアニメーション付き。ライブラリ名にもなっているとおり、スムーズな動きがなかなか気持ちいい。 このSmooth Navigation Menuは、JavaScriptに詳しくないWebデザイナーでも扱いやすいように、スクリプト部分を一切い

    デザイナーにオススメ!JavaScript滑らかメニュー
  • http://www.designwalker.com/2010/05/css3.html

    http://www.designwalker.com/2010/05/css3.html
  • ボーカロイド(初音ミク)のパラメータの働きと使い方

    VOCALOID「初音ミク」は、歌詞とメロディーを与えられると、 ピッチ変化や音量変化をある程度適切に設定して歌います。 もし、この機能が無ければ、あまりにも煩雑な設定を必要とする ため、ボーカルトラックの作成に膨大な時間を要するでしょう。 しかし、これには欠点もあります。デフォルトで設定される ピッチやエンベロープが適切でないとき、各種のパラメータを手動で変更して 望ましい設定を模索しますが、自動的な設定機能の副作用として、 時と場合によって、パラメータの利きに差が発生して、希望の設定を 見つけるのが難しくなるという問題です。 アスペクト社のBISモニタ同様、どのようなパラメータを どのように使用しているか分からないので、予想外の結果が出た 時の対応が難しくなります。 このページは、初音ミクが与えられた歌詞とメロディーからどのように ピッチやエンベロープ、フォルマントを選択するのかを、客

    guldeen
    guldeen 2010/05/15
    パラメータの駆使の度合いがハンパねぇ程の、実証的チュートリアル/逆に言えば、人間の歌唱というものが、いかに再現が難しいかという事の証左でもあるわけだが。
  • 「ジャーシャカ・ドット・ノート」ではオープンソースで開発されているフリーのビデオ編集ツール「jahshaka」を応援しています。

    “オープンソースで開発されているフリーのビデオ編集ツール 「jahshaka」についての覚書や情報を掲載しています。” 初めての「じゃーしゃか」 [jahshaka]とは? jahshaka「ジャーシャカ(日語での発音はこれでいいのかな?)」とはLinuxWindows、OSXとマルチプラットフォームで開発されているビデオ編集,ポスト・プロダクション・ソフトウェアです。 jahshakaで扱うことができるのはflash、avi、quicktime、windows mediaそしてrealなどのメディアのデータと3DCGのデータで、動画や静止画を使ったアニメーション、エフェクト処理、編集、ペイントなどが可能です。 ただし、このような機能を持ったソフトウェアは数多ありますが、jahshakaが他の市販の同様のソフトウェアと違うのはオープンソースコミュニティによって開発されている点です。 こ

    guldeen
    guldeen 2010/05/06
    フリーの動画編集というか、複数の画像ソースから動画を作るソフト。
  • Blenderで3DCG制作日記

    久しぶりに作業再開です。 ここのところ全然作業していないので、ほとんど進んでません。 とりあえず、前回作ったモーションをレンダリング。 あと、腕が細いという指摘をいただいたので、いくらか太く修正してます。 確かに今までの腕は細すぎましたね。 動画はテスト動画置き場に置いてあります。 テスト動画置き場 - http://bmania.michikusa.jp/movie.html 今回、砂煙をパーティクルで作っています。 Blender 2.5のパーティクルのアニメーションは、まだ未完成な感じです。 例えば、マテリアルをアニメーションさせた場合です。 ↑2.49bでは一粒一粒、個別に発生時からアニメーションが始まるのに対し、 ↑2.56a Betaでは全体でまとめてアニメーションさせてしまっています。 (これはこれで使い道がありそうですけどね) ちなみに今回は、最初から薄くしたパーティクルを

    guldeen
    guldeen 2010/05/06
    作品を制作がてら使い方やtipsなどを研究しているサイト。