ひとりでWeb制作できた！Webデザインの勉強にもなる独学「スライド」総まとめ作成：2014/02/24 更新：2016/06/30 Webデザイン > デザインの流れや基本的なフローなどを勉強しておくだけでも効率が良くなるし、起業の際にも役に立つと思います。デザイナーさんにもっとデザイン力を上げたいと言われたのもあり、今回は制作フローとデザインやその他の知識を学べるように、出来るだけ制作フローにそって、スライドをまとめました。膨大な量になったので簡潔にしています。全てスライドです。 エンジニア速報は Twitter の@commteで配信しています。
10分くらいで分かるXHTML+CSS
このブログをお読みの方には既に不必要かもしれませんが、XHTML 1.0 と CSS 2.1 の入門記事です。 社会人のためのWebデザインスクール 用に作成したプレゼン資料をもとに記事にしています。 授業の時は、先にこの話をしてから XHTML を書いてもらうのではなく、先に HTML/XHTML&スタイルシートレッスンブック―ステップバイステップ形式でマスターできる を読みながら XHTML と CSS で簡単なページを作成してからこの話をしています。 その理由としては、HTML や XHTML を1度も書いたことがない方に「ブロックレベル要素」や「インライン要素」、CSS の「セレクタ」等の話をしても何のことか分かりにくいだろうと考えているからです。 ※この記事は2012年に執筆したものです。現在の 社会人のためのWebデザインスクール では、HTML・CSS コーディングについては
ごく簡単なHTMLの説明
HTMLは本来簡単で便利なものです。「30分間HTML入門」で基本は十分。まずシンプルに自分の情報を表現してみてください。 You can write a document as simple as you like. In many ways, the simpler the better. -- Tim Berners-Lee 簡単なHTMLの説明 少し詳しいHTMLの説明 XHTMLから次世代ウェブへ 電子テキストで情報発信 簡単なHTMLの説明 だんだん説明の量が増えてきたので、コンパクトな入門ページを用意しました。 基本がきちんと分かる30分間(X)HTML入門 HTMLを使った人間・コンピュータ双方にわかりやすい表現 （スライドのHTML版） 何のためのHTML？ HTMLは画面をレイアウトするためではなく、文書を環境に依存せずに共有できるように記述するための約束です。そこを正
HTML5の可能性を伝えるデモ５つ「5 awesome HTML5 demos」
様々な機能や可能性を秘めたHTML5。各所で取り上げられ、様々なチュートリアルやデモが公開されてはじめて来ていますが、今回紹介するのはHTML5の可能性を伝えるデモを集めたエントリー「5 awesome HTML5 demos」です。 いままでHTMLでは出来なかった様々な機能が実現されています。今日はその一つ一つを簡単にご紹介したいと思います。 詳しくは以下 ■APIrocks HTML5 slideshow 位置情報を取得させたり、ドラッグでソースコードを表示させたり、様々なHTML５の機能をスライドショーにまとめたページ。色々な可能性を提示してくれます。 ■Jilion – SublimeVideo プラグインを必要としないHTML5で作る動画プレイヤー。一般的な動画プレイヤーにできることは備わっています。 ■Blowing up HTML5 video 動画を3Dオブジェクトにテク
HTML5でHTMLの何がかわるのかを知る3分間ガイド | エンタープライズ | マイコミジャーナル
secretGeek HTML5の仕様策定がある程度進んできたこと、IEを除く最新のブラウザがHTML5機能の実装を順次はじめたこと、MicrosoftのチームがHTML5の策定に積極的に参加をはじめたこと、Webアプリケーション開発者やWebデザイナの関心が高まってきたことなどを受け、HTML5の新機能を紹介したり、HTML4とHTML5の違いを紹介する記事やブログが増えている。 そうした紹介記事のひとつに、secretGeekに掲載されたHTML5, a 3 minute guideがある。HTML5の新機能を紹介する記事では、HTML5が生まれる経緯を簡単に説明したあとで、新しく追加される要素について紹介するスタイルをとることが多いが、この記事では従来の記述例をHTML5にしたらどうなるかという違いを視覚的に示したあとで、その違いを説明している。 HTML5, a 3 minute
HTMLとCSSしか書かなかったコーダーは今なにしてる？ - Hato-Style
2009年09月13日 （日） Web雑談 風邪ひいた。頭が痛くて熱が下がらない...しかし悶々として眠れない。いろいろと他にの人に迷惑かけちゃったり、マジごめんなさい。ちょっと寝付けなくなっちゃったので、横になりながら頭の中で思ってたことをiPhoneでメモ書き。 マークアップエンジニアはどこへ向かうべきか（を考えてたらカッとなって LL の資料公開） - IT戦記 HTMLは道具 3ping.org マークアップエンジニア云々に関して書いてみる | Blog hamashun.com プログラミング知らないHTMLコーダーがダメな理由 はてな匿名ダイアリー HTMLコーダーやWebデザイナーをバカにしているプログラマーは全員腹切って死ね - kwatchの日記 (X)HTML + CSS しか出来ない人はそれなりに危機感を感じたほうがいいと思った今日の昼ご飯でした。 マークアップエンジ
インデックスカラーとは - IT用語辞典
概要 インデックスカラー（indexed color）とは、画像データなどの色形式の一つで、使用する色を決まった数だけあらかじめ選んで通し番号をつけておき、色の指定に番号を用いる色表現方式。色数には256色が使われることが多く、画像の容量を小さくするのに有効な方式である。 コンピュータでは通常、光の三原色（RGB）の各要素の強さの組み合わせて色を表現するが、インデックスカラー形式では、必要な色を選んで番号をつけ、各画素にはRGB形式の色情報ではなく色番号で色を指定していく。 表示や変換を行うときには、色番号とRGB形式の対応表（カラールックアップテーブル）を元に、各画素に実際の色表現が割り付けられていく。例えば、色番号「0」にRGBコード「FF0000」（赤）が対応付けられていれば、その画像の画素の中で色が「0」に指定されているものは「FF0000」で塗りつぶされる。 この方式は絵の具をパ
IO 9elements
Our company's top wizards, stuntmen, and industry experts offer their best advice, how-tos, and insights - all in the name of shockingly good code & design. Building a Rock Solid Auto GridExplore a customizable CSS auto-grid layout in our latest post. Adjust column widths, gaps, and max column count for flexible web designs. Ideal for any web project. Hosting a ComfyUI Workflow via APIBasic WebSoc
HTML色見本
HTMLにおいてカラーネームで指定できる色のリストです。ラジオボタンをチェックすることによってこのページの背景色を変えることができます。 （注意）カラーネームによる指定の場合、色名によっては使用OSやブラウザのバージョンなどの環境により、 正しく表示できないことがあります。
ＨＴＭＬタグ
[HTMLタグのサイト説明] あなたは「HTMLタグ」という言葉を知っていますか？HTMLタグを使うとホームページやブログ上の文字の色を変えたり、文字を改行したり、好きな画像を貼ることが出来たり、お気に入りのホームページやブログなどのリンクを貼ることが出来ます。またHTMLタグを使うことで表を作成することが出来たり、ボタンを作ることも出来ます。HTMLタグを知っていると面白いホームページやブログを作ることが出来るかも知れませんよ。当サイト「ＨＴＭＬタグ」では、そういったHTMLタグを初心者の方にも、より使い易く・解り易く、HTMLタグが使えるように工夫して作成しました。HTMLタグは全て無料公開！初めてHP(ホームページ)やブログを作成する人も、今のHP(ホームページ)やブログを一工夫したい人にもお勧めです。また学校の授業や課題の為にHTMLタグを勉強したい方やホームページ作成の為にHTM
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
