ローカルビジネス（カフェなど）のホームページがほとんど意味ないのでは...という話｜喫茶とちょうど品 エントワ
ローカルビジネスの集客ってなんとなくリアルの広告媒体に頼ってしまう。地元のカフェとから喫茶店のHPって「ただ存在している」という状態が少なくないです。 まず、ホームページが無いという場合もあります。それ自体は全然問題ではなくて、オフラインで集客する仕組みが整っていれば問題ないと思います。 さて、ホームページを用意することにしたとして、大手メディアじゃあるまいし、webにかけることができるお金はない。 とりあえず置いておくホームページを作ってみた。 でもそれもコストかかっているんですよね。サーバー代が月に1000円、独自ドメインが500円と考えると1500円。1500円の回収はコーヒー3杯と考えたら安いのかもしれないですが。ホームページ作成を外注すれば安くても5〜うん10万。 それだけのコストをかけて小規模店舗がホームページを持つ意味ってどこにあるんでしょうか。 その辺りの考えたことをまとめ
Yaku Han JP - 約物半角専用のフォント
ゴシック体 明朝体 丸ゴシック すべて カッコのみ Hiragino Noto 横書き 縦書き w100 w200 w300 w400 w500 w600 w700 w800 w900 0.625rem 0.75rem 0.875rem 1rem 1.125rem 1.25rem 1.5rem 2rem Before 「約物半角専用のWebフォント」を優先的に当てることによって、Webテキストの日本語に含まれる約物を半角にすることができました。例えば「かっこ」や『二重かっこ』、【バッジに使いそうなかっこ】などを半角にできます。ウェイトは9種類。Noto Sans JPに沿っています。 <!-- HTML：CDNリンクを貼り付け --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/yakuhanjp@4.1.1/dist
たった30分！？イケてるバナーを作るための8ステップ大公開
ferret編集部：2015年8月6日に公開された記事を再編集しています。 バナーくらい短時間でできる！と意気込んだものの、思った以上に時間をとられることはありませんか？ 簡単な作業だと思っていたはずが、何回も似たような作業の繰り返しをしているとイライラしてきたり、モチベーションも保てずと負のサイクルへ陥ってしまいます。 そのような問題を解決するためには、バナー作成のための各工程を分解して、何にどれくらい時間がかかっているのかを知り、効率よく作成する方法を知る必要があります。 今回は、30分でバナーを作るための方法として、作業工程と効率化が図れるポイントを順序立てて解説します。 広告バナー制作の全体像 短時間でバナーを作成する前提条件 制作全てに言えることですが、最短距離でゴールまで走るというのが一番の理想型です。バナー制作においても同様です。そのためにも、ゴールまでの筋道を立てる必要があ
『現実世界をWeb化する』「Physical Web」そして「Eddystone」について詳しく聞いてきた！
『現実世界をWeb化する』「Physical Web」そして「Eddystone」について詳しく聞いてきた！ 白石 俊平（HTML5 Experts.jp編集長） 読者の皆様、「Physical Web」って知っていますか？ 昨年10月、Googleが発表したIoT技術で、iBeaconなどのBluetooth Low Energyを活用した技術と、Web技術者にとっては馴染みの深いURL (URI)を組み合わせた技術です。 IoTに関心のあるWeb技術者であればスルーは許されない「Physical Web」について、詳しい人（株式会社リクルートテクノロジーズ ITソリューション統括部 アドバンスドテクノロジーラボ 加藤亮さん）に詳しく聞いてきました！ ▲株式会社リクルートテクノロジーズ ITソリューション統括部 アドバンスドテクノロジーラボ 加藤亮さん 編集部より注意 このインタビューの
「エンジニアのためのWebデザイン基礎の基礎」関連の最新 ニュース・レビュー・解説 記事 まとめ - ITmedia Keywords
エンジニアのためのWebデザイン基礎の基礎（最終回）： 「AIDA」でデザインの効果を計測する デザイン初心者向けにWebデザインのイロハを解説する本連載。最終回は、Google Analyticsを使ってデザインの効果を計測する際のポイントを解説する。（2015/3/27） エンジニアのためのWebデザイン基礎の基礎（6）： Webサイトの満足度を上げる「UX（ユーザーエクスペリエンス）」の作り方 デザイン初心者向けにWebデザインのイロハを解説する本連載。今回は、Webサイトの満足度を上げる「UX（ユーザーエクスペリエンス 利用者体験）」の作り方を解説する。（2015/3/20） エンジニアのためのWebデザイン基礎の基礎（5）： 28歳、女性、未婚、年収300万円――サイトの方向性を決める「ペルソナ」 デザイン初心者向けにWebデザインのイロハを解説する本連載。今回は、サイトの方向性
無料セルフアンケートツール『Questant』-MacromillのアンケートASP-
年間30,000件を超えるネットリサーチ国内実績No.1の「マクロミル」の ノウハウがつまったセルフアンケートツール「Questant（クエスタント）」。 初心者でもまるで画面と会話をするように、かんたん、直感的に無料でWebアンケート作成ができます。 会員登録（無料）
HTMLのsrcsetを使って画像をレスポンシブにRetina対応させてみよう | Kia King
WEBでレスポンシブ対応するときに結構大変なのが画像の扱い。iPhone等の高解像度デバイス(Retinaディスプレイ等)には2倍の画像を用意する必要があるし、最近は画面のサイズに会わせて画像を切り替えたい場合も多い。そんな時にHTML5のsrcsetがすこぶる便利だったのでご紹介します。 srcsetでできること 次のようなことが可能になります。 Retinaディスプレイ用に画像を切り替える ウィンドウサイズに合わせて画像を切り替える ウィンドウサイズに合わせて動的に画像を切り替える Retinaディスプレイ用に画像を切り替える 基本的な使い方は下記のような感じでimgタグに使用します。シンプルですね。 <img src="img/example-img.jpg" srcset="img/example-img.jpg 1x, img/example-img@2x.jpg 2x" alt
PCサイトのRetinaディスプレイ対応やっとく？ - やっぱりWebが好き - Writing Mode
今年からプライベートではMacBook Pro（13インチ）のRetinaディスプレイモデルを使っているから、最近はWebサイトの画像がボヤけて見えるのが気になって仕方ないのです。 これからはPCのディスプレイもどんどん高解像度になっていくであろうことを考えると、今からPC向けサイトのRetina（高精細）ディスプレイ対策もしっかり考えておきたい。 というわけで、備忘録がてら久々にWeb制作の現場感漂うエントリーをお届けしたいと思います。 これまでスマホ向けにしか考えたことのなかったRetinaディスプレイ対応ですが、やっぱり自分のマシンがRetinaディスプレイになってみるとPCでも本格的に対策せねばと考えてしまいます。 スマホやタブレット端末以外ではまだまだ普及率の低いRetinaディスプレイだけど、おそらく今後数年のうちにPCでも一般的になってくるんじゃないかな。 現状、Retina
小さくなる配信パッケージと思考・設計の変化
先週、iPad 専用の雑誌として注目を浴びていた The Daily が、12月15日で廃刊 になりました。創刊後、Web にプレビュー記事を公開したり、多デバイス化を進めていましたが、うまくいかなかったようです。 2 年前に iPad が登場して以来、紙の雑誌と同じような見た目にインタラクティブ性を加えた「タブレット雑誌」は幾つかでてきました。しかし、多くのタブレット雑誌の売れ行きは 印刷版の10%も満たない と言われており、複数バージョン作らなければならないコストに合うかどうか難しいところ。まだ伸び盛りのタブレット・モバイル市場とはいえ、そこまで出版社の体力がもつかどうか気になります。 創刊当初かなり話題になったので「The Daily」は短期間購読していました。雑誌のようにバラエティに富んだレイアウト、ビデオや写真がたくさん盛り込まれたコンテンツ、そこでしか読めない深みのある記事など
Webデザインの慣習を破ることは、ユーザーエクスペリエンスを破壊すること
Bucknell Universityのサイトの、型破りなレスポンシブデザインへの変更は話題を呼んだが、それによってユーザビリティがかなり犠牲になっていることが、学生と保護者によるテストで明らかになった。 Breaking Web Design Conventions = Breaking the User Experience by Katie Sherwin on July 20, 2014 日本語版2014年10月6日公開 大学のWebサイトのトップページを頭に思い浮かべてほしいと言われたら、どのようなイメージが浮かぶだろうか。浮かぶのはSUNY Cortlandのトップページのようなもの、つまり、芝生の上に学生がいる画像があって、ページの上部にはナビゲーションがあり、そこにAcademics（：学部・大学院）、Admissions（：入学案内）、Prospective Studen
早稲田大学のサイトリニューアルがなぜこんなにひどいのか。 - 隣り合わせの灰と青春
久しぶりにセミナー以外でブログ書きます。 このたび早稲田大学のWebサイトがリニューアルされました http://www.waseda.jp/top/ が、かなり論議になりそうなリニューアルなので、 情報設計専門家として内容を見てみます。 1.なにがグローバルなサイトなの？ 今回のリニューアルではIE10以降を対象外としていて、 普通に使っているIE7や8では見ることができません、 これはアクセシビリティ上かなり問題だと思います、 多くの人が目にする大学というサイトでノンアクセシビリティを貫くというのは、 いまの時代にそぐわないのではないでしょうか。 わざわざIE10にアップデートまでしてみるサイトでもないですしね。 ぜんぜんグローバルじゃありません。かっこ悪いです。 2.レスポンシブデザイン？ スマートフォン、タブレットに対応したサイトになったみたいですが、 そもそものとこ
2014年にはWebアプリの「オフラインファースト」が流行するのではないか？
先週2月18日に都内で開催された「第36回HTML5とか勉強会」。テーマは「2013年、Web開発の進化を探る」でした。 そこで「2014年頃にはネットに接続しなくても使えるオフラインWebアプリケーションが流行するのではないか」と話したのが、html5j.orgの世話人でもある白石俊平氏。白石氏が解説する「オフラインファースト」は、これからのWebアプリケーションのひとつの方向性が示されていると思われます。 その講演の内容をダイジェストで紹介します。 オフラインファーストの思想と実践 html5j.org世話人の白石俊平氏。 オフラインファーストとは、オフラインを最初に考えてWebサイトを、Webアプリケーションを作ろうという思想のことです。 で、オフラインファーストって、モバイルファーストという言葉に似ています。モバイルファーストというのは2010年に登場した言葉で、これは去年、とにか
そうとう楽！WEB制作、ビジネスを助ける「テンプレート」まとめ | コムテブログ
作成：2013/02/25 更新：2014/11/01 Webサービス > Webデザイン 急に仕事をふられたけど いちから作っている時間はない だけど、素早く「それなり」に見せたい 見ているだけでデザインの参考になりそうなテンプレートや、無駄な作業を大幅になくすWebサービスを、用途ごとに分けてまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ １．企画書 / 請求書 / 履歴書 / 退職願 / プレゼン ２．パワーポイント ３．エクセル ４．フライヤー / ポスター / チラシ / ロゴ ５．名刺 ６．文章 / 手紙 ７．Web制作 / ホームページ ８．Webデザイン ９．HTML/CSS 企画書 / 請求書 / 履歴書 / 退職願 / プレゼン フォームに入力するだけで、整形された紙面(PDF)が完成 職務経歴書テンプレート一覧 - ルーシ
BRUTUSが陳腐化しない理由とは？ 西田編集長に聞いてみた : 東京編集キュレーターズ
Archive BRUTUSが陳腐化しない理由とは？ 西田編集長に聞いてみた 2013.2.5 Hatena Bookmark 0 Twitter 0 第3回東京編集キュレーターズは、BRUTUS編集長の西田善太さんをお招きしました。 毎回、新しいテーマを発見し、独自の切り口でライフスタイル提案を続ける特集誌、BRUTUS。その編集の現場、企画の考え方、BRUTUSが大事にしていること、そもそも編集とは、そしてウェブについて――西田さんにたっぷり3時間ほど語ってもらいました。そのエッセンスを以下にまとめます。 「行き着くとこまでいっちゃうとブランドになる」 BRUTUSの企画はどう生まれるか、を説明しましょう。年23回しか発行しないから、やりたいことはたくさんあります。 これは、12月1日に発売した『文芸ブルータス』の中吊り広告です。有川浩、木内昇、舞城王太郎、朝井リョウ、伊坂幸太郎、西村
今日からはじめる戦略的オウンドメディア運営一覧
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
アイコンを合字Webフォントとして扱うSymbolSetが革新的にステキ | fladdict
Symbolset teaser from Symbolset on Vimeo. 正直この発想はなかった！ symbolsetは、アイコンに特化したウェブフォント。 このフォントが面白いところは、アイコンを「合字」として割り当てていること。 まずはサイト上部の大きなテキスト部分がエディターになっているので、そこにheartやtweetなどとタイプしてみてほしい。ビックリするはず。 「合字」というのは、特定の文字ペアに特殊文字を割り振れる欧文書体のルール。日本ではなじみのない作法だけど、海外ではftやffなど、スペースが空いてしまう文字を特殊な文字で代替することがある。 SymbolSetはこれ利用して、フォントをアイコンとして活用できる仕組みを発明した。 たとえば、♥のアイコンを「heart」という合字に割り振っている。つまり文章内にheartという文字があれば自動的にハートが、「Twi
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
インターネット白書ARCHIVES
コンテンツ設計のためのスターターキット yhassy/Content_Worksheet · GitHub
SiteSucker Home Page