MdN Design｜総合情報サイト
Webディレクターの良しあしは どこで決まるのか “Webディレクター”という肩書から連想される業務内容とは、いったいどのようなものだろうか。このように質問すると「予算を管理する」、「クライアントの意向をまとめる」、「クリエイターに指示を出す」、「見積もりを立てる」、「スケジュールを調整する」、「デザイナーにイメージを伝える」、「サイトマップを考える」、「デザインをチェックする」、「サーバを手配する」、「SEO対策をする」など、人によって答えは実にさまざまだ。それゆえに「私はWebディレクターです」と名乗っても、それだけではなかなかはっきりとWebディレクターの役割というものは相手に伝わりにくい。 役割が伝わりにくいということは、クライアントやクリエイターといったプロジェクトを一緒に推進していく立場の人たち（ステークホルダー）に、想定外の期待をされてしまう可能性をはらんでくる。さらに言うな
FLASH用無料プレーヤー| ストリーミング配信のメディアイメージ
タグを埋め込むだけで使える無料のFlashプレーヤーをご用意しました！ 既存のHTMLにタグに埋め込むだけでご利用でき、面倒なswfファイルの作成が不要です。 2015/08/10 バージョン3.05の公開を開始しました。 ダウンロード（Ver.3.05、MP3用プレーヤー同梱） 一部不具合を修正しました。 2015/03/25 バージョン3.03の公開を開始しました。 ダウンロード（Ver.3.03、MP3用プレーヤー同梱） 一部不具合を修正しました。 2014/09/30 同梱の説明書の不備を訂正しました。 2014/09/06 バージョン3.02の公開を開始しました。 ダウンロード（Ver.3.02、MP3用プレーヤー同梱） 一部不具合を修正しました。 2014/04/01 バージョン3.00の公開を開始しました。 プレーヤーサイズ可変機能が追加されました。Ver.2.00よりファイ
iPhone・iPod TouchをPHPで判定して分岐 | 凸凹
通常、iPhoneやiPod TouchでWebサイトを見る場合、文字とか画像とか小さく縮小されて表示されます。 iPhoneで見たときだけiPhone用にCSSあてたりして表示させる方法もあるんだけど、俺は、それが中途半端でな感じがして嫌なんで、iPhone専用に表示されるようにちゃんと切り分けたいなーと思ってます。 んで、Javascriptとかで分岐するとソースが、アレな感じになるのが気持ち悪いので、サーバーサイドで判定させて分岐させることにした。 <? php $ua = $_SERVER['HTTP_USER_AGENT']; if ((ereg("iPhone",$ua)) || (ereg("iPod",$ua))) : //iPhone・iPod Touchの場合の処理 echo("iPhoneかiPod Touchですね。"); include('iphone.htm
Iphooone
3M architectural finishes are decorative surfaces that can be applied virtually anywhere and offer hundreds of different design choices. Because…
既存サイトのiPhone対応。あびるの場合。 ｜ Abi-Station
Albuquerque nation / SimonDoggett iPhone買っていろんなサイトを見ております。 で、少しずつ自分が運営するサイトのiPhone対応を考えて実験してました。 実験結果をまとめたいと思います。 先に結論を。 ・Wordpressはプラグインを入れよう。 ・AjaxやFLASHが動かないと機能しないサイトは携帯向けページを表示しよう。 ・その他のサイトは何もしない。 で、以下はその結論に至った詳細です。 WordPress・・・ CogDogBlog a la iPhone / cogdogblog iPhone対応のプラグインを入れましょう。かなり見やすくなります。 当ブログでは導入済みです、 WPtouch iPhone Theme AjaxやFLASHが動かないと機能しないサイト・・・ Nitobi Ajax Grid Master Detail /
ke-tai.org > Blog Archive > 既存のケータイサイトをスマートフォン向けサイトに変更するテクニックをまとめた記事「1時間で携帯サイトをスマートフォン対応にする方法」
既存のケータイサイトをスマートフォン向けサイトに変更するテクニックをまとめた記事「1時間で携帯サイトをスマートフォン対応にする方法」 Tweet 2011/4/26 火曜日 matsui Posted in Android, iPhone, 記事紹介・リンク | No Comments » GREEのエンジニアブログに興味深い記事がありましたのでご紹介します。 既存のケータイサイトを、スマートフォン向けサイトに変更するテクニックをまとめた「1時間で携帯サイトをスマートフォン対応にする方法」という記事です。 → GREE Engineers’ Blog 1時間で携帯サイトをスマートフォン対応にする方法 [labs.gree.jp] その題名の通り、ケータイ向けサイトをスマートフォン向けサイトに対応させるためのポイントが、チュートリアル形式でまとめられています。 ステップとしては8つに分かれる
1時間で携帯サイトをスマートフォン対応にする方法 | GREE Engineering
初めての投稿となります。エンジニアのmatsuです。 携帯向けウェブサイトを1時間でスマートフォン対応する方法を紹介します。 概要 2011年4月7日のニュースにて携帯電話の新規契約数のうち、スマートフォンが占める割合が50%を越え、スマートフォンが本格的に普及する兆しが見えてきました。 現在、スマートフォン向けサイトを新規構築するためのチュートリアルは数多く出ていますが、既存の携帯サイトをスマートフォンに最適化する方法があまり紹介されていないのでこの記事で紹介したいと思います。 このチュートリアルを行うと以下のようになります。 実装 全部で8ステップあります。 このチュートリアルではブログのトップページを例にとって説明します。 前半では文字コードの変更、HTMLの変更といった構造を変更します。後半では絵文字や文字スタイルを行い、仕上げとしてHTML5のバリデーションを行っていきます。最初
Webサイト用のベストなプロトタイピングツールはありますか？ | yamashitakoji.com
What is the best web prototyping tool? プロトタイピングツール関係の情報を漁っていたらWhat is the best web prototyping tool?なんていうやりとりがあったので、翻訳してみました。 ツール派、アナログ派などいろいろいますねー。 回答は23人に増加！ Balsamiq MockupsとPencil Project（Swaroop C H さん） Balsamiq Mockups（商用ソフト：$79）か、Pencil Project（オープンソースのFirefoxアドオン）を試してみなよ。 返答：おお、Pencil Projectすげー！ありがとう！ ペンと紙（jpeacockさん） ペンと紙。マジで。ツールを覚える時間も要らないからデザインに時間かけられる。 最初にページのテンプレートをいくつか作っておいて、それをコピーす
2010年度版・とても参考になった国内のWeb制作関連エントリーまとめ
少し気が早いですが、今年も残すところ あと僅かです。ここで、Web制作をする にあたって、個人的に、とても参考にな った素晴らしいエントリーをご紹介します。 基本的にまとめ記事が大好物なので、 まとめのまとめ、という形になってしまい ますがご了承願います。 まぁ、単なる個人的なメモです。今年はお世話になりました、という感謝の意を込めてリンク&トラフィックで返したいのと、自分の復習用リンク集です。来年もたぶんお世話になる記事だと思いますので、備忘録も兼ねて。順不同です。 尚、当ブログのエントリは御礼の場であるこの記事では割愛しています。後日、別記事にてまとめさせて頂きますので、宜しければ御覧ください。 デザイン読み物系が多いです。正月とかで見直す用。 配色パターンからWebデザインを考えるウェブデザインでこれは気をつけたいの35のポイントデザインQRコードの作り方非デザイナーのためのデザイン
HTML5ファミリー：CSS3広告とFlash広告 | Ext Japan Blog
この記事は7/20に掲載された「HTML5 Family: CSS3 Ads Versus Flash Ads」を訳したものです これまでHTML5関連技術について多くの解説ブログを掲載してきましたが、今回は、CSS3の機能を使っておもしろい実験をやってみたいと思います。例えば、、、よく見かけるようなFlashのバナー広告をHTML5で再現することはできるでしょうか？結論から言うと、HTML5そのものは必要ではなく、いくつかの画像ファイルとCSS3アニメーションだけで十分でした（現時点では、最新のChromeとSafariでのみ機能します）。次のリンク：3つのFlashバナー広告と、それらを我々がCSS3で再現したものとを比較してみてください。実際、気味悪いほどそっくりに仕上がっています。 この記事では、CSS3とHTMLだけで上記のようなバナー広告を作る方法について説明していきます。説明
ドコダ飲み: Web制作関係者飲み会 in 大阪 - TwiPla
秋ですね。そろそろ飲み会でもいかがでしょう。 6月に開催したドコダ飲みの2回目です。 初めての方もそうじゃない方もなんせお話しましょう！ ■ 前回のドコダ飲み http://tweetvite.com/event/docoda1 前回はコーダー飲み会としていましたが今回は枠を外してみました。 初めてやしどうしよう、、な人がたくさんいると思いますけど たぶん主催が一番人見知りなのでじゃあ一緒に飲みましょう的なノリです。 受付は2週間前くらいまでの予定なので、Maybeで登録する方はそれまでにYesかNoに変えてくださいー ============ここから追記============ 日時： 11月27日（土）19:00～21:00 場所： バンダリア（大阪市北区梅田2-4-2 桜橋吉豊ビル1～2F、ボーリング場のとこ） 会費： 4,000円 備考： 当日Twitterアイコンのステッカーとネ
国産のWebデザインギャラリーサイトが一番参考になるのでまとめた - かちびと.net
Webデザインのギャラリーは沢山 ありますが、結局感性の近い国産 のギャラリーが一番参考になるの でまとめました。探してみると結構 いろいろあるんですね。助かります。 やはりギャラリーは国産がいいですね。沢山あるので、ある程度厳選しています。 io3000 最近知りました。すごくいいですね、ここ。見やすいし、使いやすいです。おすすめ。 io3000 straightline bookmark とにかくクールでクオリティの高いサイトをブックマークしているギャラリー。 straightline bookmark Web Design Clip こちらも個人的にオススメのギャラリーサイトです。目的のデザインも直ぐに見つかりますよ。 Web Design Clip Good Design Web こちらは他ではあまり見かけない良デザインのサイトを紹介してる貴重なギャラリーです。 Good Desi
時間の節約になる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制作に役立つ、何度お勧めしても足りないくらい素敵なツール10選
Webサービス使えるツール10選 Web制作時、個人的にかなり助かっ ているWebアプリやソフトウェアなど をご紹介。何度お勧めしても足りない 位、助けられています。低スキルな 自分にとっては無いと困る。そんな ツールをシェアしたいと思います。 Web制作時、個人的にかなり助かっ ているWebアプリやソフトウェアなど をご紹介。何度お勧めしても足りない 位、助けられています。低スキルな 自分にとっては無いと困る。そんな ツールをシェアしたいと思います。 もっと沢山あるんですが、特に利用しているものを。制作時には毎回利用しているかもしれません。基本的に無料のものを使っています。順不同。 960 grid system グリッドシステムです。ブックマークレットも含め、色々手軽なのが嬉しい。何よりグリッドレイアウトはお客さん受け良い傾向にある気がします。 960 grid system Fire
Googleマップの埋め込み地図（HTML）でマーカーは残しつつ吹き出しを消す - TechBucket:IT関連とかいろいろ
※マーカーの色は変わります（赤→緑） 1.マーカーを右クリックして「ここからのルート」を選択 2.マーカーは緑に変わりますが、吹き出しは消えます 3.プレビューを見ても同じ状態、これでHTML をコピーして貼り付けます 4.ちなみに、1の時に「ここへのルート」を選ぶとマーカーは‘ B ’になります。お好みでどうぞ（※IEでスクリプトエラーが出る場合は、「ここへのルート」を選択してみて下さい） 5.ただし、この状態で「印刷」の画面に移動するとマーカーは消えてしまいます。ので、印刷のリンクを利用する際は元の（赤いマーカー）状態のリンクを取得してください ※同様に「大きな地図で見る」のリンクもプレビューの状態を引き継ぎますので、赤いマーカー時（吹き出しが出ている）の状態にリンクさせたい場合は、一旦元の赤いマーカーのプレビューでリンクを取得してください
フリーで商用可のハイクオリティなネットショップ用アイコンセット「E-Commerce Icon Set」＆モバイル用アイコンセット「Mobile Icon Set」
「Web Icon Set」からのタレコミによると、オンラインストアやネットショップ、電子商取引などのために無料で使用できる「E-Commerce Icon Set」と電話やメール、無線LAN、地図、カレンダーのイメージを含んだ「Mobile Icon Set」をリリースしたとのこと。いずれもPNG形式で、サイズは「E-Commerce Icon Set」が32×32・48×48・64×64・128×128の4種類、「Mobile Icon Set」48×48・64×64・128×128の3種類が同梱されているため、いろいろな使い方ができるようになっています。 個人用途だけでなく、商用利用も可能と明記されており、今回も非常に使やすいアイコンセットに仕上がっています。 ダウンロードは以下から。 E-Commerce Icon Set | Web Icon Set http://www.web
ユーザー管理（会員制サイトなど） | WordPressでホームページ制作 太陽ブログ
出勤・スケジュール管理の覚書 に時折アクセスがあるようなので追記しておきます。 Advanced Custom Fields リピーターのサブフィールドにデフォルト値をロードする関数で指定した1月分のスケジュールを一気に作成することも可能です。 下のイメージは予約表のサンプル画面です。 ユーザーをタクソノミーにするか、カスタムフィールドでチェックするかでユー… read more
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
syboos.jp
クロスブラウザ対応・グリッドレイアウトのCSSフレームワーク・FEM
WordPressでCMS化…。会社のホームページを更新。