「焼肉 三十八」のリニューアルをしました！
2011年11月8日 Webサイト制作, Webデザイン こんにちは、ブログを書きつつちゃんとフリーランスのWebデザイナーとしてお仕事しています、Manaです。先月あたり「焼肉 三十八」様のWebサイトリニューアルのお手伝いをさせて頂いたのでそのレビューなんぞを紹介します。デザインや構成など、サイトリニューアルする上で参考になる部分があれば幸いです。 受注 福岡県でホームページ制作、広告運用等を手がけているCDP様より「焼肉 三十八」様のWebサイトリニューアルの依頼を頂きました。 簡単なリニューアル時のご要望をまとめると下記６点でした。 お知らせ欄は更新可能 WordPressで構築 写真やテキストは流用 携帯版作成（コンテンツは一緒） ブログ・口コミ掲示板は削除 IE6は非対応でOK（ありがとうございます！！！） 制作にかかわるお打ち合わせはCDP社デザイン担当の松野氏とSkypeや
コーディングのスピードを上げる為の6つの方法
2017年7月25日 Webサイト制作, 便利ツール 今より少しでもコーディングを早くできれば、細かいデザインや機能にも時間をかけて取り組めそう…という事で今回はコーディングのスピードを上げるためにできる事を紹介します。便利なツールを使ったり、ちょっとやり方を変えるだけでより早くコーディングができるようになると思います！ ↑私が10年以上利用している会計ソフト！ 1. コーディング手順を簡略化する これは自分のコーディング能力を高めて手順を省く、便利なツールを使って手間を省くという事です。例えば私は昔このような手順でコーディングを進めていました。 CSSのレイアウトをノートに書き出す レイアウト部分（ヘッダー・メイン・サイド・フッター）のHTMLマークアップ CSSでレイアウト部分のスタイリング 表示確認 うまく表示できない箇所の修正 ヘッダー内のHTMLマークアップ CSSでヘッダー内の
モバイルサイトデザイン集のモバイルデザインアーカイブ 公式サイト
モバイルデザインアーカイブとは？ 携帯サイトを制作する上で、「ケータイサイトを参考にしたいけど、仕事に役に立つケータイサイト集ないかなー？」と思っているデザイナーの方へ向けて公開させていただきました。 そんなモバイルデザイナーのモバイルデザイナーによるモバイルデザイナーのための国内最大の携帯サイト集です。 モバイルサイト制作を請け負ったけど、「なかなかデザインがまとまらない」「洗練 された携帯サイトのデザインを参考にしたい」といった方のために、優れたデザインの ケータイサイトを集めました。 デザインに優れた携帯サイトはもちろん、技術的に優れた携帯サイト、そして現在のウェブトレンドを捉えた携帯サイトを掲載しています。
10人のデザイナさんに駄目出しして頂きました:Geekなぺーじ
10名のデザイナの方々に「Geekなぺーじ」デザインダメだしをして頂けました！ 何か凄く豪華な会合をして頂いて非常に恐縮です。。。 昨晩早速いくつかサイトデザインを変更してみました。 以下に、会合は開催された経緯、そこでの指摘、昨晩の変更点を述べます。 会合が開催された経緯 「Geekなぺーじのデザインは駄目だろう」とずっと思っていたのですが、「どうすれば駄目ではなくなるか」に関してどうして良いのかが全くわからないという日々が数年間続いていました。 そして、キッチリとしたサイトを作れる方々に対する憧れというものがありました。 ある日、twitterで何度かやり取りをして、その後某新年会でお会いしたcremaさんが過去の勉強会資料(デザイン勉強会の資料を公開します。)を教えてくれました。 それを見て「これはすごい」と思ったのですが、「じゃあ、この考え方を自分のサイトに適用したらどうなるの？」
実践Web Standards Design―Web標準の基本とCSSレイアウト&Tips | アヨハタブログ - 電子書籍、出版のことを主に書いてるブログ -
一定期間更新がないため広告を表示しています
[Think IT] 第1回：携帯サイトとPCサイトはここまで違う！ (1/3)
XHTML Mobile Profileに対応したHTML 本連載では、「PCサイトを制作してきたけど、携帯サイトは初めて」といった企業や個人クリエイター向けにPCとモバイルの違いなどをふまえ、携帯サイトを公開するまでの入門的なノウハウを紹介していきます。 まず、今回はHTMLの種類やタグ、CSSなど携帯ブラウザによる違いと、画面サイズやキャッシュ容量などの端末による違いについて紹介していきます。 では、早速携帯サイトを作る上でマークアップの基本となるHTMLについて説明します（図1-1）。携帯電話はPCと比べても非常に早い進化を遂げてきたため、どれも基本はHTMLを基準に作られていますが、携帯ブラウザ（iモード、EZweb、Yahoo!ケータイ）で表示可能なHTMLの仕様には実に多くの種類が存在します。 現在市場に出回っている機種ということに限定すれば、XHTML Mobile Prof
モバイルサイトに求められるデザイン力！
モバイルサイトもデザインの時代 今年になりグッチ（http://www.gucci.com/jp/japanese/gucci-news/about-mobile/）やルイ・ヴィトン（http://lvmonogram.jp/）、カルティエ（http://m.cartier.jp/）、Coach（http://japan.coach.com/mobile/）、ポルシェ（http://m.porsche.co.jp/）などの、いわゆるハイ・ブランドが、相次いでモバイル向けのブランディングサイトをスタートしているのはご存じでしょうか？ それぞれのブランドイメージそのままに、インタラクティブFlashや画像をふんだんに使い、デザイン化されたモバイルサイトや、きせかえツールなどのリッチコンテンツは若年層・女性層を中心に圧倒的な人気を得ています。 待受Flashなどのサービスコンテンツも、記録的なダ
WebとUIをつなぐトリックスター（1） mixi編（1/2） - ＠IT
WebとUIをつなぐトリックスター（1） mixiは徹底した社内コミュニケーションからできている 仲里淳 2008/9/25 Webサイト制作の要となるエンジニアとデザイナのチームワーク。異なる者同士をつなぐトリックスターからヒントを探る。まずはmixiに聞いた（編集部） Webサイトやアプリケーション制作の成功の鍵を握るプロジェクトのチームワーク。エンジニアとデザイナ、またはクライアント企業やディレクタ、コーディング担当間のコラボレーション術に定石はあるだろうか？ そのヒントを見付けるためのインタビューを試みる。風通しを良くするための「風穴」を開ける「トリックスター※」に聞く。 ※ トリックスター……この連載でのトリックスターのイメージは、相反する2つの者同士が、別個に機能する共同体をつなぐ役目を果たす人。閉鎖的な空間に風穴を開けて風通しを良くする人。エンジニアとコーダー、デザイナの機能
Twitter関連サイトのデザインを担当することになりました - エスカフラーチェLLC
今日はみなさまにお知らせです。 なんと今回はご縁あって、日本語版 Twitter チームが開発する、新しいコミュニティサービスの基調デザイン制作を担当することになりました！！ Twitter をより楽しむためのサービスという位置づけとのことなので、楽しい雰囲気が出せるようにがんばります！ それに伴い、きたる9/5（金）16時頃から、日本語版 Twitter 開発の@twjの方との打ち合わせを Ustream中継することが決まりました。 お時間があれば是非ご覧ください！ 中継用のチャンネルがきまりましたら、 Twitter/purprin でお知らせします。 今後もこのブログで制作の状況などについてご報告したいと思っています。 よろしくお願いします(o e o)/ﾁｪｹﾗｯﾁｮ 関連記事 日本語版Twitterサイト開発ブログ：UIのデザイン委託先きまりました by purprin a
会員登録フォームを構築するポイント | ランサーズ社長日記
いいね！ 11 ツイート B! はてブ 734 Pocket 58 ここ2・3日、ひたすら色々なサイトの会員登録フォームやコマースサイトの購入フローを見ていました。 また、フォームのユーザビリティについて語っているブログやサイトをみて研究していました。 こうすれば登録数が劇的に上がる！とか、売上が上がる！といった方法はありませんが、少しだけユーザーに安心感を与えたり、ストレスを取り除いたりする方法はたくさんありますし、見ていたサイトでも登録しやすいサイトには共通点が多くありました。 少し量が多いですが、自分で意識的に行ってきたこと、登録しやすいサイトの共通点、ブログやサイトをみて参考になる点をまとめてみました。 1つ1つはよく言われていることで、大したことありませんが、こういった小さなディティールにこだわって行きたいと思います。ケースバイケースの側面も強いのですが、何かの参考になればと思い
Amazon アソシエイト・プログラム（アフィリエイト） 公式ブログ: 「ユーザーは説明を読まない」～短時間でアピールするサイトデザイン
Amazon アソシエイト・プログラム（アフィリエイト）をご利用中のみなさん、こんにちは。 「売れるサイト」を作るためのあれこれをご案内してきましたが、今回は「サイトデザイン」という視点から、ユーザーへのアピール方法を考えてみたいと思います。いかに中身が素晴らしいサイトでも、ユーザーにその素晴らしさが伝わらなくては、リピーターにはなってもらえません。 サイトデザインの観点で一般的に「良いサイト」とは、ユーザーに余計なことを考えさせない、悩ませないサイトです。初めて来た人には、どんなサイトなのか、ここで何ができるのか、どこから始めるのかストレスなしに簡略に伝えることが必要ですし、リピーターにとっては、探したい情報がいつでも簡単に取り出せるサイトである必要があります。 以前の記事でも以下のようなお話をさせていただきましたが、星の数ほどあるWebサイトの中からあなたのサイトのファンになってもらう
トップページにみる日本のウェブデザイン--表現したい人たちが集うMySpace - builder by ZDNet Japan
ビジネスの推進には必須！ ZDNet×マイクロソフトが贈る特別企画 今、必要な戦略的セキュリティとガバナンス 高まるゼロトラストの気運 妥協のない安全のために適材適所で組合せ トップ4社によるゼロトラストセキュリティ 時代はサーバ仮想化からコンテナへ あらためて整理したい企業ITにおける コンテナ活用の基礎と採用メリットを紹介 アプリケーションモダナイズ 求められている背景にあるビジネスの今 そして、成功の鍵を握るDevOpsの真の意味 ビジネスのためのデータ基盤構築 DX時代の企業成長はデータ活用が鍵 新たな展開を後押しするSQL Server活用 セキュリティモデルは変わった！ クラウド活用、リモートワークはあたりまえ いま求められるゼロトラスト実現のために 特集：セキュリティトレンド-秋- つながる世界で問われる対応 サプライチェーンセキュリティを考える 結果に差がつくウェビナーへの
Web site hosting - Coders.me
Hosting on legacy fx on our shared hosting web hosts plans may be a very easy task, and if you carefully follow all the instructions provided below, you ought to have your website up and running in but 10 minutes. This tutorial has been written for and tested on Linux servers with DirectAdmin and cPanel. In order to attach your website like ForexBrokersSouthAfrica on a shared web hosting account,
第12回 Webデザインの仕事で活用している厳選アプリ・ツール（2） | gihyo.jp
基本的なツールに続き、グラフィックデザイン向けのツールをご紹介します。 前回でご紹介したものと同じく、長く使っていて本当に便利だと感じたものかつ、仕事で実際に活用しているもののみを厳選しています。 ツールの種類が多いわけではないですが、使っているエピソードも交えてお届けします。 グラフィックツール・ソフト 簡単な文書を書いたり、一時的なメモをするために気軽に立ち上げられるツールでもあり、HTMLやCSS・各種CMSのテンプレートなどを書くための必須ツールでもあります。 高価なオーサリングソフトを使わなくても、小規模なサイトのHTML/CSSであればこれだけで十分と思えるほどです。 Adobe Photoshop CS3 昔からDTP業界・デザイナー業界で広く普及していたこともあり、Webの現場でも普及率が高いため、どうしても欠かせなくなってしまっています。制作会社同士のファイルのやりとりの
第4回 設計図とステンシルの活用 | gihyo.jp
ワイヤーフレームの設計ツールとしてVisioやOmniGraffleを紹介しましたが、それらのツールでは目的に応じたテンプレートを使用して作業を進めることになります。そのうち、ページフォーマット（種類としての枠組みやIDやタイトルなどを記すヘッダー要素など）を指すものと、もう1つ「ステンシル（シンボル・図形）」と呼ばれる「パーツ」を指す場合とがあります。今回はそのステンシルに注目してみることにします。 ステンシルとは 簡単に言うと、図形やシンボルを指します。つまり画面設計などを進めるためのパーツ類と考えるとわかりやすいかもしれません。 Webにおける画面設計は、Photoshopを立ち上げてする作業を指す場合だけではありません。もちろんラフとして手書きで描く場合もあるでしょう。ただし、大規模ないし複雑なWebサイト構築においては数名のメンバーとの共同作業と大量生産という点でこのステンシ
第3回 サイトマップと情報の構造化 | gihyo.jp
インターネット黎明期に、稀にあったWebデザイン系イベントでも設計図としての「サイトマップ」の重要性をよく耳にしました。当時のWebサイトの規模は現在と比較すると少ないほうだと思いますが、サイトマップを作ることで全体を把握して進めていくプロセスは、今もそれほど変わりません。 今回は、その「サイトマップ」のツールについて紹介します。 前回同様、呼び名もいろいろあり、サイトの構造をそのまま「サイトストラクチャ」と表現したり、図面のデザインとして「ダイヤグラム」と表現することもあります。また、一連の動作や遷移を示し「フローチャート」として表現することもあります。 サイトマップについて サイトマップとは、情報アーキテクチャでいう「（情報の）組織化」が当てはまります。もちろんページタイトルを整理することも含まれますが、ここでいう情報とはページよりも抽象度の高い単位として扱う場合を指します。 情報
iPhoneでPCサイトが見れる＝携帯向けサイトって必要なくなるんじゃね？の件 (treasuring misc.)
iPhoneなどの端末でPCサイトが比較的快適に見れる、ということは今後携帯向けサイトって必要なくなるんじゃね？なんて意見がちらほら出ているようですが、個人的にはこれには反対意見。なんとなく思っていることをメモ。 PC向けサイト、ってひとことで言っても、PCの発展にあわせてその実態は徐々に変化している、というのがまずあって。 数年前なら重たい画像とかflashはなるべく使うな、って風潮だったのが、光回線が普及していまやなんともなくなっているし、この1年でもディスプレイサイズの拡大にあわせてYahooやmixiが横幅950pxにレイアウト変更したのも記憶に新しい。 こういう変化って、そのときそのとき世の中で一番普及しているPC webブラウジング環境をターゲットにして作られているわけで、それをiPhoneなり携帯フルブラウザなりwiiなりDSなり、PCとは異なる環境でブラウジングすること
ウェブリブログ：サービスは終了しました。
「ウェブリブログ」は 2023年1月31日 をもちましてサービス提供を終了いたしました。 2004年3月のサービス開始より19年近くもの間、沢山の皆さまにご愛用いただきましたことを心よりお礼申し上げます。今後とも、BIGLOBEをご愛顧賜りますよう、よろしくお願い申し上げます。 ※引っ越し先ブログへのリダイレクトサービスは2024年1月31日で終了いたしました。 BIGLOBEのサービス一覧
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
UIのデザイン委託先きまりました
メールアドレスの誤入力防止 (ユーザビリティ実践メモ)