タグ

web制作に関するtaku_ichimiのブックマーク (146)

  • マーケター必読! マーケティングROIを最大化する“正しい”PDCAアプローチ

    『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day

    マーケター必読! マーケティングROIを最大化する“正しい”PDCAアプローチ
  • 非デザイナーのためのデザイン基本テクニック その1 | 07design.blog

    デザイナーではない方も趣味でサイトを作っていたり、デザイナーに頼むほどでもない画像を作ったりする機会があると思います。デザイナーはセンスでサクサクと制作するイメージがあるかもしれませんが、実はデザインというものは数々のルールによって成立しています・・・デザイナーではない方も趣味でサイトを作っていたり、デザイナーに頼むほどでもない画像を作ったりする機会があると思います。 デザイナーはセンスでサクサクと制作するイメージがあるかもしれませんが、 実はデザインというものは数々のルールによって成立しています。 そのルールの知識があればデザイナーレベルとはいかないものの、見た目がきれいなグラフィックは作れるはずです。 デザインという言葉の定義やソフトの使い方から始めてしまうとややこしくなるので、 今回はあくまでも「とりあえず見た目をキレイにする」ということに重点を置いて説明します。 記事内で

  • Webサイト制作でよく出てくるコンテンツとそれによく使うディレクトリ・ファイル名の一覧 - btmup Blog

    Web 制作のことを中心に、ちょっとした Tips などを掲載しています。「自分用メモ」が基スタンス。 btmup Blog ディレクトリ名とかファイル名って、ちゃんとしようとすると意外に時間がかかるもの。 ページタイトルを直訳すれば良いってもんでもなく、いくつかある候補から内容に一番合った単語を見付けてこないといけない。 いちいち英語を調べるのもメンドいし、かといって「gaiyo」とかじゃ気持ち悪いし、どうしたもんかねー、とずっと思っていました。 で、今回、勢いでざっくりとまとめてみたのでついでに公開します。 当にざっくりなので抜けもあるだろうし「それくらい書かんでも分かるわボケ」なものもあるでしょうけど、まぁそれは追々。 ディレクトリ名やファイル名として使用することを前提としているので、文法とかは全く考慮してませんので悪しからず。 最近、医療・病院関係のサイトに仕事で関わることが多

    Webサイト制作でよく出てくるコンテンツとそれによく使うディレクトリ・ファイル名の一覧 - btmup Blog
  • 渋谷で働かないWeb屋のためのエリア戦略 | 企業ホームページ運営の心得

    コンテンツは現場にあふれている。会議室で話し合うより職人を呼べ。営業マンと話をさせろ。Web 2.0だ、CGMだ、Ajaxだと騒いでいるのは「インターネット業界」だけ。中小企業の「商売用」ホームページにはそれ以前にもっともっと大切なものがある。企業ホームページの最初の一歩がわからずにボタンを掛け違えているWeb担当者に心得を授ける実践現場主義コラム。 宮脇 睦(有限会社アズモード) もう何社の「廃業」を見たことでしょうか。近所で競合Web屋(ホームページ制作業)の看板が上がれば、胸中穏やかではありませんが、しかし看板を下ろす姿は同業者として切ないものがあります。廃業するにはさまざまな理由があるのでしょうが、彼らのサイトにある「制作実績」をみて共通するのは広範なエリアに顧客を持っていることです。反対に堅調に事業を営む人は「地元」を中心に集客しています。 Web屋さんのホームページでフッターや

    渋谷で働かないWeb屋のためのエリア戦略 | 企業ホームページ運営の心得
  • 企業サイトでやってはいけない31のこと | パシのSEOブログ

    企業サイトを運営する上でやらない方が良い事や、やってはいけない事についてまとめてみます。全ての項目が全てのサイトに当てはまるわけではありませんが、なんとなく実施している事が訪問ユーザからは、良く思われていないという事も多いものです。 ユーザに嫌われる動作 Flashで待たせる ページの表示速度が遅い 横スクロールバーが出る 内部リンクが別窓になっている 無駄なポップアップが出る ブラウザの戻るで戻らせない ブラウザサイズを勝手に変える 右クリックを禁止している 流れる文字や点滅する文字がある 無意味なBGMや音が出る 1.フルFlashは初めてそのサイトに訪れるユーザにとってはプラスに働く事も多いですが、リピータや情報を探しているユーザにとっては、ウザイと感じる場合も少なくありません。 2.ページの表示速度や、動作の悪いサイトは嫌われます。ネットに慣れたユーザほど待ってくれません。 3秒待

  • jQueryの日本語の解説サイトと国産のプラグイン集

    MopBox 複数パネル(デモには100以上のパネルも)の表示にも対応した、画像・Flash・動画などを表示できるドラッグ移動可能なボックス。

  • コーディング前に確認しておきたいこと。 - CSS HappyLife

    CSS HappyLife ZERO が移転したのでお手数ですが、消えちゃう前にブックマーク等変更してもらえるととても嬉しいです。 制作会社でコーディングする場合、社内のガイドライン的なのが有ったりデザイナーもある程度固定されてると思うので、毎回似たような事を確認したりとか、このデザインはどういう意図なんだろう?ってのも、何度か同じ人とやってれば見えてくる訳ですが、フリーランスの場合だとデザイナーは毎回違っていたり、当然ディレクションをする人も違うので最初に確認しておきたい事が有ったりします。 って事で、その辺りをまとめてみたり、デザインを渡されたときにこのデザインの意図は?って思う事とかもばーっと書いてみます。はい。 なので、デザイナーさんもコーダーにデザインを渡すときに気をつけて欲しい点とかもわかってしまうすばらしい内容(だと良いな)! じゃあまずは最初に確認しておきたい基的なことか

    コーディング前に確認しておきたいこと。 - CSS HappyLife
  • 誰でも作れる! “崩れない”HTMLメルマガ作成術(1/4)- @IT

    誰でも作れる! “崩れない”HTMLメルマガ作成術:一撃デザインの種明かし(12)(1/4 ページ) キレイなHTMLメールを作るコツ/Tips盛りだくさん! ECサイトはもちろん、企業サイトのニュースなど、いまなおプッシュ型の情報配信として支持されるメールマガジン。一時のフィードリーダーの盛り上がりもあり、以前に比べると落ち着きましたが、まだまだメールマガジンの効果は侮れません。 今回は、そんなメールマガジンの中でも、表現力豊かなHTMLメルマガの作り方について、徹底解説します! 「HTML」自体は、それほど難しくないが…… 「HTML」というマークアップ言語自体はプログラム言語に比べると手が出しやすいので、Webを仕事としていない方でも触れた経験をお持ちの方はいらっしゃるのではないでしょうか? そういう人にとっては、HTML言語自体はそれほど難しくないと思います。 しかし、そのHTML

    誰でも作れる! “崩れない”HTMLメルマガ作成術(1/4)- @IT
  • 時間の節約になるWeb制作関連ツール 12+1

    2013年4月2日 便利ツール Webサイトを作る際に、じっくり時間をかけたい作業とそうでないものがあると思います。細かい作業は便利なツールで作業時間の短縮をして効率よくすすめましょう!今回は私がいつも使っているものとSMASHING MAGAZINEで紹介されていて「おぉっ!」と思ったWeb制作に関する便利ツールを紹介します。 ↑私が10年以上利用している会計ソフト! Photoshopテンプレート まずは私Mana作のPhotoshop用テンプレート。グリッドなんぞ入れてます。グレーのエリアがファーストビュー。結構昔に作ってずっと使ってる感じです。 » Photoshopテンプレートをダウンロードする Instant Blueprint http://instantblueprint.com/ Webサイトを作る際の最初のステップを楽にしてくれるサイト。CSS, images, JSな

    時間の節約になるWeb制作関連ツール 12+1
  • Web制作に役立つ、何度お勧めしても足りないくらい素敵なツール10選 - かちびと.net

    Web制作時、個人的にかなり助かっ ているWebアプリやソフトウェアなど をご紹介。何度お勧めしても足りない 位、助けられています。低スキルな 自分にとっては無いと困る。そんな ツールをシェアしたいと思います。 もっと沢山あるんですが、特に利用しているものを。制作時には毎回利用しているかもしれません。基的に無料のものを使っています。順不同。 960 grid system グリッドシステムです。ブックマークレットも含め、色々手軽なのが嬉しい。何よりグリッドレイアウトはお客さん受け良い傾向にある気がします。 960 grid system Firebug Web制作といえばFirebugですが、僕はChrome派なのでChromeエクステンションのLite版を使っています。元々、Chromeにはデベロッパーツールがありますし、FxのFirebugも使いこなせてなかったのでこれで十分。 Fi

  • 「Launchlist」ウェブサイトローンチ時のコンテンツチェックはこれでOK 【増田(maskin)真樹】 | TechWave(テックウェーブ)

    from metamix.com 大小かかわらずウェブサイト/ウェブサービスのローンチは、相当な労力と繊細かつ客観的な注意が欠かせない。しかし、締切りに追われるチームには冷静さなんて無関係。「あれ、大丈夫だっけ?」なんてグチャグチャになりながら、結局とりあえずローンチがつきものだ。 確かにウェブだからいつでも修正できるが、できたら抑えるべき項目はチェックリストにして、確実につぶしていきたい。「Launchlist」は、そんなマンパワーにあふれるスモールチームに贈る、ローンチチェックツールだ。 初めに自分の名前とメールアドレスを入力。もう一つは、上司とかマネージャーなどを宛先にするといいだろう。それとプロジェクト名とURL。 その下には28のチェック項目が並ぶので、一つ一つ問題が無いかどうかチェックしていく。 項目はこんなようなもの。実にシンプルだ。 スペリングは問題ない?(All text

    「Launchlist」ウェブサイトローンチ時のコンテンツチェックはこれでOK 【増田(maskin)真樹】 | TechWave(テックウェーブ)
  • YoutubeやUstream等の動画埋め込みが超簡単になるjQueryプラグイン「jquery.mb.mediaEmbedder」:phpspot開発日誌

    YoutubeやUstream等の動画埋め込みが超簡単になるjQueryプラグイン「jquery.mb.mediaEmbedder」 2010年05月11日- jquery.mb.mediaEmbedder Matteo Bicocchi's Blog YoutubeやUstream等の動画埋め込みが超簡単になるjQueryプラグイン「jquery.mb.mediaEmbedder」が公開されています。 <div>要素の中にWIKI記法っぽく記述するだけで動画の埋込みが可能です。vimeo、Ustream、Youtube、Livestream、Flickrの他、mp3のようなオーディオファイルにも対応しています。 サンプルコードは以下で、動画のembedコードを取り出すことなく、動画閲覧用のURLを指定するだけで埋込みが完了します。 投稿されたURL等をプレビューしたい場合に、いちいちYo

  • 副業としてイラスト・デザインで稼ぐ5つの方法 | nanapi[ナナピ]

    副業としてイラスト・デザインで稼ぐ5つの方法 に関するライフレシピをご紹介します。nanapi [ナナピ]は、みんなで作る暮らしのレシピサイトです。nanapiでライフレシピ生活! あなたのライフレシピを待っている人たちがいます あなたが生活でちょっとうまくやっていること、 それを知りたがっている人たちがいます! あなたの投稿で、 みんなの生活をハッピーにしてみませんか? nanapiに参加する(無料) はじめに 不況の折、収入が減り生活のために副収入を探している方も多くいらっしゃると思います。 最近は、デザイン業界で“クラウドソーシング”と呼ばれる仕組みを使ったサービスが増えています。これは、企業がネットを使って多くのネットユーザーに仕事を依頼し、必要なスキルを持つユーザーが仕事を請け負うマッチングサービスの総称です。これらのサービスを活用すれば、自宅で空き時間を使って副収入を得るこ

  • nanapiの初期バージョンに検索窓がなかった理由 : けんすう日記

    はじめに 【仕事における80:20の法則】個人・企業のパフォーマンスを最大限に高める方法 | [b] bizMode|世界のデジタルトレンドを読む というブログの中で nanapiというレシピサイトがありますが、c/o時は全然機能がなく、レシピを探せませんでした。果たして、カットオーバー時点において、レシピ検索機能は備え付けておく必要があったのでしょうか?また、個人ページにも全く機能性はありませんでしたが、今はどうでしょう?十分パワーアップしています。 そこに、多くの問題が発生したでしょうか?していません。 少しの問題は発生していましたが、プロダクト価値を脅かすものではありません。 徹底的に80%にこだわり、重要なポイントは、十分に抑えられていたと思います。 こんな記事で紹介してもらったので、ちょっと書いてみます。記事内では、最初は検索結果に対しての工数をさかずにあとで回した、というニュア

  • Webdog - Uw Online Speurneus

    Als je op zoek bent naar een betrouwbare partner voor je koeltransportbehoeften, kijk dan niet verder dan Petit Forestier. Met… Hallo, Willem hier! Welkom op mijn blog: Webdog! Ik heet Willem en heb dit blog vernoemd naar mijn hond Bram. Nou ja, niet vernoemd, maar toch wel een beetje opgedragen aan hem. Vandaar de woordspeling. Behalve mijn hond zijn andere belangrijke dingen in mijn leven: mijn

  • あなたもAkamaiのCDNが使える! True CLOUDはEC/Webサイト向けクラウドの真打か | 初代編集長ブログ―安田英久

    ネットショップ担当者やWeb担当者にとって夢のようなクラウドサービスが開始された。GMOホスティング&セキュリティが2010年3月からサービスを開始したクラウド型のホスティングサービス「True CLOUD(トゥルークラウド)」だ。 規模を問わずネットショップやWebサイト向けの魅力をもったTrue CLOUDの特徴をご紹介しよう。 まず、True CLOUDは、Webサイトやネットショップを運営するサーバーの機能を提供するサービスだ。つまり、これまでのレンタルサーバーと同様に、契約するだけでネット上にHTMLや画像を公開したり、プログラムを動作させたりできる「パブリッククラウドサービス」だ。 では、True CLOUDは既存のレンタルサーバーと何が違うのだろうか。要点は大きく3つに分けられる。 必要に応じて性能を増減 ―― サーバーの性能(CPU速度やメモリ量)、ディスク容量を、アクセス

    あなたもAkamaiのCDNが使える! True CLOUDはEC/Webサイト向けクラウドの真打か | 初代編集長ブログ―安田英久
  • WebサイトのRFP(提案依頼書)作成時に必要な要素リスト|大前創希ブログ(仮) Soki Ohmae Blog β|Webコンサルティング・Webサイト構築のクリエイティブホープ

    先日のセミナーにて、RFP(提案依頼書)作成時のチェック項目として利用していただける資料をブログで公開する、と発言していましたが。。。 申し訳ないです。。出していませんでした。 ここに貼り付けておくので自由に使って下さいませ。 RFPtable_20100205.pdf 利用許諾として、この資料を改変無くプリントや添付資料として使って頂く分には全く問題無いものとします。転載や一部抜粋にによる利用はお控え下さい。 RFP(提案依頼書)を書く際の留意点として、以下のことに注意してみて下さい。 ・提案を依頼する理由 >例:Webからのお申し込み数を増加したい たとえば「Webサイトリニューアル」といった漠然とした課題ではなく、その根底にある問題意識を共有できるように記述すると、より具体的な提案を得られます。 ・現状のWebサイトのアクセス状況 >例:PV 100万/月・UU 2万/月・申し込みC

  • かっこいいメニューバーが簡単に作れちゃうジェネレータ「MenuBuilder」*二十歳街道まっしぐら(FC2ブログ時代)

    「MenuBuilder」はメニューバーを作ってくれるジェネレータです。 グラデーションやマウスオーバーも実装できます。 色を選んで、パターンを指定したらおしまい! 簡単すぎ! 画像およびHTMLCSS)もダウンロードできるので、使い回ししやすいです。 以下に使ってみた様子を載せておきます。 まず「MenuBuilder」にアクセスします。 メニューはグラデーションになります。 上側がデフォルトで下側がマウスオーバーのときです。 そしてお次は、メニューのパターンを指定します。 あと、横に並べるのか、縦に並べるのかも選択しましょう。 「Generate&Preview」すると、最上部で仕上がりを確認できます。 「Download」ボタンをクリックすると、画像とHTMLCSS)を一括でダウンロードできます。 HTMLファイルを開くと、このように先ほど作ったメニューが実装されています。 HT

  • ウェブUIの設計時に使える、ワイヤーフレーム用の無料のPSD素材

    ボタンやフォームの各エレメント、タブ、ページネーションなどウェブ用のUIパーツがセットになったPSD素材をFuel Your Interfaceから紹介します。 Free Web UI Wireframe Kit ダウンロードできるPSDファイルはレイヤーがいきているため、レイヤー効果やフォントの変更が可能で、またサイズ変更も可能となっています。 収録されているUIのパーツは下記のようになります。

  • このサイズだとこのサイトはどう見えるかな?が簡単に試せる『TestSize』 | 100SHIKI

    似たようなツールは他にもあるが、シンプルで使いやすかったのでご紹介。知っておいても損はないだろう。 TestSizeでは、「このスクリーンサイズだとこのサイトはどういう風に見えるかな?」をシミュレートすることができる。 いくつかのサイズが用意されているが、矢印キーの上下で切り替えていくことができる点が便利だ。 また余計なメニューなども「f」キーでさっと消すことができる。 日語のサイトも問題なく通るので、ちょっとしたテストにいかがだろうか。

    このサイズだとこのサイトはどう見えるかな?が簡単に試せる『TestSize』 | 100SHIKI