タグ

Web制作に関するuka_haのブックマーク (143)

  • ブラウザに関するお小言・・・IE5.5~IE7のバグ&対策メモ

    私自身は、Operaをメインブラウザとして使っているんですが、世の中には、まだまだIE(Windows Internet Explorer)ユーザーが多いようです。そしてそれがバージョンアップされてない場合、古いIEは、思いもよらないバグでサイトの表示を崩れさせていたりします。(以前、旅先のホテルのパソコンで自分のサイトをチェックしてビックリした経験あり。) ということで、サイト作りする中で私が直面したIE5.5~IE7のバグとその対策をメモ。(実は、IE対策を知らないまま、ごりごりカスタマイズしたこのブログも、IE5.5とIE6で崩れています。早く対応させなきゃ。) 古いバージョンのIEでどう表示されてるかチェックするには、 >> IE Tester が便利です。IE5.5~現在のバージョンまでのIEの表示確認ができます。 ● 古めのIEでは効かない属性など。 - 属性: min-wid

    ブラウザに関するお小言・・・IE5.5~IE7のバグ&対策メモ
    uka_ha
    uka_ha 2011/02/01
    この腐れブラウザめ…
  • Google Maps API V3を使って地図をお手軽に表示 - Google Mapper V3 [ゼロと無限の間に]

    (更新履歴とコメントはGoogle Mapper Archive - ゼロと無限の間のログでどうぞ。) Google Maps APIのバージョン3(V3)が公開されたので、バージョン2用に作ったGoogle Mapperとは別に、Google Maps API V3用の「Google Mapper V3」を書き直した。 これを使えば、普通に地図を表示する他にも、ストリートビューの表示、Google AdSenseの表示、httpsでのアクセス(SSLで暗号化されたセキュアなページの表示)など、いろいろなことを手軽に実現できる。 (上記の画像はGoogle Maps API V3ではなくGoogle Static Maps APIで表示している。)

  • Google Maps API V3 サンプル | WordPressにGoogle Maps API V3!

    地図をクリックして、エンコード化されたポリラインを貼り付ける方法が、地図に線を描く方法としては便利そうです。 今回は、そのポリラインをエンコード化する方法ためのツールとして、Google先生のデモマップをいじって自分好みに使いやすいように直しておきます。 地図をクリックしてポリラインを描いた後にアイコンを移動させたり、削除しても逐一エンコードされたポリラインが表示されるように変更してみました。 Read more »

  • Webビジネスコラム

    急にスパムメール(迷惑メール)が大量に受信ボックスに入ってくるようになった。 今までは、サーバー機能である迷惑メール設定を行っていたので、件名の頭に[SPAM]と付き、メールソフトでフィルタをかけてスパムフォルダに振り入れていた。 ところがここ最近、この[SPAM]が付かなくなって、正規メールと… More

    Webビジネスコラム
  • Google マップ JavaScript API V3 まとめ

    Home Google マップ JavaScript API V3 まとめ Google マップ JavaScript API V3 まとめ 地図コンテンツ作成とカスタマイズ例です。現在グーグル Maps Javascript API のバージョンは「V3」で、Nexus などのタブレットや Android スマートフォンにも適しています。 以下のほか、ブログも参照して下さい。このページに未掲載のマップが多数あります。 V2は2010年5月19日、正式に廃止されています。Google はV3への移行(Google Geo Developers Blog: GoV3: It's time to Upgrade)を奨めています。2013年11月19日以降(機能により)使えなくなっています。 2013年5月、ラベル類が更新されました。javascript の冒頭に google.maps.vis

  • アクセスアップのためにブログに設置しておきたい9つのボタン

    ブログのアクセスをアップさせるボタンとは以下の事を指します。 被リンクを増やすボタン リピーターを増やすボタン クチコミを拡散させるボタン どれもアクセスアップに繋がる基的なボタンです。それぞれググって調べるのは結構手間なので、今回の記事にまとめてみました。 それでは設置する方法のページを紹介しましょう。 ブックマークボタン はてなブックマーク http://b.hatena.ne.jp/guide/bbutton Yahoo!ブックマーク http://bookmarks.yahoo.co.jp/settings/tools/savelink livedoor ブックマーク http://clip.livedoor.com/guide/blog.html bazaarl http://buzzurl.jp/icongenerator/ ブックマークした事をツイッターに流している人もいる

    アクセスアップのためにブログに設置しておきたい9つのボタン
  • 日本語で学べるHTML5関連資料15個まとめ : 二十歳街道まっしぐら

    HTML5について色々と調べてたときに見つけた資料いろいろです。 せっかくなのでまとめておこうかなと思って記事にしました。 「SlideShare」というプレゼン資料共有サイトがありまして、そこから見つけた資料です。 HTML5に関する資料で役立ちそうだなと思ったものを15個ピックアップしました。 日語で書かれているもののみ抜粋。 HTML5の勉強をしようと思う方や、HTML5に興味のある方は是非ご覧ください。 以下に15個のHTML5関連スライドを貼っておきますね。

    日本語で学べるHTML5関連資料15個まとめ : 二十歳街道まっしぐら
  • デザインを勉強したことがない人でもデザインできるようになるかもしれない4つの基本原則

    このブログ、Webデザインレシピのデザインをリニューアルしました。 この機会にデザインを勉強したことがない人でも、楽しくデザインをすることができるかもしれない、基原則 4つをご紹介します。 この原則は「ノンデザイナーズ・デザインブック」著者 Robin Williams で詳しく解説されています。 古いですが、とっても素晴らしいで今では新装増補版となって発行されているようです。 今回、このブログ – Webデザインレシピのデザインを、ガラッと変えてみました。これを機会にちょっとデザインの基というか、デザインをするときにガイドとなる、4つの原則をおさらいしておきます。Webデザインに限らず、会社で提出する報告書や学生さんのレポート、レストランのメニューなど、ページと呼べるものには全部当てはまると思うので、Webサイトを作るとかじゃなくても、知っておいて損はないかもしれませんね。 せっ

    uka_ha
    uka_ha 2011/01/11
    これは非常に参考になる!センスというか、こういうのの積み重ねだと思うんですよ、デザインって。
  • อันดับ1 เว็บแทงบอล UFABET เว็บตรงที่ดีที่สุด

    UFABET เข้าสู่ระบบเว็บตรงไม่ผ่านเอเย่นต์ ให้บริการคาสิโนออนไลน์แบบครบวงจร มาพร้อม ทางเข้าUFABET เปิดให้บริการตลอด 24 ชั่วโมง ท่านสามารถเข้าเล่นได้เอง ทางเข้า คาสิโนออนไลน์ นี้มีระบบการใช้งานที่สะดวกสบาย ซึ่งมี เกมคาสิโนออนไลน์ มากมายให้เลือกเล่น อย่างเช่น บาคาร่าออนไลน์ เกมยิงปลา ไฮโลไทย และการพนันกีฬาออนไลน์อีกมากมาย ที่เล่นง่าย ได้เงินจริง ให้บริการผ่านเว็บพนันที่ใหญ่ที่สุดในเอเชีย สำหรับการเข้า

    อันดับ1 เว็บแทงบอล UFABET เว็บตรงที่ดีที่สุด
  • HTML5で、オフラインでも使えるiPod/iPhone超簡単アプリっぽいものを作ってみた - Publickey

    HTML5にはオフラインアプリケーション機能があり、オフラインに対応したWebサイトを作ることができます。Webブラウザでいちど表示させれば、あとはネットワークとの接続が切れてもそのままエラーを起こさずに利用し続けられるWebサイトです。 iPod TouchやiPhoneに搭載されているWebブラウザの「Safari」はHTML5のオフラインアプリケーション機能に対応しているそうなので、HTML5を使っていつでも参照できる超簡単なアプリを作れるのではないか、そう思ってお正月休みに試してみることにしました。 単に路線図を表示するだけのアプリ iPod Touchを僕は利用しているのですが、いつでも参照できる地下鉄の路線図があるといいなと思っていました。iPod TouchはWifi機能しかないため、外出中はずっとオフラインでの利用なのです。 そこで、起動すると路線図の画像を表示するだけの超

    HTML5で、オフラインでも使えるiPod/iPhone超簡単アプリっぽいものを作ってみた - Publickey
  • Fireworksのバッチ処理が便利すぎる : 石川博之の思索ブログ

    バッチ処理(ファイル-バッチ処理)は同じ作業を大量に繰り返すときに力を発揮します。 特に画像加工の単純作業には相性抜群です。 例えば 画像サイズ(ピクセル・容量)を小さくしたい 画像サイズを指定してサイズ変更したい 縦横サイズがバラバラの画像を横の最大値、縦の最大値を指定して修正したい(これ便利) パーセントを指定して画像サイズ変更 PNGファイル内の文字列・フォント・カラー・URLを置換(超便利) 名前の置換・ファイル名の頭または最後に文字を追加(便利) これらを組み合わせると、かなりの作業時間の短縮になります。 具体的に言うと、 大量の商品画像があり、サムネイル用に25%に画像縮小してファイル名の頭に「s_」を加えて別のフォルダに入れる PNGファイルの中で使われているフォントの「MSゴシック」を「MS明朝」にを変更して色を「#990000」から「#006600」に変更する 色を「

  • XAMPPの設定に迷う。が、シンボリックリンクで解決。 れびうぶろぐ

    XAMPPの設定に迷う。が、シンボリックリンクで解決。 2010年12月09日  カテゴリ:パソコン RealSSD C300 CTFDDAC064MAG-1G1を導入し、Windows 7を新しく使い始めてまず困ったのがXAMPP。 XAMPPは簡単に言うと、サーバー環境を自分のパソコンの中に用意できるという物。 (XAMPPについて詳しいことはこちら) PHPPerlのプログラムを自作してテストもせずにレンタルサーバーで試したら暴走してしまう可能性もあるので、そういうことがないように自分のパソコンでまず動作チェックをするために必要です。 XPを使っていたときと同じ保存先で使いたい 以前XAMPPをインストールしたのはパソコンを自作した2009年の3月。 そのときのXAMPPはPerl無し版を選ぶことができたのですが、今回はPerlが組み込まれた物しかない模様。 Perlが組み込まれて

    uka_ha
    uka_ha 2010/12/19
    XAMPP+MT5で躓いてあれこれやってみたがダメ。素直にこの方法を参考にさせていただきます。
  • 前から気になってたHTML5について色々調べてみました - もとまか日記

    先日、ドコモのAndroid端末である「GALAXY S」を予約したわけですが、そうなると気になるのが、ずーっと前から気になってたHTML5について。これからスマートフォンが普及するにつれて、無視出来ない技術であるのは誰の目にも明らかなのではないでしょうか。 てことで、HTML5について調べてみたメモです。 HTML5の概要まずは難しいことは抜きにして、概要を読んでみると分かりやすいです。 HTML5, きちんと。この記事だけで十分です。長くもなく、文字も少ないので非常に入りやすいです。 HTML5仕様関連一応ですが、仕様について。 HTML5.JP - 次世代HTML標準 HTML5情報サイトHTML 5 ― HTML 4 からの変更点 (http://www.w3.org/TR/html5-diff/ 日語訳) 必要に応じてみればいいので、細かくは見てません。 基礎知識概要が理解出来

  • 遅いブログパーツを高速表示する方法

    ブログパーツの表示が遅いと、ページ全体の描画が止まってしまいますよね。 ブログパーツを「非同期化」してしまえば、ストレス無くページが表示されるようになりますよ。 非同期化とは、ページの一部分を、全体のページから独立して描画させる方法です。 方法はいろいろあるのですが、今回はJavascriptの「setTimeout()」関数を利用しました。 setTimeout()は、メインの描画とは別に、指定した時間後に命令を実行する関数です。時間を0にすれば、非同期で動作させることが可能です。 ブログパーツは、主に3つの形に分けることができます。各々の形ごとに、高速化する方法を紹介します。 ●タイプ0 <iframe src=”http://hogehoge.com/blogparts.cgi”></iframe> iFrameのタイプは、すでに非同期化されているため、特に対策は必要ありません。 ●

    遅いブログパーツを高速表示する方法
    uka_ha
    uka_ha 2010/12/17
    これをお手本に別のこともできるかも!
  • SCRUFA4 เว็บแทงบอล ยอดนิยมอันดับหนึ่ง เว็บตรง UFABET ✅✅

    UFABET เว็บพนันออนไลน์ อันดับ 1 บริการแบบครบวงจรตลอด 24 ชั่วโมง UFABET เป็น เว็บไซต์พนันออนไลน์ อันดับ 1 ของประเทศไทยและเอเชียที่ได้รับการยกย่องเรื่องการบริการและความมั่นคงทางการเงินอย่างสูง UFABET ฝากถอน ไม่มีขั้นต่ำ เนื่องจากเราใส่ใจคุณภาพในด้านการบริการและประสิทธิภาพของเว็บไซต์อย่างมาก ทำให้มีสมาชิกจำนวนมากให้ความเชื่อถือกับเราและเพิ่มขึ้นอย่างต่อเนื่อง เราเป็น เว็บพนันออนไลน์ ที่บริการรับเดิมพ

    uka_ha
    uka_ha 2010/12/08
    もしかしたら崩れちゃうかもだけど、とりあえず自分のブログでは大丈夫だった。
  • お手軽・簡単にブログやWebサイトを拡張出来そうなWebサービスいろいろ

    以前、デザインとか加工とか出来ないから なんかいいの教えて、と言われて教えたツ ールいろいろという記事で、ブログを始めた 彼が今度はブログをパワーアップさせたい 的な事を言い出したので教えたWebサービ スです。知識がないから簡単に出来るやつ がいい、とのことでしたのでそんなWebサー ビスになっています。 パワーアップさせたい、としか聞かれなかったのと、僕もあまり時間がなくてさほど数は探せませんでしたが、喜んでくれていたので需要があるかと思って記事にしてみます。パワーアップって言われても、どうしたいのかよく分からないので機能を追加できる的なものを探してみました。 基的にコピペで済むものがほとんどです。僕自身、あまり導入経験が無いので使用感抜きで書いていますがご了承ください。 zenback 国産(シックス・アパートさんですね)のWebサービスです。かなり色々なところで見かけますが、申請

    お手軽・簡単にブログやWebサイトを拡張出来そうなWebサービスいろいろ
  • [う] HTML5で動画再生、私がやったこと4つ

    UFABET เว็บพนันออนไลน์ อันดับ 1 บริการแบบครบวงจรตลอด 24 ชั่วโมง UFABET เป็น เว็บไซต์พนันออนไลน์ อันดับ 1 ของประเทศไทยและเอเชียที่ได้รับการยกย่องเรื่องการบริการและความมั่นคงทางการเงินอย่างสูง UFABET ฝากถอน ไม่มีขั้นต่ำ เนื่องจากเราใส่ใจคุณภาพในด้านการบริการและประสิทธิภาพของเว็บไซต์อย่างมาก ทำให้มีสมาชิกจำนวนมากให้ความเชื่อถือกับเราและเพิ่มขึ้นอย่างต่อเนื่อง เราเป็น เว็บพนันออนไลน์ ที่บริการรับเดิมพ

    uka_ha
    uka_ha 2010/11/28
    HTML5を使って動画の再生実験をしてみました。
  • 弱小サイトはサブディレクトリで運用しとけ論 | Abi-Station

    ・ドメインパワーを強大にするので、初心者にはこの方針がおすすめ。 ・新規ドメイン取得費用がかからない。 ・アフィリとかへの新規申請が、ある程度簡略化できる。 ・アクセスが爆発すると他のディレクトリも被害を受けるので、アクセス分散がかなり面倒。(そうなってから分けるという考え方もある) ・ドメイン単位でアドセンス剥奪や検索八分にされると全部アウト。(そうなってから分けるという考え方もあるが、リダイレクトすると悪い評価を引き継ぐ可能性がある?) ・個別にサイトを売るときに嫌がられる可能性が。 ・個々にドメインパワーを成長させることができる上級者向け。 ・アクセスが爆発しても同じレンタルサーバー会社内で分散できる。 ・新規ドメイン取得・維持費用がかからない。 ・ドメイン単位でアドセンス剥奪や検索八分にされても被害が広がらない。(ただし全部アウトにされる可能性もある) ・サイトを売るときに嫌がられ

    弱小サイトはサブディレクトリで運用しとけ論 | Abi-Station
    uka_ha
    uka_ha 2010/11/26
    悩んでいる人=私ですw
  • HTML5が注目を浴びる理由とは? ここが違う!サンプルで見るHTML5(1)

    はじめに この連載では、「HTML5」をとりあげ、全6回に分けて、これまでの技術とどのような違いがあるのか、具体的にサンプルのコードを示しながら解説していきます。 HTML5はなぜ注目されているのか HTML5は、今やウェブ業界の流行語といっても良いほどの過熱ぶりです。HTML5は、名前の通り、HTML4の後継に当たる仕様です。とはいえ、HTML5に注目しているのは、ホームページを作成するウェブ制作者だけではありません。ウェブ業界に限らず、あらゆるIT関連業界で注目を浴びています。なぜ、これほどまでにHTML5が注目を浴びているのでしょうか。 この理由は、大きく分けて2つあります。1つはマークアップです。もう1つはAPIです。 マークアップの仕様を更新 まずは、マークアップの視点から見ていきましょう。これは、とりわけウェブ制作者、中でもウェブページ製作の現場において重要です。これまでウェブ

  • igosso画像検索に拡大・切抜き機能がつきました | Abi-Station

    1. igosso画像検索で探す。 2. 使いたい写真の下に「サイズ変更や切り抜きして張り付ける」というリンクがあるのでクリック。 3. サイズとか変更する。 一度作ったサイズはクッキー記録して欲しいとか、トリミング位置はドラッグしたいとか、IEが変だぞ(笑)とかあると思いますが、とりあえずできたよ、ということで・・・ また時間があるときに続きを作ります。 [追記] クッキーとドラッグ、IE7と6で表示が変だったのに対応しました。

    igosso画像検索に拡大・切抜き機能がつきました | Abi-Station