center-circle.net » マークアップデザインエンジニア的、効率化のための必須ツール5選。
written by CLSTK at 8:34 am on 9 月 9, 2008 in Job まいど！CLSTKデス。 いつも、僕が制作する際に欠かさないツールがあります。 それを、皆様にご紹介。 最近は、これらがないと仕事になりませんw マークアップデザインエンジニア的、効率化のための必須ツール5選。 では、どうぞ〜。 エクセル http://office.microsoft.com/ja-jp/excel/default.aspx まずは、制作をスタートさせるのに、エクセルがないと始まりません。 エクセル（弊社ではアーキテクチャダイアグラムと呼んでいます。）に、レギュレーション、サイトマップ、ディレクトリマップなど、制作に必要な情報を記載していきます。 詳細は、「効率よくコーディングするための５つの手順。」で書いてますので、そちらを参照してみてください。
IE8のCSS3およびベンダ拡張は"-ms-"に変更、Webデザイナは注意必要 | エンタープライズ | マイコミジャーナル
Internet Explorer 8 Microsoftの次期メジャーブラウザとして登場することになるIE8では、標準規約への準拠作業が着々と進められている。特にCSS 2.1のテストスィートを寄贈するなど、CSS 2.1準拠の取り組みには余念がない。今回さらに同社のCSS 2.1への取り組みを強調する変更がIEBlogにおいてMicrosoft CSS Vendor Extensionsのタイトルのもと発表された。これによってIE7やIE8向けに作成したCSSに変更の必要性が生まれるためWebデザイナは同発表に注意しておきたい。 ブラウザでは標準規約として規程されたCSSプロパティ、標準規約で規程されているものの完全には準拠していないCSSプロパティ、現在標準化が進められているCSSプロパティ、ブラウザベンダが用意した独自拡張プロパティなどがある。こうしたプロパティのうちブラウザベンダ
そろそろ Google Chrome について一言いっとくか：404 Blog Not Found
2008年09月12日11:45 カテゴリiTech そろそろ Google Chrome について一言いっとくか まだまだ完全復活までには時間がかかりそうですが、生きております＞各位。 で、 Google Chromeはブラウザ市場の台風の目？:CNET Japan オンラインパネルディスカッション - CNET Japan Internet Explorerでウェブブラウザのトップシェアを握るMicrosoftに対し、ついにGoogleブラウザが勝負を挑むことになりました。 なんてお代が出ていたので、最近使っているOSの種類が再び2けたになってしまった私も一言言っておこうというわけです。 まず、cnetのパネリストがなんであれほど褒めるのかがいまいちよくわかりません。「速い」「きれい」とはいいますが、この二点に関しては Safari の方が上です。特に Chrome は今のところ Wi
higash.net
higash.net 2018 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy
Google Chrome のレンダリング
今日リリースされた、Google 発のブラウザ、Google Chrome のレンダリングを簡単にテストしてみました。Google Chrome のレンダリングエンジンは、Safari と同様、WebKit ということなので結果的にはおそらく同じ感じになるかなと思ってましたが、v8 の影響か acid3 テストでは結果が多少異なるみたいですね。 Google Chrome で Acid3 を実行。 Safari の Acid3 実行結果よりスコアがいいです。 Google Chrome で Acid2。問題なし。 最後に、Google Chrome で css3.info の CSS Selectors Test を実行した結果。これもいい感じ。 とりあえずここまでで。 関連エントリー Google Chrome アプリケーションショートカット Opera 9.5 alpha のレンダリン
iPhone向けサイトを考える : リッチっぽいiPhone向けサイトを作るためのCSS3アニメーション - livedoor Blog（ブログ）
画像だけを表示するRSSリーダーを作る時にCSS3のアニメーションを使ったので、軽くまとめてみます。間違い等あれば指摘していただけるとありがたいです。全体的に[要出典]です。 アニメーション自体がものすごく軽いのはsafariのCSS3で使える-webkit-transformと-webkit-transitionを使っているためです。 -webkit-transformは変化後のスタイルを規定し、-webkit-transitionは動きを規定します。 -webkit-transform:translate -webkit-transform:translate(0,0)；//位置 -webkit-transform:rotate(0deg)；//角度 -webkit-transform:scale(1);//倍率 がデフォルトの値です。本来の位置からどれだけずれているかを
iPhoneサイトを構築しよう--第1回：iPhoneサイト構築で知っておきたい5項目 - builder by ZDNet Japan
先日、日本人開発者向けに「iPhone for Web Developers - Optimizing Web Applications and Content for iPhone」の日本語版にあたる、「iPhone向けWebアプリケーションとコンテンツの最適化」が公開された。日本でのiPhoneの発売は未定だが、先日発売されたiPod touchにはiPhoneにあるWebブラウジング機能が実装されている。共にブラウザはSafari 3が使われているので、文書はiPhone向けに書かれているが、日本でも文書に書かれているガイドラインを参考にしてiPod touchユーザー向けにモバイルコンテンツを配信することが可能というわけだ。（注釈1） ここで「モバイルコンテンツ」という言葉を書いたが、今までの携帯電話を対象にしたモバイルコンテンツと異なるところが、iPhone、iPod touch
IE8でWebサイト運営者は4回うれしい (1/2)
「Internet Explorer 8 ベータ2」が8月28日、リリースされた（関連記事）。UIが初めて日本語化されたこともあり、すでにインストールを済ませた方も少なくないだろう。Webサイトの運営者にとってIE8がうれしいことをまとめた。 うれしい1：Web標準準拠で制作者の負担が軽くなる Webサイトを“作る”あるいは“運営する”側にとってもっともありがたい点は、「Web標準への準拠」だろう。かつて、Netscapeとの “Webブラウザー戦争”では独自拡張が争われたが、「標準に則って書けばどのブラウザーでも同じように表示される」という当たり前のような理想へ向けての一歩を踏み出したのだ（関連記事）。 IE8はW3C（World Wide Web Consortium）が勧告するCSS2.1への準拠を標榜しており、マイクロソフトも「これからは標準準拠でWebサイトを作ってほしい」（ビジ
【メモ】IE8の3レンダリングモードのまとめ / KOMOREBI || blog
さて、Internet Explorer 8 ベータが現在公開されている訳だが、 既にチェックをしているクリエーターさんは、このIE8の表示モードには「3モードレンダリングエンジン」機能があるのは知っていることだろう。 ここれは知らない人の為に・・・そして自分のやってる講義用にメモ書きしときたい。 内容は、先日のCSSnite in Shinjukuの五寳さんのプレゼンのをまとめ。 IE8においては、強制的にレンダリングモードを切り替えられ、 今後はレンダリングモードを変えて互換性をとっていこう、というモノだ。 具体的には以下のような方法で切り替えることができる。 DCTYPE宣言とmeta要素によるモード変更 HTTPヘッダーでのモード変更 この構成は、IE8の表示を基準としたデフォルトの“IE8レイアウト”と、互換性のための“IE7レイアウト”の２つに大きく分かれる。 そして、“IE7
HTML 5では「article」タグでページの「本文」が取れる - モジログ
次世代HTMLの「HTML 5」について、そのウワサは以前から耳にしながらも、中身については知らなかった。 仕様や解説記事（末尾にまとめた）をいくつか流し読みしてみて、驚いた。これこそ、私の求めていたものだ。 私は以前より、Webページの「本文」がどこからどこまでなのか、ソフトウェアで判定できる標準的な方法があればいいとずっと思っていた（「フィードをアイテム単位に区切れば、セマンティック・ウェブが一気に現実化する」）。HTML 5では、いくつか導入される新しい要素（タグ）の中に「article」というものがあり、これがまさに「記事」の範囲を示すものなのだ。 これさえあれば、プログラム的にWebページを取得して、その「article」タグの部分だけ抽出すれば「本文」になる。あらゆるWebページにこの「article」タグが入ってくれば、もうフィードに頼る必要もなく、どんなページの「本文」でも
ウェブ制作にかかせないFirebugの機能を更に強化する機能拡張集 | コリス
Sofrware is hardのエントリーから、豊富な開発ツールを備えたFirefoxのアドオン「Firebug」の機能を強化する機能拡張を紹介します。 List of Firebug Extensions Firebug HTML, CSS, JavaScriptなどを編集・デバッグ・モニタリングできる開発ツール。 以下の全ての機能拡張は、Firebug上で動作します。 Firebug Firebug -Firefox Add-ons YSlow ページの分析、パフォーマンスレポート、HTTP/HTMLサマリー、コンポーネントのリスト YSlow YSlow -Firefox Add-ons Firecookie クッキーの管理 Firecookie Firecookie -Firefox Add-ons FirePHP PHPのデバッグ FirePHP FirePHP -Firefo
ユーザー目線を保つための、「簡易」ユーザビリティテストのススメ - Feel Like A Fallinstar
Livedoorディレクターblogさんのエントリーを見て、「おっ」と思ったので雑感を。 http://blog.livedoor.jp/ld_directors/archives/51056195.html 上のエントリーにあるように、「来訪者がどうサイトを使っているのか？」という視点はウェブの運用には欠かせません。 が、その一方で、自らが毎日何時間も触れているメディアを客観視することは、よほどの訓練をつまない限り不可能です。 そんなときに使えるのが、「簡易」ユーザビリティテスト。 必要なものはたったの3つ 普段から（テストしたい）サイトの運用に関わっていない人 インターネットが見れるパソコン 鉛筆とメモ帳 そして、カンタンな状況を設定してサイトを使ってもらいます。 たとえば、Livedoorだと あなたは、ある日Livedoor IDを忘れてしまいました。急ぎでログインしてメールを見た
作ることは、目的じゃなくて手段でしょ？｜fuuri.net
Tweet Check Category：[ つぶやき, 行ってみた ] Tag：[ CSS Nite | Web制作 ] 13日の金曜日に行われたCSS Nite Shuffleは、強烈な印象の残ったイベントでした。特に住さんと高木さんのトークセッションは、いろいろな思いを持って聞きました。どれだけ整理して書けるか分かりませんが、がんばって書いてみます。 お話を聞きながら、私はその場で「違う…」と思わずつぶやいていました。 いや、もう、「人種が違う」に近い感覚を持ちました。この人たちは、私と同じ世界に生きていない。「デザイナー」ではなく「アーティスト」だと思いました。 住さんは、セッションの最初にこうおっしゃいました。 「プロ野球選手は、野球が好きだからプロになるんじゃなく、プレイするのが好きだからプロになるんだと思うのです。みなさんも多分、なにかしら作ることが好きだからWeb屋をやって
やっぱり[OK]ボタンは右なんだよ - ぼくはまちちゃん！
こんな話題はいまさらかもしれない！ それはわかってます！ だけど書きたい！ なにって、[OK]ボタンの位置のことです！ これって右に置くのが自然だよ絶対！！ 理由は単純で、 [OK][キャンセル] は、画面によっては [保存] [取り消し] だとかに名前を変えるし、 さらに、入力が3ページあるようなウィザード形式の画面なんかだと、 [ここまでOKそして次の画面へ]、[間違ったかもしれないから前へ戻って修正] とかになっちゃう。 うん、このウィザード形式の時のことを考えるとわかりやすい！ ウェブは横書き！ 左から右に読む！ 左からやってきたんだから、[戻る] のは左！ 右に進んでいくんだから、[進む] のは右！ だから、[次へ] も [保存] も [OK] も右が自然！ ウィザードっぽい画面の時と他の画面の時とで 「OK的なもの」の位置がぶれていると、少し迷うよね。 だから[OK]は右に統一
![やっぱり[OK]ボタンは右なんだよ - ぼくはまちちゃん！](https://cdn-ak-scissors.b.st-hatena.com/image/square/281b1fd51f0e3fedc726435362724c3af4fce817/height=288;version=1;width=512/https%3A%2F%2Fogimage.blog.st-hatena.com%2F13208692334729888519%2F26003855888873578%2F1550052661)
「ブラウザの表示モード」を理解してクロスブラウザなレイアウトを実現する：CodeZine
はじめに Webページの表示結果がブラウザによって異なって見えるという問題。Web開発に携わる方なら一度は直面したことがあるのではないでしょうか。どのブラウザでもページが同じように表示されるようにするテクニック、いわゆる「クロスブラウザ対応」は現在のWebサイトが備えるべき緊急の課題となっています。 連載第一回目は、このクロスブラウザなデザインを実現するために、まず最初に押さえておきたいポイント「ブラウザの表示モード」を中心に解説します。対象読者XHTMLとCSSの基本を理解していている方。Web標準に準拠したクロスブラウザなレイアウトデザインに興味のある方。 必要な環境 表示確認用に、Web標準をサポートした複数のブラウザをご用意ください。本稿では、表示モードの切り替え確認に、Windows Internet Explorer6を使用して解説します。クロスブラウザなデザインの基本的な考え
Web 制作会社ワークフローあれこれ12選 - カタコト日記
Web サイトをどうつくっていくのか。 ワークフローの最適化って難しいし、会社の個性が強く現れるところだと思うんだよね。 今日は深入りはしないで、見せ方の気に入ったワークフローを並べてみることにしました。 コンサルティング中心の会社も入ってますが。 キノトロープ 初期コンタクト 成功予測 戦略策定 戦術策定 制作・公開 更新・運用 効果測定 全体的に若い会社の多いこの業界の中では老舗（1993年創立）。 かっちりしていてある意味でお手本的。ワークフローの本も出してるしね、確か。 イージェーワークス 戦略 構築 運用 ISP系の会社だそうです。図がみやすい！プロモーションの設計〜実行を "明示的に"（他社も当然やってはいるけど）フローに入れてるところが特徴かな。 ビービット サイト戦略策定 サイト設計 デザイン / 制作 効果検証 ユーザビリティに強いことで有名な会社。ちなみに上の図は1.戦
MarkupDancing » ウェブ業界はどこを向いているのか・その3
フロント・ページ 河本孝之のウェブサイトです。情報セキュリティから人種差別やタイポグラフィまで、個人としての趣味や関心にかかわるページを全て列挙しています。 https://www.markupdancing.net/ 2020-08-03 14:08:18 2020-08-03 14:08:18 2024-02-19 09:13:47 MarkupDancing,MD,Takayuki Kawamoto,philsci,河本孝之 Takayuki Kawamoto, 河本孝之 philsci Chief Privacy Officer, 個人情報保護管理者, general manager at department of infromation systems, 情報システム部長 Philosophy of Science Society, Japan: 日本科学哲学会 Graduat
MarkupDancing » ウェブ業界はどこを向いているのか・その1
フロント・ページ 河本孝之のウェブサイトです。情報セキュリティから人種差別やタイポグラフィまで、個人としての趣味や関心にかかわるページを全て列挙しています。 https://www.markupdancing.net/ 2020-08-03 14:08:18 2020-08-03 14:08:18 2024-02-19 09:13:47 MarkupDancing,MD,Takayuki Kawamoto,philsci,河本孝之 Takayuki Kawamoto, 河本孝之 philsci Chief Privacy Officer, 個人情報保護管理者, general manager at department of infromation systems, 情報システム部長 Philosophy of Science Society, Japan: 日本科学哲学会 Graduat
逆引きCSSハック(IE8,Firefox,Opera,Safariを含めたブラウザ別CSSハック)
cat888 live เว็บไซต์ของเราได้รับการรับรองว่าเป็นเว็บพนันที่มีคุณภาพเยี่ยมที่สุดในประเทศไทยสำหรับการพนันออนไลน์ เว็บพนันที่มั่นคงและปลอดภัยที่สุดสำหรับการเดิมพันออนไลน์ที่ทำการเงินอย่างมั่นคงและปลอดภัยและรับรองความเป็นส่วนตัวของคุณในการเล่นเกมพนันที่นี่. ทางเรามุ่งเน้นให้ประสบการณ์การพนันออนไลน์ที่ไม่ซ้ำซากและน่าสนุกที่สุดเลยค่ะ! cat888 หวย เมื่อคุณมีความระมัดระวังในการพนันออนไลน์ คุณจะมั่นใจได้ว่า
Account Suspended
Account Suspended This Account has been suspended. Contact your hosting provider for more information.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
