タグ

web制作に関するruneharstのブックマーク (50)

  • 海外Webサイト・海外Web屋の特徴

    2013年3月23日 Web関連記事, 海外情報 以前「日向けのウェブデザインというのはあるのか?」という記事を読み、「逆に海外のサイトは具体的にどう違うかなあ?」と思ったので、私が感じた海外のWeb業界やサイトの違いを並べてみます。海外向けのWebサイト制作を考えている方、海外で働こうと思っている方の参考になればと思います! ↑私が10年以上利用している会計ソフト! 追記:ここで紹介する「海外」とは、私が滞在・就労経験のあるカナダとオーストラリアを指しています。 海外Webサイトの特徴 URLを直接入力 日ではURLバーに直接入力する人は少ないかと思われますが、海外では目的のブランド名がわかっている場合、とりあえず「.com」をつけてWebサイトを開きます。海外で .com が人気な理由はこのへんにありそうです。そのため、新たに会社やサービスを立ち上げるときは、そのブランド名とドメイ

    海外Webサイト・海外Web屋の特徴
  • SEO検索エンジン最適化チュートリアル

    サイトやページのコンテンツを読みやすく、わかりやすく、使いやすく、そして美しくすること、つまり良好なユーザーエクスペリエンスを提供することは、デザインが担う重要な役割であり、人間のユーザーに対して有効であるのと同様に、SEOにも有効に働きます。 SEOに強いWebデザインの基ターゲットユーザーの設定はWebデザインに欠かせないプロセスです。そのターゲットユーザーのひとつに検索エンジンを加えることで、WebデザインSEOフレンドリーになります。現在の検索エンジンは、人間のユーザーと同じようにサイトのユーザーエクスペリエンスを評価するからです。 ウェブサイトは利用者の便宜のために構築するべきであり、すべての最適化はユーザー エクスペリエンス向上のための調整である必要があります。検索エンジンもそうした利用者のひとつであり、他のユーザーがあなたのコンテンツを見つけるための手助けをしています。

    SEO検索エンジン最適化チュートリアル
  • 「Webサービスにテーマソングを」「目指せ紅白歌合戦!」 WEBライダー、戦いの記録

    Webサービスにテーマソングを」「目指せ紅白歌合戦!」 WEBライダー、戦いの記録(1/2 ページ) NHK紅白歌合戦への出場を気で目指しているネットベンチャーがある。京都市の「WEBライダー」だ。社長の松尾茂起さん(32)はSEOコンサルタント、作曲家、ピアニストと多彩な顔を持っており、これまで4曲を制作、発表してきた。 2009年リリースの「恋のSEO!」は、恋愛SEO(検索エンジン最適化)になぞらえた曲で、「恋のリズムはアルゴリズムさっ♪」と、とにかくノリノリ。10年リリースの「私の心の中の関数」は、ラブソングでExcel関数を覚える斬新さなどが受け、ネットで話題になった。 Webサービスの受託開発やWebプランニングのほか、自社サービスも運営している。「歌の力でWebに集客したい。今年は自社サービス全部にテーマソングを付ける方針です!」――松尾さんは真剣だ。 「IT戦士」にラ

    「Webサービスにテーマソングを」「目指せ紅白歌合戦!」 WEBライダー、戦いの記録
  • 【レビュー】IE6、IE7、IE8、IE9をクラッシュさせる方法 | エンタープライズ | マイコミジャーナル

    Taranfx.com - Your Gateway to Technology, Redefined. ブラウザは特定のHTMLCSSJavaScriptのコードを読み込むとクラッシュしたりフリーズすることが知られている。しかもそれは複雑怪奇なコードではなく、とても短いコードでも起こることがわかっている。特にIEをクラッシュさせたりフリーズさせるためのコードの多くがスニペットとして公開されている。 そうした情報のひとつにTaranfxで公開されているHow to Crash Internet Explorer IE6, IE7, IE8, IE9がある。IE6、IE7、IE8、IE9をクラッシュさせたりフリーズさせることができるコードを紹介するという内容になっている。記事の目的はIEがクラッシュするコードを使ってほかのブラウザへユーザの目を向けさせようというもの。同様の取り組みはすで

    runeharst
    runeharst 2011/01/17
    人類の救世主コード。
  • 特定サイトから直リンクされた画像を一発で別の画像にする方法:phpspot開発日誌

    他人のブログをパクり無断で公開! 被害者の対抗策が凄い アメブロ広報「数件の通報が来ている」 - ガジェット通信 特定サイトから直リンクされた画像を一発で別の画像にする方法。 私のブログはともかく、不要な負荷が増えて嫌だなと思う場合に即効できる処置方法をご紹介。 mod_rewriteが入っているサーバ&.htaccessが利くサーバの場合は以下のように書いて直リンクされた画像のディレクトリに設置します。 RewriteEngine on RewriteCond %{HTTP_REFERER} ^http://ameblo.jp/sfida2010/.*$ RewriteRule ^(.*)$ http://example.com/deny/unko.png [R=301] /images/ 以下に直リンクを受けている画像群がある場合は、/images/.htaccess として保存して下

  • 不動産サイト構築がとても楽になる国産で無料のWordPressプラグイン見つけた

    ちょっと感動したので脊髄反射で ご紹介。日不動産サイト向け に作られたプラグインがかなり良い 感じです。不動産サイトの構築も かなり楽になりそうですよ。こういう ものは有料が多いですが、こちらは 無料で提供してくれています。 いつ有料になっておかしくない気がしますので今のうちにDLしておきました。お礼も兼ねて記事にさせて頂きます。 WordPress 不動産向けプラグイン もう、なんというか感謝です。このプラグイン入れるだけで、かなり楽になりますよ。 ざっと機能をご紹介。 専用の投稿画面 ↑ 通常の投稿画面とは別に、専用の投稿画面が用意されています。 画像を種類別に分けられる 不動産独特の画像の種類で分けられます。例えばキッチンとかトイレ画像とか。 管理用項目や詳細項目 物件番号、掲載日や制約の有無なども決められます。状態では空いてるかどうかの選択も。また、物件の種別、賃貸なのか分譲な

    不動産サイト構築がとても楽になる国産で無料のWordPressプラグイン見つけた
  • 永久保存版!?携帯コーディング、これだけ読めばすぐできる! | KAYAC

    マークアップエンジニア(以下、ME)のtacamyです!(`・ω・´) カヤックでは、デザイナーもHTMLコーディングをしてくれています。 (いつもありがとうございます!) そんなワケで、格的にHTMLコーディングはしないけど、 ちょこっとしたページなら組みますっていうデザイナー向けの、 「コレだけ読めばすぐできる」シリーズを始めました。 第一回は「携帯コーディング」についてです。 携帯はPCとは全くの別物なので、なんとなく敬遠しがちですが、 最低限の内容であれば覚えることも少ないですし、 一度覚えてしまえばスタンダードがしばらく変わらないので、覚えておいて損はないですよ! 携帯コーディングの基 基礎の基礎 文字コードはShift-JIS CSSはインラインで指定(タグに直接style属性を追加する) 画像を含むページ容量100KB以内(HTML自体の容量は9KB以内) 画像はgifか

  • WEBの作業が楽になるテクニック総まとめ 第9回 目次 - MdN Design Interactive

    「あの作業をもっと早くし たい!!」と思っても、改善できずに制作を続けている場合もあるだろう。そこで、Web制作が楽になる操作テクニックをまとめて紹介!! ふだんから使用しているさまざまなソフトウエアを使いこなし手間どる作業をスムーズに行おう。 【バックナンバー】WEBの作業が楽になるテクニック総まとめ >>> 第1回を見る  >>> 第2回を見る   >>> 第3回を見る  >>> 第4回を見る  >>> 第5回を見る >>> 第6回を見る  >>> 第7回を見る   >>> 第8回を見る

    WEBの作業が楽になるテクニック総まとめ 第9回 目次 - MdN Design Interactive
  • OSを選ばないウェブデザイナーのための使えるウェブアプリ15

    OSがWindowsであろうと、ubuntuであろうと、共通のサービスを受けることができるのがウェブアプリケーションです。 ウェブデザイナーの中には、自宅ですでにubuntuを利用している人も多い。また、MacWindowsと、各自それぞれの使いやすい物を利用していると思います。 今回はこうしたウェブ開発を仕事としている人が利用しそうなツールをまとめてみたいと思います。 スケジュール管理 Googleカレンダー もはや説明不要のスケジュール管理システム。 ドラッグによる複数日数のスケジュール投稿は、なにかと連日作業になるウェブ製作にぴったり。 また、タスク管理も結合されたため、細かい作業などの記入も可能。なにより複数人での予定の共有もできるのが便利です。 メール Gmail もう使っている人も多数いるかもしれませんが、Googleが提供するGmailはかなり強烈なアプリケーションです。

    OSを選ばないウェブデザイナーのための使えるウェブアプリ15
  • IDEA * IDEA

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

    IDEA * IDEA
  • 優れた文章を書くための11の賢いヒント » SEO Japan

    米国でNo.1人気のライティングに関するブログ「コピーブロガー」から優れた文章を書くための11のヒントを。英語ならではのアドバイスもありますが、大半は日語にも通じるかと。 — SEO Japan あなたは難しい言葉を使う時、自分が賢くなったような気になるだろうか? Applied Cognitive Psychologyに発表された研究によると、その答えはNOだ。 実際、複雑な文章はあなたを狭量な人間のようにさせてしまう。こんな研究タイトルはどうだろう:Consequences of erudite vernacular utilized irrespective of necessity: problems with using long words needlessly.(学術的専門用語を必要性に関わらず使用することの影響:不必要に長い単語を使用することの問題点) それよりも、The

    優れた文章を書くための11の賢いヒント » SEO Japan
  • divlayout【完璧 css divタグレイアウトコーディング】

    以上の3つを使いこなせばもうコーディングの上級者です。 このサイトは、htmlの構造的にも、seo観点からも、ブラウザの表示速度的にもあまり良いとはいえないテーブルレイアウトから脱却し、divタグを使ったcssでのレイアウトコーディング方法について解説しています。 cssでのレイアウトは、今後のwebサイト構築術としてxhtmlとともに増えていくことが想定されます。 市販のオーサリングソフトを使用してwebサイトを作成する場合、テーブルタグでレイアウトを行う方法が、簡単で、サイト作成中も視覚的にわかりやすく、まだまだ一般的です。divタグを用いたcssのレイアウト方法は、オーサリングソフトではまだ環境が整っていないように思います。 そんな中、ブログが広まりを見せ、テーブルを使用しないcssによるレイアウトがなされたページも数多く見受けられるようになりました。 しかしながら、ブラウザによって

  • 配色パターンからWebデザインを考える

    2017年6月29日 Webデザイン, 色彩 ページを開いた瞬間にそのWebサイトのイメージを左右するほど重要な要素「色」。しかし色の組み合わせ、配色には無限のパターンがあり、正しい配色を見つけるのは簡単なことではありません。ここでは色彩の基礎と配色パターンの見つけ方の一例を紹介します。 ↑私が10年以上利用している会計ソフト! まずは色彩の三属性について 色は彩度・明度・色相の三属性(三要素とも呼ぶ)から成り立っています。 彩度 色の鮮やかさの度合いを表します。彩度の高い色は派手・華やか・目立つ色といえます。子供服やキャラクターグッズ関連のサイトには彩度の高い色が使われることが多いです。逆に彩度の低い色は地味・おだやか・上品であるといえるでしょう。和・ヴィンテージ風デザインのサイトには彩度の低い色がよく使われます。 明度 色の明るさの度合いを表します。明度が高い=明るい色はさわやかで爽

    配色パターンからWebデザインを考える
  • ○○円ならどこまでできる!? ウェブサイト制作の相場早見表 | Web担当者Forum

    ○○円ならどこまでできる!? ウェブサイト制作の相場早見表 | Web担当者Forum
    runeharst
    runeharst 2010/03/15
    老害・化石用に
  • Web制作者的 お客さんに実はお願いしたいこと(Vol.1) | マイペースクリエイターのお仕事日記―フォックス株式会社制作部のブログ

    Web制作に係わっていると、お客さんからいろいろなことを言われたりします。 また、制作に関するやり取りの中で、こちらが予想だにしないリアクションがあったりすることもしばしばで、それだけに苦労も楽しみも多いものです。 こまっちゃうな~の図(写真はイメージです…) どうしても、その業界に身を置く者とそうでない人との間には、認識の違いや感覚のギャップが存在します。 それは当然のこととして受け止めますが、それでもやっぱり、「いくらなんでもそれはやめて~」ってこともあるわけで。 これはWeb制作スタッフなら多かれ少なかれ、誰もが感じることです。いつも読んでるWebデザイナーさんのブログにも、先日こんな記事が載っていました。 『クライアントからのムチャぶり迷言集:Webクリエイターボックス』 「あ~、あるある!」といったことから、「さすがにそんな人いないよ~」という過激な内容まで… ニヤニヤしなが

    runeharst
    runeharst 2010/03/12
    頼む方にマニュアルあった方がいいと感じた
  • 就活に打ち勝つポートフォリオWebサイトの作り方 | Webクリエイターボックス

    2016年2月18日 Webサイト制作 Webデザイナーとして働く際、自分をアピールするのに最も大切なのがポートフォリオWebサイト。今まで作った作品や自分がどんな人間なのか、何ができるのかを紹介するサイトを作っておけば、就職活動にも大変役立ちます。ここではポートフォリオWebサイトを作る際のポイントや素敵なポートフォリオサイトを紹介します! ↑私が10年以上利用している会計ソフト! 最新版書きました!こちらも参考にしてみてください。 ポートフォリオWebサイトを作ろう!2015年版 ポートフォリオWebサイトを作る時のポイント 1. 自己紹介 自分は何者なのか?何ができるのかをわかりやすく完結に紹介します。あまりダラダラ書いても読まれない確立が高いため、大きめのフォント・短い文章で紹介すると効果的です。 「自分はWebデザイナー」という事をはっきり書く 自分ができることをわかりやすく表記

    就活に打ち勝つポートフォリオWebサイトの作り方 | Webクリエイターボックス
  • デザインのいいブログおしえr・・・教えてください ニュース速報BIP

    1 以下、名無しにかわりましてVIPがお送りします 2010/02/28(日) 00:54:22.77 ID:FS2s1X7Q0 二十歳街道まっしぐらとか http://tokuna.blog40.fc2.com/ 3 以下、名無しにかわりましてVIPがお送りします 2010/02/28(日) 00:55:55.34 ID:FS2s1X7Q0 どんどん教えてくだしあ 4 以下、名無しにかわりましてVIPがお送りします 2010/02/28(日) 00:56:45.45 ID:3gtZLmqc0 ぷにるのブログとか? 6 以下、名無しにかわりましてVIPがお送りします 2010/02/28(日) 00:57:51.94 ID:FS2s1X7Q0 >>4 これか フェンリル | デベロッパーズブログ http://www.fenrir.co.jp/blog/ 8 以下、名無しにかわりましてVI

  • iPhoneとツイッターで「株式会社WEBライダー」が生まれる。 | 京都のSEOコンサルタント松尾茂起のブログ

    iPhoneとツイッターで「株式会社WEBライダー」が生まれる。:京都のSEOコンサルタント松尾茂起のブログ 京都のSEOコンサルタント松尾茂起のブログTOP > ツイッター / twitter > iPhoneとツイッターで「株式会社WEBライダー」が生まれる。 先日、EC studioさんから「iPhoneとツイッターで会社が儲かる」というをご献いただきました。 ちょっと刺激的なタイトルですが(その理由は山社長のブログにて)、内容がとても面白く、すぐに読了してしまったのですが、このは、「ビジネス」の目線で見たツイッターの活用法を非常に分かりやすく解説されたです。 また、その活用法も、EC studio さんがツイッターを自社に導入した上で起きたことをベースに、体系化し、マニュアル化されたものですので、まさに「即戦力となる内容」になっています。 僕は最近、クライアントさんから「

  • web計。

    webデザイナ向けアレコレ計算式、略してweb計。 WordPressのfunctions.phpでのカスタマイズをコピペで簡単にできるWP-functions generatorもどうぞ 大丈夫だとは思いますが、計算が違ってても責任は負いかねます。いちおう免責として。

    web計。
  • 顧客と会えない場合のWeb制作に便利なオンラインツール

    2017年6月29日 便利ツール 以前「ホームページを作る人のネタ帳」さんにインタビューして頂きました!内容は「顧客と会わないウェブ制作には、何が求められるのか?」。私自身オンライン上でお仕事を頂くことが多いため、様々なオンラインツールを駆使しています。そんな便利なツールをいくつか紹介したいと思います。 ↑私が10年以上利用している会計ソフト! まず、Yamadaさんありがとうございました。 「ホームページを作る人のネタ帳」の運営者Yamadaさんからこの記事についてのメールを頂いた時はかなり驚きましたが、当に親切にして頂き、大変光栄です。私のインタビュー全文はこちらのページに紹介して頂いてますので、お時間のある方はぜひ覗いてみてください! 使用しているオンラインツール インタビューにも載っていますが、実際に会って打ち合わせができないクライアントとコンタクトをとるためのオンラインツールを

    顧客と会えない場合のWeb制作に便利なオンラインツール