Creative Cloud アプリケーションカタログから Dreamweaver をダウンロードできます。ダウンロードを完了するには、Adobe ID とパスワードでログインする必要があります。旧バージョンのインストール方法やアップデートのチェック方法などの詳細は、「Creative Cloud アプリケーションのダウンロード」を参照してください。

発行されたURLを元に、他の人とリアルタイムに編集中のHTML+CSSを共有できるオンラインサービスを紹介します。 共有の状態は、Read/Write、Read Onlyを選択できます。 Cssizer [ad#ad-2] CssizerはオンラインのCSSのSandboxのようなもので、CSSとHTMLのコードを編集し、リアルタイムに共有できます。 画面は左が編集、右がプレビューです。

画像を一切使用せず、CSS3や擬似要素を使ったリボン風デザインのナビゲーションを実装するチュートリアルを紹介します。 CSS Ribbon Menu [ad#ad-2] デモ 実装 デモ デモはCSS3アニメーションに対応したブラウザ、Chrome, Safari, Firefoxでご覧ください。 CSS3アニメーション非対応のIE8/9ではアニメーション無し、擬似要素非対応のIE7ではリボン無しになります。 デモページ [ad#ad-2] 実装 HTML HTMLはシンプルで、各アイテムをspan要素で実装し、全体をdiv要素で内包します。 <div class='ribbon'> <a href='#'><span>Home</span></a> <a href='#'><span>About</span></a> <a href='#'><span>Services</span></

iPhone, iPad, (iPod Touchも）などのモバイルデバイスで、表示中のウェブページのソースをシンタックスハイライトで表示できるブックマークレットを紹介します。 Snoopy View-source bookmarklet for iPad, iPhone and other mobile devices [ad#ad-2] Snoopyでは、iPhone, iPadなどのモバイルデバイスで表示中のウェブページの情報やソースを表示することができます。 ※キャプチャはiPod Touchです。 ソース表示 ソースはモバイルデバイス用に生成されたソース、元のソース、の2種類が選択できます。 [ad#ad-2] Snoopyの使い方 Mobile Safari -iPhone, iPad, iPodなど 最も簡単な方法は、デスクトップ用のSafariでブックマークレットをドラッグ

Demo 1 まずは、HTMLから。 HTML img要素をdiv要素で内包したシンプルなHTMLです。 divにclassを付与するのがポイントです。 <div class='stackone'> <img src="image.jpg" /> </div> デモでは下記の画像を使用しました。 Tinkerbell 画像のサイズ：200x130 [ad#ad-2] CSS CSSはステップごとに、説明します。 まずは、margin, paddingをリセットし、bodyの背景カラーをセットします。 * {margin: 0; padding: 0;} body {background: #ccd3d7;} 画像に少しスタイルを加えます。 画像の周りに写真のような縁取りをし、シャドウを加えます。 ※height, widthは画像のサイズに合わせて変更してください。 .stackone {

最近リリースされたものを中心に、高品質なフリーのデザインフォントを紹介します。 Prosto 個人・商用利用無料。 Mosaic Leaf 個人・商用利用無料。 Archive 個人・商用利用無料。

今日はホームページを作る人のネタ帳さんのWebデザイナ、デベロッパーの為の国内ブログ24+72記事を読みました。 読むまで、紹介にある24つのブログのうち3つしか知りませんでした…！ 本当たくさんあって、読んでると時間がすぐに過ぎていきますね！！ 素敵なブログばかりです。 特に、バニデザノートさん、ウェビメモさんが可愛らしい！さらに言えば霙さんの語り方が可愛いー！ヽ(=´▽`=)ﾉファンになりました。私もジョジョ読もう。 一番に試したいのがこちら！ ☆photoshop備忘録： 何度でもかけ直し可能なフィルタ『スマートフィルタ』について http://webimemo.com/other/3116 ノイズを使ったことがないのですが、質感がでて良いですねヽ(=´▽`=)ﾉ やってみます！