Webサイトを制作する時のWebオーサリングツール・HTMLエディタは何を使用していますか？きっと多くの人がDreamweaverを使っていると思います。私もそうでした。が、最近私のまわりのWebデザイナーがみんなCodaというソフトを使っているのに気づき、試したところ、あまりにも使い勝手がいいので紹介します。本当におすすめです！Codaの特徴を簡単に詳しい説明はリンクをクリックでジャンプします。...

制作者側にはかなり普及してきた感もあるHTML5。 情報は溢れていますが、自身も少しづつ勉強してきたのでXHTML1.0との違いなどをメモがわりにアウトプットしてみた。 (マークアップメインの話です) HTML5はW3Cより2008年1月22日に草案が発表され、2010年8月現在も草案の段階です。 勧告はW3Cが2012年3月、WHATWGは2022年としており、どちらにしてもまだ先ですが、新しい...

715 Awesomely Simple and Free CSS Layouts | Design Shack シンプルでフリーな使えるCSSのレイアウト集７１５が紹介されています。 １から作らないでもこうしたものに頼ればすぐに出来ますね。自分の好みの使いやすいページを覚えておくとレイアウト作成をすぐに終わらせ、肝心のツール部分に集中できそうです。 Primary CSS: 22 Layouts...

プログラミング時に最適なフォント「Inconsolata」 | Weboo! Returns.でInconsolataだけが紹介されているので、おまけ情報を少々。Inconsolataというのは、Windows Vista/7 に標準で付属しているConsolasフォントに感銘を受けた作者がConsolasを意識して作ったフォントです。ConsolasのほうはVista/7だけでなく、Visual...

第1回 Webの3つの問題を解決する「HTML5」とは何なのか株式会社オープンウェブ・テクノロジー 代表 白石 俊平 2010/8/30 最近よく目にする「HTML5」という言葉。JavaScirptのAPIやCSS3、SVGなどを含め、急速な広がりを見せつつある「HTML5」の基礎を学べる入門連載です。「HTML5を使うと、何ができるのか」「それを実現するには、どのようなプログラムを書いたらいい...

Webツール , その他 , デザイン角丸や文字装飾からアニメーションまで自動作成できるCSS3ジェネレータ「CSS3.0 Maker」掲載日時：2010.08.25 18:00  コメント [0], トラックバック [0]最近、CSS3のチュートリアルなど、CSS3関連の記事をよく見かけます。CSSを自動的に作成してくれる「ジェネレータ」も、続々登場しています。今回は、非常に使いやすくて、多機能...

HTMLの各要素のデフォルトのスタイルをリセットするだけでなく、見出しやパラグラフ、リスト、フォームなどの新しいスタイルの再構築も想定されたスタイルシートのフレームワークを紹介します。

RecRec - Image to HTML WEBレイアウトの画像をアップしてドラッグ＆ドロップでHTMLに変換できる「RecRec」。 サイトのレイアウトの画像をアップロードして、ブロック部を選択するだけでHTMLとCSSを出力できるWEBベースのツールです。 生成されるHTMLはdivベースのデザインになります。 簡単なものならこれで仕上げちゃうこともできそうです。 関連エントリチュートリア...

jQueryは使っても楽しいのですが、ソースを読むのはもっと楽しかったりします。いっそjQuery自身にjQueryを読ませたら読むのも楽になるのでは? こんなのがあっという魔に作れるところも、jQueryの魅力です。で、実際にソースを見てみると、白魔術も黒魔術も使いまくりですね。たとえばjQuery.isType()。toString.call(obj)とはね。たとえばjQuery.global...

iPhoneなどのモバイルデバイスには320px、iPadやネットブックには768px、デスクトップなどのブラウザには1280px、三種類のデバイスにあわせてレイアウトを切り替えるフレームワークを紹介します。Less Framework 2ベースとなるカラムは下記のようになります。iPhoneなどのモバイルデバイス320px、2カラムiPadやネットブック768px、5カラムデスクトップなどのブラ...

Ext JS is now SenchaiPhone 4のようなディスプレイピクセル密度が高いデバイスの登場で、WebデザイナやWebデベロッパの関心は、異なるピクセル濃度のデバイスにどのように対応するかといった点に集まりつつある。基本となるテクニックのいくつかはすでにいくつかのブログで紹介されている。iPhone 4でもPCでも画像を綺麗に表示するCSSの使い方iPhone 4に対応したWebサ...

The requested blog was not found -- unless you requested that of Dan Kogai (小飼 弾).ソースはこんな感じ。/** You need base64.js.* cf: http://blog.livedoor.jp/dankogai/archives/51067688.html*/img2txt = function(nod...

text-shadowのカラー指定に何を使うかというのを意識していませんでしたが、下記のチップスを読んだら「なるほど」と思ったので、紹介します。A CSS3 Tip デモページ（当方作成）「text-shadow」のカラー指定には「black」「#000」などが使用できますが、「text-shadow」をサポートしているブラウザは「RGBa」での指定もサポートしているので、RGB値によるカラー指定...

CSS Maker is a free tool to experiment with CSS properties and values and generate a simple stylesheet for your site.

需要があるのか分からないシリーズです。 マルチユーザーのブログで、プロフィールを 使ってるサイトなんかに使えるんじゃないか と思ってエントリー。プログインも使わず、 コアファイルも触らずにプロフィール項目を 増やす方法。 なんで書いたかというと、探して出てきた方法がコアファイル触る方法だったからというだけです。ちゃんと探せばちゃんと書いてるエントリーもありそうですがあまり探していないです・・出来れ...

どういう需要があるのかはわかりませんが、画像ファイルを一切使わずにCSSのみで作ったアイコン集「Peculiar」です。ページ上ではサンプルとして16×16ピクセルですが、実際にはいくらでも拡大が可能となっています。 詳細は以下から。 Peculiar http://lucianmarin.com/peculiar/ サポートしているのはIE9・Firefox・Camino・Opera・Safar...

新しいOSを使う時にはいろいろな厄介事があるものだ。Linux初心者にLinuxマシンを手渡す前に少し準備をしておけば、ユーザーの体験も素晴らしいものになるだろうし、後から世話を焼く手間も減らすことができる。新しいユーザーに新しいOSを使い始めようとするとき、その体験は悲劇にも、感激にもなり得る。そのどちらになるかは、多くの問題によって決まる。それらの問題のうちの第1は、どれだけ容易に移行できるか...

便利そうだったのでメモ。GoogleMap をはじめ、様々な地図サービスのような ドラッグで移動したり、拡大縮小な地図 コンテンツを実装するJavaScriptライブラリ Polymapsのご紹介。地図には画像を使 い、マス目上に置いていくみたいです。 これは結構需要あるんじゃないでしょうか。地図系のJSライブラリです。既存サービスを使いたくない方はご検討になってみてはいかがでしょうか。Polym...

地味だけど私的に使うことが多いjQueryプラグイン、Biggerlink。 ブロックレベルの要素を丸ごとリンクに変更してくれます。 サイドバーなどでちょっとリンクをオシャレにしたい時に重宝しています。 …と説明してもピンとこないと思うので、サンプルデモを用意してみました。 テキストの部分しかリンクを貼ってなくても、リンクを内包するブロックレベル要素全体がリンクに変身します。サンプルデモのHTML...

AjaxianIE9がCanvas要素をサポートすることで、これまで広く使われてこなかったテクニックが、もしかしたら注目されることになるかもしれない。Ajaxianに掲載されているWant to pack JS and CSS really well? Convert it to a PNG and unpack it via Canvasという記事で、2008年に公開されたJacob Seide...

説明は省く。お前の目で確認してくるがいい。

説明は省く。お前の目で確認してくるがいい。

説明は省く。お前の目で確認してくるがいい。

説明は省く。お前の目で確認してくるがいい。

説明は省く。お前の目で確認してくるがいい。

説明は省く。お前の目で確認してくるがいい。

説明は省く。お前の目で確認してくるがいい。

説明は省く。お前の目で確認してくるがいい。

説明は省く。お前の目で確認してくるがいい。

説明は省く。お前の目で確認してくるがいい。