170 Responsive Froala Design Blocks - Froala Building Blocks
For Developers..All Froala products are built for developers. As a HTML5 and CSS3 library, the Froala Design Blocks is clearly no exception. Learn more ..and Designers tooSketch, PSD you name it. Froala Design Blocks is the tool that helps developers and designers speak the same language. Learn more
広島でWEB制作・ホームページ制作オススメ10社まとめ | CREAM
生まれも育ちも広島の根っからの広島人です。 ふと広島のWEBデザインの制作会社ってどんな会社があるの？と思いました。いくつかは知ってますが、実際にネットで検索したことはなかったので・・・。さっそく「広島 web制作」でGoogle先生で検索してみました！ってことで今回は広島県にあるWEB制作会社を10サイトご紹介します。完全に個人的な好みで選んだのそこらへんは気にしないで下さいね。笑 ペコデザイン株式会社 戦略的Webサイト制作に強い企画デザイン会社です。のキャッチコピーで広島市西区楠木町に構えるWEB制作会社。 白を基調としたとってもきれいなサイトです。個人的にペコデザインさんが運営されている、広島の情報を発信しているペコマガがけっこう好きでいつも楽しく読ませてもらってます。 株式会社フォノグラム 「広島 web制作」で検索すると1番にヒットしました。恥ずかしながら初めて見たサイトでした
クソ酷いウェブサイト
他に何がほしいってんだ、クソ野郎 お前はウェブサイトを作ってその糞サイトを最高だと思ってるんだろ？ お前は13MBに及ぶパララックスエフェクト付きのクソ重いページがアホらしいグッドデザイン賞をとるとでも思ってるんだろ？ お前は20kgあるjQueryファイルと83個のpolyfilがIE7をまともに動作させると思ってるんだろ？ どアホ、お前は間違っている。俺様が俺の考える最強のウェブページを教えてやる。 クソ軽量でクソ速いページ 全てのデバイス幅に対応できる どんなうんこブラウザでも見た目が一緒 お前のサイトに訪れるどんな糞野郎でもアクセス可能 読みやすく伝えたいことが明確（もっともお前が5MBサイズのシャレオツなコーヒー写真ではなくて伝えたいことがあればの話だがな） よく聞け、糞野郎ども お前らはハッキリ言ってオーバー・デザインだ。この史上最強のウェブサイトを見てみやがれ。俺がごみコンテ
ハンバーガーメニューはもう古い！代わりに使えるモバイル用ナビメニュー5つまとめ
ウェブサイトを制作しているひとなら、モバイル端末におけるハンバーガー型ナビゲーションメニューの見つけにくさと効率の悪さ、またどれだけUXデザインの邪魔になっているのか、いくつもの記事を読んだことがあるでしょう。（この問題の参考にしたい記事はこちらやこちら、こちら、こちらからどうぞ。） 幸いにも多くのサイトやアプリで、より効率的な解決法となる代替アイデアが試されています。今回紹介しているアイデアは、他のものより優れているというわけでなく、コンテンツや内容によってパフォーマンスや実行できるかどうかは変わってきます。 01. タブ型ナビゲーションメニュー もしウェブサイトやアプリの項目が限られている場合、ユーザーはできるだけ素早くそカテゴリを切り替えたいところ。そんなときは、タブ型ナビゲーションが良い解決方法となるでしょう。 タブはもっともシンプルなナビゲーションパターンですが、デザインを制作す
当事務所でご協力させていただいた島根県のサイトが、Webアクセシビリティ調査でナンバーワンとの評価を受けました | 広島・呉・島根のアクシス
全国47都道府県および20政令指定都市のウェブサイトを対象に、高齢者・障害者のホームページ利用への配慮（ウェブアクセシビリティ）に関するJIS規格（JIS X 8341-3:2016）への対応状況について、Webアクセシビリティのコンサルティング業務を手がける有限会社ユニバーサルワークスさんによる調査結果が発表されました。調査方法は、全盲の視覚障害者を含む調査員が、ウェブサイトにアクセスして評価。 結果、当事務所でご協力させていただいた島根県のサイトが、「明確な文書構造、大きめの書体、高いコントラストなど、視覚的でも音声でも、くっきりはっきりの好印象。短評でも断言します、島根県がナンバーワンです。」との評価を受けました。 ◎有限会社ユニバーサルワークス「自治体サイトWebアクセシビリティ調査2016トップページを中心とした主観的コメント」 http://www.u-works.co.jp/
Wixも参戦！動き始めた『AIによる自動Webデザイン＆コーディング』を可能にするツール達 | Ledge.ai
TOP > Technology > AI（人工知能） > Wixも参戦！動き始めた『AIによる自動Webデザイン＆コーディング』を可能にするツール達 はいどーも中村です。こんにちは。 AIがリアルビジネスの現場に降りてきて、あっちゃこっちゃで「AIで何ができるか試してみよう！」な流れ加速中ですが、いよいよその流れはクリエイティブの領域にも食い込んできたみたいです。 これまで『いくらディープラーニングやらニューラルネットワークやらがすごくてもここまでは来ないでしょ…』と（一部で）言われていたWebデザインやマークアップなどの領域においても、続々とプロダクトがリリースされ始めてるんですよね。 Wixが放つAI×Webサイト制作ツール『ADI』が稼働開始Wix ADI 誰でもカンタンにWebサイト構築が可能なオンラインCMSとして、世界5000万以上のアカウント数を誇る人気ツール『Wix』。こ
PC版トップページリニューアルの狙いと成果 - クックパッド開発者ブログ
メディア事業部の須藤です。 8/26より、PC版クックパッドのトップページをリニューアルしました。 公開から約3週間が経過しましたが、お試し頂けましたでしょうか？ この記事では、今回のリニューアルを通して解決したかった課題や、新しいチャレンジ、 また、それらを具現化する過程で考えた事を、実際の結果と合わせて書いてみたいと思います。 今回のリニューアルで伝えたかったこと 今回のリニューアルで強く意識したのは、「食にまつわる全般を扱うポータルサイト」として、 クックパッドを再認識して頂けるトップページにすることでした。 クックパッドでは２年程前より、従来のレシピサービスとは別の価値を提供する、新規事業・サービスの開発に注力してきました。 例えば、ECサービスである「産地直送便」や、近所のスーパーの特売品が分かる「特売情報」、クックパッド認定の料理教室を展開する「料理教室」などがあり、 それぞれ
マルチスクリーンの概要 - Google AdSense ヘルプ
Google アナリティクスのカスタム ダッシュボードを使用して、サイトにおけるユーザー行動を把握します。 [トラフィック ダッシュボード] の [モバイル ユーザーの行動] グラフでは、ユーザーが使用しているデバイスの種類とデバイスの種類別の直帰率を確認できます。 [エンゲージメント＆リピート回数ダッシュボード] の [デバイス別エンゲージメント] グラフでは、ユーザーがサイトに滞在した時間（平均セッション継続時間）をデバイスの種類別に確認できます。 マルチスクリーン対応サイトの開発手法 マルチスクリーン対応サイトの開発手法としては、次の 3 つが一般的です。 レスポンシブ ウェブデザイン: あらゆるプラットフォームに対応する単一の HTML コードベースを使う優れた設計手法です。 動的配信: ウェブサーバーによってサイトのユーザーが使っているデバイスの種類を検出し、そのデバイス専用のカ
Responsive Web Design - Learn to Code Advanced HTML & CSS
The Internet took off quicker than anyone would have predicted, growing like crazy. Now, for the past few years, mobile growth has exploded onto the scene. The growth of mobile Internet usage is also far out pacing that of general Internet usage growth. These days it is hard to find someone who doesn’t own a mobile device, or multiple, connected to the Internet. In the UK there are more mobile pho
英国政府のWeb担当が作った“デジタルデザインの原則10か条”がスゴい！ | 初代編集長ブログ―安田英久
今日は、英国政府のWebサイトなどを担当する「政府デジタルサービス（GDS）」の部署が公開している「デザイン原則の10か条」について。「良いデジタルサービスを作り、運営していく」ためのポイントがコンパクトにまとめられています。 英国政府（gov.uk）のサイトには、「デザイン原則（Design Principles）」というページがあり、そこには、次のようなことが書かれています。 まずニーズからはじめる ―― 自分たちのニーズではなく、ユーザーニーズから。本当のユーザーを理解し、そのニーズを知る。想像や思い込みではなく、ちゃんとデータで。 なんでもかんでも手を広げず、するべきことだけをする ―― 政府がしなければいけないことだけをし、他の人がすでにやっていたら協力する。 データをもってデザインする ―― 試作し、実際のサイトで実際のユーザーにA/Bテストを行い、その結果をデザインに活かすや
16個の業種別で学ぶ「ホームページデザイン」の王道パターン | LISKUL
ホームページのデザインっていろいろあって、どれが自分のビジネスにふさわしいものか迷ったことはありませんか？ 個人で事業をやっている方だと、そのような疑問を持つ方も多いのではないでしょうか。 でも実は、業種ごとの王道デザインを知っていれば悩む必要なんて何もないのです。 今回は、全16業種にわたる王道のホームページデザインをお伝えしたいと思います。 1. 美容院のホームページデザイン【王道】 おしゃれな髪型の女性の大きめな写真を載せるデザイン 【実例】 Nine9 / ナイン MerryLand 美容室 pukka hair 美容院のホームページデザイン ポイント「おしゃれな髪型をしている女性の写真を載せる」 美容院のホームページの王道デザインは、お店のロゴが左上、メニューがその横にあり、その下には、おしゃれな髪形をしている女性の大き目な写真があるというものです。 これは美容院という商売の特性
Tumblrテーマ作家が教える上級カスタマイズテクニック
Webデザイナーへ向けて、Tumblrの魅力とテーマの制作方法を解説する本連載。第3回と第4回では、カフェのサイトを想定したTumblrテーマを完成させました。今回は応用編として、テーマの完成度をさらに高めるためのテクニックを紹介します。 トップページとパーマリンクで異なる構造にする 前回制作した「Cafe」テーマは、トップページとパーマリンクページ（個別の記事ページ）がほとんど同じレイアウトでした。実際には、Webサイトによって、トップページとパーマリンクページをまったく別のレイアウトにしたい場合もあるでしょう。 このような場合は、{block:IndexPage}と{block:PermalinkPage}という2種類のブロックを使います。トップページ用のコンテンツは{block:IndexPage}...{/block:IndexPage}、パーマリンクページ用のコンテンツは{blo
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Illustfolio 4 - イラストポートフォリオサイトが一瞬で作れる無料Tumblrテーマ
Templates and Themes » W3Layouts
http://liquidapsive.com/
https://developers.google.com/web/tools/setup/workspace/setup-devtools
Flipsblog.jp
http://homepage3.nifty.com/abe-hiroshi/
Web Fundamentals — Google Developers
Responsive Web Design JP（日本国内の秀逸なレスポンシブWebデザインを集めたギャラリーサイト）
