エンジニアのためのWebデザイン教室：ITpro
Webプログラムを手がける企業であっても，必ずしもWebデザイナが存在しているとは限りません。プログラマが自分でデザインを適用しなくちゃならないことも少なくありません。 技術者の人と会話をすると「僕にはデザインのセンスがなくてね」という自嘲的な発言をよく耳にします。しかし，Webデザインにセンスは必ずしも不可欠ではありません。ちょっとしたポイントを学習することで，誰にでもしっかりデザインされたページが作れます。HTMLとCSSによる実装を通して，デザインの基礎を学んでいきましょう。 第1回 Webデザインに必要なのはちょっとした知識と訓練 第2回 Webデザインの基礎はHTMLの構造にあり 第3回 文書を装飾するのはCSSの役目 第4回 Webデザインの基本を学ぶための環境について 第5回 HTML文書を装飾するCSSの基礎（その1） 第6回 HTML文書を装飾するCSSの基礎（その2）
ジョジョの華麗なMAD集①
各MAD作成者さまに感謝です。セブンズボイスさん、荒木先生にも感謝です。 華麗なMAD集まとめ→mylist/7906432 名作MADリメイク→sm4155854 ①の元動画さま一覧→mylist/7484468 ②の元動画さま一覧→mylist/7484470③の元動画さま一覧→mylist/7503413 ④の元動画さま一覧→mylist/7496250※リスト作りました。誠に申し訳ありませんでした。
ウェブ制作にかかせない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
HTMLを小綺麗にするための4つの方法 | エンタープライズ | マイコミジャーナル
HTMLを規約にそった記述にすることは最低条件として要求されることだが、最後の状態ではない。まずHTMLを規約にそった記述にし、さらに次の段階でアクセサビリティに対応できる形式であったり、必要になる情報を追加したり、もっと小ざっぱりとさせてブラッシュアップさせた方がいい。 Kevin Yank氏がSitePointにアップした4 Easy Ways To Spruce Up Your HTML Markupはその点でかなり興味深いドキュメントだ。同氏はこれまでの経験からHTMLドキュメントを小ざっぱりとさせるための4つの方法を紹介している。要約すると次のとおり。 h1、h2、 h3などのヘッダ要素を厳密に階層化する。h2のあとでh3を飛ばしてh4をつけるといったことをしない。ヘッダ要素による階層化はFirefoxのエクステンションWeb Developerを使うとわかりやすい。Inform
MdN Design｜総合情報サイト
デザインする グラフィックアプリの使い方から、デザインの基礎、最新の表現手法まで、デザイナー、イラストレーター、写真家が知りたい情報が満載！
Firefoxのテーマまとめ
＼閉鎖予定のサイトも売れるかも？／ アクセスがないサイトもコンテンツ価値で売れる場合も… ドメインの有効期限を更新してサイト売却にトライしてみましょう
Firefox 3に比肩するブラウザー Opera 9.5 | OSDN Magazine
オープンソースのFirefoxとプロプライエタリーのOperaは最大級の人気を持つLinux向けブラウザーだ。その最新版が、今月、相次いで登場した。Firefox 3は世界記録に挑戦しようという喧騒の中でのダウンロード開始だったが、その1週間前に提供を開始したOpera 9.5は従来と変わらなかった。しかし、Opera 9.5もFirefox 3に劣らず革新的で、セキュリティー関連の強化から多言語テキストのレンダリング改善に至るまでFirefoxと互角の機能を備えている。 Opera 9.5 Opera 9.5を起動してまず気づくのは、デスクトップに占める面積がFirefox 3より小さいことだ。ツールバーやボーダーが小さいためページを表示する部分が広い。また、気の利いた機能は多機能なパネルの中にしまい込まれている。Firefoxのパネルにあるのはブックマークと履歴だけだが、Operaのパ
【ハウツー】わずか数行で"ものすごいテーブル"に! - jQueryプラグイン「Flexigrid」 (1) ドラッグ&ドロップでカラム幅を変更可能 | エンタープライズ | マイコミジャーナル
Webアプリケーションの操作性を向上させるために、いまや欠かすことのできないJavaScript。Prototype.jsやjQueryといった各種フレームワークを使用して、ユーザビリティを高めている開発者も少なくないだろう。 ここ数年の間でYahoo! UI LibraryやExt JS、Dojo Toolkitといった、開発のしやすさや・操作性の向上はもちろんのこと、綺麗なデザインも兼ね備えているライブラリが増えてきた。既存のWebアプリケーションに少しのコードを追加するだけで、機能もデザインも付加できるこれらのライブラリは非常に魅力的だ。 ここではテーブルで組んだリストに対して、まるで表計算ソフトのような操作性を提供するFlexigridライブラリを紹介したい。 ネイティブアプリケーション並みのリストを実現 FlexigridとはPaulo P. Marinas氏が開発・公開している
第5回 Internet Explorer 8 Betaについての雑感
このようにIE7への移行は現時点ではちょっと微妙な感じになっております。IE8も2008年中に正式リリースと噂されている訳ですから，IE7はすっ飛ばしてしまって次期スタンダードはIE8になってしまえば良いのにと思います。 最後にちょっと残念（というかやっぱり）な感じというものです。IE8ではあらたに「WebSlices」という独自の機能を実装しています。これは何かと言うと，セマンティックWebということでは有名な，あの Microformats の代替的な機能となるものです。より詳しい情報は，【詳報】セマンティックWebに向かうIE8の「8つの強化点」，で説明されています。 まぁ，ついにマイクロソフトもここまで対応するようになったということは間違いなく喜ばしいことなのではあります。が，せっかくセマンティックWeb的なことに対応するのであれば，独自の機能を作り出すのではなくて，世界中の皆でせ
自分デファクトなCSS定義、mydesign.cssを考えてみる(2) - Cyokodog :: Diary
mydesign.cssの適用 サンプルのhtmlに、mydesign.cssの構成ファイルである reset.css(YUI)、myreset.css、myskin_default.cssを順番に適用してみます。 サンプルhtml <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <link type="text/css" rel="stylesheet" href="mydesign.css" /> </head> <body> <h1><a href="#">mydesign.css</a
第1回 眼の疲れを取る：ITpro
システムの開発・運用という激務を続けていると，いつの間にか心身に疲れがたまるもの。十分に休養を取れず，眼，肩，腰などに辛さを感じている方も多いのではないでしょうか。 そこで，お薦めしたいのが，自分でツボ（経穴）をマッサージすることです。マッサージによってツボを刺激すれば，疲れが和らいで心身がすっきりします。健康を保つのに役立つだけでなく，仕事への集中力を高めることにもつながります。仕事の合間などちょっと時間が空いたときを利用して，ぜひツボのマッサージを習慣化してください。 この連載では毎回，肩こりや腰の痛みといった一つの症状を取り上げ，それに対して効果が大きく，自分でマッサージしやすいツボを紹介していきます。今回は，眼の疲れを取る八つのツボを紹介します。 眼の周りにある六つのツボが疲れに効く 眼の疲れを感じたとき，無意識に目頭を押さえた経験はありませんか。眼の疲れを取るうえで効果的なツボの
チャンクを意識する | Accessible & Usable
公開日 : 2008年4月17日 (2011年1月11日 更新) カテゴリー : 情報設計 (IA) Webサイト（ホームページ）を作るうえで、情報をデザイン（設計）することは、とても重要な要素といえます（ご参考：Webデザインとは、情報をデザインすること）。今回は、この「情報をデザインする」にあたってぜひ気に留めておきたい、チャンクという考えかたをご紹介したいと思います。 チャンク（chunk）とは、認知心理学の用語ですが、ぱっと見たときに「まとまり（意味的な塊）」を感じる単位のことです。この「まとまり」は、視覚的なものであったり、論理的なものであったりと様々ですが、この「まとまり」感をうまく活用することで、より、ユーザーが理解しやすく（ユーザーの頭に「すっと」入りやすく）なります。 チャンクの例としてよく挙げられるのが、電話番号です。たとえば数字の羅列「0351598200」にハイフン
Operaの便利な使い方、中の人に聞きました (1/2) - ITmedia Biz.ID
タブブラウザで、無料で、独自エンジンで高速、高性能――というキーワードに、ノルウェー生まれ、携帯電話、Wiiといったキーワードを組み合わせると……。そう「Opera」である。Opera Softwareの冨田シニアバイスプレジデントに、Operaの便利な使い方を聞いた。 タブブラウザで、無料で、独自エンジンで高速、高性能――というキーワードだけだと、「Firefox？」「いやいやSafariじゃね？」なんていう人たちもいるかもしれない。ノルウェー生まれ、携帯電話、Wii……といったキーワードを組み合わせるともっと絞り込める。そう「Opera」である。 2008年第2四半期中の正式リリースを目指す最新版「Opera 9.5」を控え、Opera Softwareのコンシューマー製品部門を統括するシニアバイスプレジデント冨田龍起氏に、Operaの便利な使い方を聞いた。 中の人オススメの便利ワザ・
第15回 色使いによる立体的なWebページ構成と“1/6の法則” : ITpro
前回のお話の冒頭で，白背景に黒文字は目を疲れさせるということを指摘しました。今回はその問題の解決策から始めましょう。 白はすべてが全力で点灯している色（#ffffff）であり，黒はすべてが消灯している色（#000000）です。白と黒というのは，他のどの色を2色選んだときよりも明度の差があるわけです。2色またはそれ以上の色数の中での明度の高低差を「コントラスト」と言います。コントラストが激しいものは目を疲れさせます。 「本や雑誌も白に紙に黒いインクじゃないか」と思うかもしれませんが，紙はディスプレイの白ほどは明るくありません。昼間に十分に読書できる明るさの部屋で，フラッシュを使用せずに本を撮影すると図1程度です。想像よりもはるかに暗く，写真で見ると白には見えません。 目を疲れさせない配色の探し方 人間には見た物を脳で補完する機能があります。裸電球の下でフラッシュを使わずに白い画用紙を撮影する
Webデザイナが知っておくべきPHPセキュリティ - builder by ZDNet Japan
MSセキュリティ担当者が紹介 マルチクラウド環境の保護を追求する Microsoft Defender for Cloud 本当のデータ活用できていますか？ データドリブンがあたりまえと言われる今あらためて考えたいデータ活用のありかた Kubernetes活用の最適解とは？ 今、注目のコンテナを活用した柔軟なIT基盤 運用、管理の課題を解決しメリットを最大化 DNSを守り、DNSで守る 高度・巧妙化し危険度を増すサイバーリスク いま考えるべきモダンセキュリティのあり方 50年の経験を持つアイネットが提供 ユーザー企業の使いやすさを第一に考えた ワンストップで使えるマネージドクラウド AWSとAzureを更に使いこなそう イマドキのマルチクラウドセキュリティを MS担当者が徹底解説 大事なのは”仕事の段取り” 幅広い業務を任されているからこそできる ひとり情シス流の業務改善術 いま求められる
CSS の「値」とは何か - IT戦記
この前 以下のようなエントリを書きました CSS の名前の整理 - IT戦記 今回は CSS における この「value（値）」という言葉の意味、そして曖昧さについて書きたいと思います。 6 つの値 CSS において「値」は曖昧な言葉です。 なので、「値」という言葉を使って CSS の説明をするのは非常に効率が悪かったりします。 たとえば、「ここの値って、 hogehoge の意味の値？」「いやいや、ここの fugafuga の意味の値が piyopiyo なんだよ」というように、まったく無駄な会話が繰り広げられるわけです。 ですので、今日からはちゃんと CSS の「値」をちゃんと説明できるように、「値」に以下の 5 つの名前を付けましょう。 Declared values Cascaded values Specified values Computed values Used valu
MdN 印象どおりのWEBをつくるデザイン見本帖
【DESIGN DIGEST】CDジャケット『dawn／NELN』、書籍カバー『余命一年、男をかう／吉川トリコ』、商品パッケージ 『別鶴 そよ風のクローバー・別鶴 お日様のしゃぼん玉』（2021.8.20）
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Ywcafe.net
404 Not Found
[Think IT] HTML+CSSチャンネル