タグ

Webとwebに関するuka_haのブックマーク (77)

  • サイトやブログの運営でよく使いそうな.htaccessの設定のまとめ

    ウェブサイトやブログの運営でよく使いそうな便利な.htaccessの設定を紹介します。 こういうまとめは定期的にあがってきますが、やっぱり必要なのでシェアします。 10 useful .htaccess snippets to have in your toolbox [ad#ad-2] 下記は各ポイントを意訳したものです。 URLからwwwを削除 hotlinkingの防止 feedをfeedbunnerにリダイレクト カスタムエラーページ ダウンロードファイルの処理 PHPのエラーのログ URLからファイルの拡張子を削除 ディレクトリのファイルリストを見せない ファイルを圧縮して軽量化 文字コードの指定 URLからwwwを削除 SEOなどの理由で、URLからwwwを削除して使うことがあるかもしれません。このスニペットは、あなたのウェブサイトにwww付きでアクセスしてきてもwww無しに向

  • ブログリニューアル記録メモ

    uka_ha
    uka_ha 2011/03/11
    WADA-blogのリニューアル記。
  • 「ホームページを作る人のネタ帳」さんのリデザインをしました

    2013年3月23日 Webサイト制作, Webデザイン Webデザインには大きく分けて2種類あります。新規作成と、既存のサイトのリデザインです。今回「ホームページを作る人のネタ帳」さんのリデザインをお手伝いさせて頂きました!リデザインにあたり、改善点やリデザインの流れをケーススタディーとして公開してみようと思います。 ↑私が10年以上利用している会計ソフト! 打ち合わせ リデザインにあたり、まずは入念な打ち合わせをします。Yamadaさんからの要望は、 とにかく読みやすく、スッキリと 差し色にピンクを使いたい jQueryを使った何か仕掛けが欲しい の三点。文章主体であるこちらのブログでは読みやすさが命。スッキリとしたデザインを第一にしてほしいとのこと。また、「ユーザーに数秒でもいいので楽しんでもらいたい」という思いから、何か仕掛けを、と依頼されました。Yamadaさんらしい遊び心ですね

    「ホームページを作る人のネタ帳」さんのリデザインをしました
  • http://e0166nt.com/blog-entry-854.html

    http://e0166nt.com/blog-entry-854.html
    uka_ha
    uka_ha 2011/02/24
    やっとちゃんとしたの見れた。すっごく見やすい。いいなーこれ。 RT おお!と言いたいところだけど、いつぞやから会社でネタ帳さんの画像全般が表示されなくなったので、家に帰るまでお預けブクマ。 @yamada_nt
  • [Webデザイン] 文字組みについて本気出して考えてみた | Stocker.jp / diary

    これはもう何年も前から気になってることなのですが。 何故、昔からずっと見出し画像などの文字組みや文字詰めの甘いWebサイトが多いのでしょうか。 私はデザインについて偉そうに言える立場でないのは分かっていますが、折角全体的なデザインや背景、写真、Flashなどの動きはとても美しく、文章構成のしっかりしたサイトなのに、ただ一点文字詰めだけが甘いというサイトがあまりにも多くて、そういうサイトが減る様子もないのがずっと気になっています。 私は以前、ファッション雑誌やビジネス誌の組版(MacのInDesignやQuarkXPressを使って印刷用のデータを作る仕事。DTPとも言う)の仕事をしていて、見出しは言うまでもなく、文の文字詰めが少し甘いだけでもものすごく怒られたものですが、Webデザインの世界ではそういうのはあまり怒られることがないのでしょうか。 私は、見出しやタイトル画像における文字組み

    [Webデザイン] 文字組みについて本気出して考えてみた | Stocker.jp / diary
  • ブラウザに関するお小言・・・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つのボタン
  • 「クリエイティブな記事」を作るための3つの条件

    「クリエイティブな記事」とは一体なんだろうかと言う事について考えてみましょう。 そもそもクリエイターと呼ばれる人たちが、育み生み出す作品と言うものにはどんな共通点があるかを考えた事はありますか? 私はデザインと同様にテキストも創造されるものだと考えています。 多くのブロガーが多くの記事を作っていると思うのですが、私も毎日大量の記事を見ているなかで、これはクリエイティブだなと感じる記事にたまに出会います。 今回はこうした記事を作るために、何が必要なのかを考えてみたいと思います。 クリエイティブを理解する ブログ記事のクリエイティブ性を問われる場合、真っ先につけられるコメントがあります。 それが 目のつけどころが違う切り口が斬新そこを突っ込むか という言葉です。 特に「切り口が素晴らしい」という言葉は日のブロガーによく使われる褒め言葉だったりします。 切り口が素晴らしいという記事はそれこそが

    「クリエイティブな記事」を作るための3つの条件
  • อันดับ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
    これをお手本に別のこともできるかも!
  • 私がつぶやきボタンをTwitter公式のボタンに変えた4つの理由 | Abi-Station

    ・つぶやき後に管理者のフォロー画面が出る。 ・つぶやき数が出るので盛り上がってる感を演出できる。 ・公式短縮による直接URLでリンク。 ・「公式」ということで安心して押しやすいTwitterユーザー心理。 順番に詳しく説明します。 TOPSYを使ってる人が多いですが、TOPSYでretweetを押すと「つぶやきをフォームにセットした状態」にしてくれます。 一方、公式ボタンも同様に「つぶやきをフォームにセットした状態」になるんですが、そのフォームは小窓で、いつもとちょっと違います。 重要なのはこの後で、つぶやいた後に、管理者のフォローをお勧めする画面が出るのです。 こういうのは公式ならではですね。

    私がつぶやきボタンをTwitter公式のボタンに変えた4つの理由 | Abi-Station
  • SCRUFA4 เว็บแทงบอล ยอดนิยมอันดับหนึ่ง เว็บตรง UFABET ✅✅

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

    uka_ha
    uka_ha 2010/12/08
    もしかしたら崩れちゃうかもだけど、とりあえず自分のブログでは大丈夫だった。