Enhance and extend DreamweaverDreamweaver provides its own API as well as the Common Extensibility Platform (CEP), and offers you the flexibility of using C++, HTML, CSS, and JS to build extensions for Dreamweaver. You can extend the Dreamweaver UI, add powerful features for building web apps and automate entire cross-application workflows. Build custom web development toolsImport database data in
2010年あたりから流行しているカード型のグリッドデザインですが、まだまだこのレイアウトが多く見かけられますね。 しかし、内容と見せ方が合っていないサイトもしばしば…。 というわけで、このデザインの長所や短所、使いどころについてまとめてみました。 長所 一度にたくさんの情報を見せることができる。 整然と並んでいるため、堅実でしっかりとした印象を与えることができる。 同じ形や似た形のものが多く並んでいるので、インパクトが大きく、記憶に残りやすい。 興味を引くきっかけがたくさんあり、第二階層へ入ってもらいやすい。 短所 初心者ユーザーは一度に与えられる情報量が多くなり、とまどう可能性がある。 興味のあった情報から一度離れて、再度そのサイトを訪れたとき、どこに情報があったのか見つけにくい。 同じサイズのボックスが並んでいると、情報階層が同等に見えるため、情報に明確な順位差をつけるのが難しい。 (
前回の基礎知識や開発環境の準備編で、基本的な勉強や開発環境は揃えましたので、本記事では具体的な制作に入っていきます。 どんな風に作るのか ハイクオリティで広範囲のプラットフォームに対応したスマートフォンサイトを作りあげるにあたって jQuery Mobile を使用していきます。また URL は統一して(スマホサイトを別 URL で作成せず)スマホアクセス時にスマホ用の出力に最適化します。そのため、サイトの構造に変更は加えませんが、全てのページにおいてスマホ用のレイアウトを出力できるように変更を加えていきます。 jQeury Mobile について スマホサイトの作成に jQuery Mobile について学んでいきます。今まで jQuery Mobile を使用したことがありませんので、今回一から全て勉強しました。といっても、基本的なことは全て下記サイトにありますので、jQuery Mo
もう一週間も前のことになるが、今回のゴールデンウィークは、いろいろなニュースが流れてきた。特に一番印象的だったのは、夜中に私のTwitterに飛び込んできたCNETのこちらのニュース。分かっていたこととはいえ、今更グラフでちゃんと見せられると結構ショックだった。 Apple, Samsung put hammerlock on smartphone profits-CNET (2012/5/4) 携帯電話市場における「プロフィットプール」つまりその業界の企業が出している利益全体を、誰がどのように分け合っているのか。Asymco社が算出した結果、2011年第四四半期において、アップルが全体の73%、サムスンが26%、台湾のHTCが1%を取っているという報告がされたという。 そのニュースに掲載されていた、2007年からの業界のプロフィットプールのシェア変遷を描いたグラフがこちらである。 このプ
誰でも1時間でDreamweaverを使ってウェブサイトが作れるようになる動画チュートリアル。 最終更新日: 2016/02/05 HTML/CSS, YouTube チュートリアル こんにちは@sayobsです。今日紹介するのはAdobeから発売されているドリームウィーバーを使って誰でもHTML/CSSでウェブサイト(ホームページ)を制作する動画チュートリアルを紹介します。 僕も最初はこの動画を見てDreamweaverの使い方を覚えました。英語ですが、凄く分かりやすいですよ。WordPressで自作テーマを作りたい人にもおすすめのチュートリアルです。 1時間で覚えようPart 1 CSS Layout with Adobe Dreamweaver CS4
Dreamweaverとは Adobe Dreamweaver(以下、Dreamweaver)は、Webページを作成・更新・管理するためのソフトウェアです。Dreamweaverにはいくつかの編集モードがあり、コードビュー(HTMLコードやCSS、JavaScriptファイルなどコードを直接編集できる画面)、デザインビュー(Webページをブラウザで表示した形に近い状態で編集できる画面)の両方で編集できます。 さらに、Dreamweaver CS4で登場したライブビュー(レンダリングエンジンに利用しブラウザに非常に近い状態での表示確認ができる画面)では、SafariやGoogle Chromeと同じWebkitというレンダリングエンジンを採用しており、実際の画面を確認しつつ作業を進めることができます。 デザイナーにとっては、HTMLやCSSのコードをオートコンプリート(自動補完)してくれる機
ここ数年で種類が一気に増え、普及しているスマートフォン。この記事では「スマートフォン時代のWebサイト制作」をテーマに、Webオーサリングツール「Dreamweaver」を使ったスマートフォン対応サイト制作のテクニックを紹介します。なお、本稿はDreamweaver CS5.5向けに書かれておりますが、最新版のCS6でも問題無くお試しいただけます。 はじめに iPhoneに始まり、さらにここ数年で様々なAndroidケータイが登場し、日本でもスマートフォンが普及し始めています。それにともない、企業サイトやECサイトを、スマートフォンブラウザーで利用するユーザが着実に増えてきています。 世界規模でいえば、2012年頃にはスマートフォンの販売台数がPCを超えるという予測もあります(ITU, Mark Lipacis, Morgan Stanley Research.2009 資料PDF)。これ
日本でもスタートアップブームやノマド論争が起こっていますが、働き方についても多様性含めて一歩進んでいる(多分)アメリカ在住の筆者が考える今後の仕事や働き方のついて。どこかで聞いたようなタイトルにしてしまいましたが、原題は「The Future of Work」です。 — SEO Japan 仕事や働き方の未来についてはたくさんの議論がされてきた。しかし、本当はどうなのだろうか?未来を予測するのは難しいし、特に私たちが進んでいるスピードにおいては難しいものではあるが、浮かび上がってきた共通の要素がいくつかある。 未来の会社は、自立的に行動でき、さらに、超明確なビジョンを邁進するためにフレキシブルで分散された環境を作ることによって、絶え間ない変化に対応することができる会社だ。未来の会社は、会社とその従業員と顧客の間の変化するダイナミクスを理解する会社だ。 顧客、従業員、会社間のパートナーシップ
自己紹介の代わりに著書紹介 「P2P教科書」 「パーフェクトJava」 「実践JS サーバサイドJavaScript入門」 「パーフェクトJavaScript」
スマホの世界的ブームでスタートアップや新規ウェブビジネスの多くがその舞台をPCからモバイルへ、そしてウェブからアプリへ移しています。日々大量のアプリが公開されている現在、内容はもちろんアプリをいかに効率的にマーケティングできるかということも重要。今回はスマホアプリで成功したいあなたのためにアプリのマーケティング手法をまとめた記事をQuick Sproutから。 — SEO Japan 自分のアプリを発見してもらうことは、全てのアプリマーケッターが直面する根本的な課題である。iOS、Android、Windows Phoneなどのプラットフォーム上には何百万ものアプリが存在し、利用可能なアプリの果てしない海の中で目立つことはますます難しくなっている。 最高のアプリマーケッターは、プレローンチ作業とポストローンチ作業を含む広範囲に及ぶバランスの取れたアプリマーケティング戦略を追求するだろう。最
Webサイト制作の一連の流れをまとめてみました。クライアント向けにまとめたものを少し手直ししてのせています。新人Web担当者さんや、新人ディレクターさんの参考になるかなと。 なるべく難しい言葉を使わず、理解しやすいよう平易な言葉で書いております。 ※流れや手順は制作会社によって違うのですが、概要はつかめるかなと思います。 目次と流れ 1. サイトのコンセプトを考える 2. 競合他社からクライアントのお店や商品を選んでもらうためのポイント(強み)を整理する 3. そのサイトで一番伝えたい内容を決める 4. お客さんが必要とする3以外の情報や、クライアントの伝えたい情報をまとめる 5. サイト更新は誰がするのかを決める 6. 想定使用デバイス(PCやスマートフォンなど)を決める 7. サイトの周知・宣伝方法を考える 8. ページの設計図をつくる 9. サイト制作にかかわる必要な素材を準備する
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く