ブログBLOG

【Web制作会社】業界未経験でも活躍できる作業スピードを重視する意識改善

皆さんは、仕事のスピードを意識していますか？ BRISKは、Web制作会社としては、かなりスピードを重視しています。 先日、新メンバーになぜ、スピードが早い事が重要かを説明しました。 理由としては、以下です。 クオリティ(クリエイティブ)には限界があるが、スピードアップは誰でもできる。 今回 ...

schema.orgに基づく構造化のためのマークアップ

前回の記事で、google検索結果でのいろいろな見え方についてまとめました。 タイトル、パンくず、リッチスニペット、ナレッジグラフ、サイトリンクについて書きましたが、それぞれの「思った通りに表示されやすい」書き方について今回は詳しく書きたいと思います。 とは言っても、ナレッジグラフは他のユーザーの行 ...

Google検索結果の見え方まとめ(リッチスニペット、ナレッジグラフ等)

検索エンジンの世界シェア９割を占めると言われるGoogle検索。 最近は（けっこう前から！？）Google検索の結果がいろんな見え方をすることにお気づきの方も多いでしょう。 それぞれの検索結果の見え方について調べた内容をまとめました。ちなみに、それぞれの設定方法についてはブラックボックスなので、こ ...

Googleモバイルフレンドリーの基準とは？スマホのhtmlコーディングで気を付けたいポイント

2015年4月21日から開始されるGoogleのモバイルフレンドリーについてスマートフォンサイトの制作会社として纏めてみました。 なぜGoogleのモバイルフレンドリーが必要か！？ ユーザーにとってスマートフォンなどの携帯端末を使って、多くの情報を気軽に検索することは今や日常茶飯事に ...

初心者でも大丈夫！ホームページの見栄えをよくする写真の撮り方

見栄えの良いホームページデザインを作成するためには、 写真のクオリティを高める必要があります。 ホームページの種類にもよりますが、 優れたデザインのホームページには写真を多く使っているケースが多くあります。 TOPページの場合ページの半分近くは写真・画像を使っているサイトも増えてきました。 ホーム ...

レスポンシブデザインのコーディングの３つのポイント

PC用ページとスマホ用ページなど、横幅に応じた違うデザインを１つのhtmlで実現させちゃうレスポンシブデザイン。 最近多くのサイトで使われるようになってきました。 今回は、レスポンシブデザインにするメリット・デメリットは置いておいて、コーディングする際の自分なりのポイントを３つほどまとめてみ ...

Google Mapの背景色を変えたり、地名を減らしてシンプルにしたりする

ホームページにGoogleマップを載せたい時は、 Google → マップ → 設定 → 地図を埋め込む で、埋め込みコードをコピーして貼り付ければできます。 ホームページのテイストに合わせてGoogleマップを少し装飾したいときには、Google Map API を利用します。 以前の記事では、 ...

[HTML] シンプルで幅広いカスタマイズができるフォーム

web ページを制作する際 form まわりは時間のかかる作業のひとつです。form 部品の表示はブラウザごとや機種ごとでかなりバラつきがあるため、なかなかうまくいきません。 できるだけシンプルに、幅広いカスタマイズができるようなパターンを考えてみたいと思います。 ※HTML5 対応ブ ...

画素数が多いカメラが良いカメラではない!? 撮像素子と画素数の関係性

最近スマホのカメラを使用する方や一眼レフ、ミラーレスを所持する方が非常に多くなりました。 スマホやカメラ購入する際に、「800万画素搭載のカメラ」など画素数の多さを宣伝しているのを目にします。 ガラケーが一般的な時代には画素数が多い携帯やカメラがすごい勢いで増え、200万画素のカメラより300万 ...

webページ作成で CSSアニメーションを具体的に使えないか試す

CSS の animation や transition を使えるようになって久しいですが、実際の使いどころはいまいちな印象です。原因の大部分は IE にあるとおもいますけど。 そこで animation に対応しているまともなブラウザさんにはおもてなしを、 そして対応していない困ったブラウ ...