タグ HTML が登録されている動画 : 295 件中 97 - 128 件目
種類:
- タグ
- キーワード
対象:
ワンクリック詐欺を作ろう - #7 JavascriptでHTMLを制御する
実際に作ってみることによってワンクリック詐欺が怖くない理由をはっきりさせましょう。
Javascriptを使ってプログレスバーを0%から100%まで動かす。
内容が高度になってきたので初見の方は#1からご覧になるのをおすすめします。
前 sm26211170 次 sm26235735 全パート mylist/49951864
伸びた動画: mylist/62251587
Twitter: http://twitter.com/yoidea
ワンクリック詐欺を作ろう - #6 動的な演出を加える
実際に作ってみることによってワンクリック詐欺が怖くない理由をはっきりさせましょう。
Bootstrapのコンポーネントを利用して、訪問者を驚かせる仕掛けを作る。
前 sm26190543 次 sm26228964 全パート mylist/49951864
伸びた動画: mylist/62251587
Twitter: http://twitter.com/yoidea
ワンクリック詐欺を作ろう - #5 請求画面をデザインする
実際に作ってみることによってワンクリック詐欺が怖くない理由をはっきりさせましょう。
文字に色を付け、表を見やすくする。著作権表示を作成する。
前 sm26190532 次 sm26211170 全パート mylist/49951864
伸びた動画: mylist/62251587
Twitter: http://twitter.com/yoidea
ワンクリック詐欺を作ろう - #4 Bootstrapでデザインする
実際に作ってみることによってワンクリック詐欺が怖くない理由をはっきりさせましょう。
Bootstrapの導入と基本構文の説明。トップページをモダンなデザインにする。
前 sm26190521 次 sm26190543 全パート mylist/49951864
伸びた動画: mylist/62251587
Twitter: http://twitter.com/yoidea
ワンクリック詐欺を作ろう - #3 請求画面を作る
実際に作ってみることによってワンクリック詐欺が怖くない理由をはっきりさせましょう。
ファイル間のリンク方法と表の作り方を説明。表に情報をまとめる。
前 sm26190502 次 sm26190532 全パート mylist/49951864
伸びた動画: mylist/62251587
Twitter: http://twitter.com/yoidea
ワンクリック詐欺を作ろう - #2 簡単なHTMLでベースを作る
実際に作ってみることによってワンクリック詐欺が怖くない理由をはっきりさせましょう。
基本的なHTMLの構文と、タグの意味の説明。トップページを作成する。
前 sm26190387 次 sm26190521 全パート mylist/49951864
伸びた動画: mylist/62251587
Twitter: http://twitter.com/yoidea
ワンクリック詐欺を作ろう - #1デモと下準備
実際に作ってみることによってワンクリック詐欺が怖くない理由をはっきりさせましょう。
デモページの紹介と、作成に必要な環境を整えWEBページの構成を解説。
次 sm26190502 全パート mylist/49951864
伸びた動画: mylist/62251587
Twitter: http://twitter.com/yoidea
JavaScript/CSS でカラオケ風テロップ
http://pronama.azurewebsites.net/2015/03/20/karaoke-telop/ のデモ動画
TypeScript で記述。jQuery, Knockout.js 等を利用。
※ ヒャダインのカカカタ☆カタオモイ-C(ヒャダイン)は、レコード会社から利用が許諾された音楽原盤です。
【ゆっくり実況】ぽたぽたと学ぶゼロからのウェブサイト開発入門 part2
ども、ぽたぽたです。part2です。
javascriptは別の動画でやろうと思っています。
↓↓完成図のサイトはここ
http://techinfo.jp/
ぽたぽたと学ぶゼロからのプログラミング入門 → http://potapota.jp/
sm25073485 ←前|次→ 未定
その他投稿動画part1→mylist/47254942
body {
background-color: gray; margin: 0;
}
#contents {
background-color: yellow; width: 890px; height: 750px; margin: 0 auto;
}
#contentsheader {
background-color: blue;width: 100%; height: 220px;
}
#contentssubtitle {
background-color: red; text-align: right; margin-bottom: 20px;
}
#contentsmain {
background-color: green; height: 500px;
}
#contentslist {
font: bold x-large/100% normal; color: gray; background-color: white;margin-bottom: 70px;
}
【ゆっくり実況】ぽたぽたと学ぶゼロからのウェブサイト開発入門 part1
ども、ぽたぽたです。
今回は誰でもウェブ画面開発ができるようになることを目標に動画つくりました。
この動画の内容を解説したブログをはじめました。
ぽたぽたと学ぶゼロからのプログラミング入門 → http://potapota.jp/
↓↓part5まで見ると下記のようなサイトが1人で作れるようになる予定です。↓↓
http://techinfo.jp/
■■最初の設定だと拡張子(.html)が非表示なので最初に拡張子表示設定をしてください。すいません■■
http://www.microsoft.com/ja-jp/atlife/tips/archive/windows/tips/252.aspx
次→ sm25197698
その他投稿動画part1→mylist/47254942
【喋る!】0から学ぶWEB制作講座 その12
こんにちは、こんばんは。みう太と申します(・ω・’)
ホームページを作ってみたい!でも作り方が分からない!といった方のための動画を録ってみました。
制作講座その12です。またちょっとお久しぶりです。
今回はレイアウトについてのタグをいくつか。これを覚えるとかなーりサイトっぽいものが作れるようになります。
ただちょっと難しいので、何回か繰り返してやってみないと感覚的に覚えにくいかもしれません。あ、あとサムネは結局前からの文字に戻しましたw
今回使用したタグ
【margin】【padding】【float】など
前 sm24574728 背景を入れてみる
次 リンク部分を装飾する
WEB講座マイリスト mylist/45819419
動画色々マイリスト mylist/45811894
【喋る!】0から学ぶWEB制作講座 その11
こんにちは、こんばんは。みう太と申します(・ω・’)
ホームページを作ってみたい!でも作り方が分からない!といった方のための動画を録ってみました。
制作講座その11です。前回から続けて録ってたのに、妙に遅くなりました。
今回はcssで背景と枠線について。ちょっとずつサイトっぽいものが作れそうな雰囲気に?
今回使用したタグ
【background】【border】など
前 sm24471827 フォントについて
次 cssでレイアウトを変えてみる
WEB講座マイリスト mylist/45819419
動画色々マイリスト mylist/45811894
【喋る!】0から学ぶWEB制作講座 その10
こんにちは、こんばんは。みう太と申します(・ω・’)
ホームページを作ってみたい!でも作り方が分からない!といった方のための動画を録ってみました。
制作講座その10です。ついに2桁に。
今回はcssの、主にフォントについて。文字を変えたり装飾を付けたりそんな感じです。
そうですね、取りあえずフォントの変え方だけでも覚えておくといいと思います。
今回使用したタグ
【font-size】【font-decoration】【font-family】など
前 sm24321093 セレクタについて
次 sm24574728 cssで背景を入れてみる
WEB講座マイリスト mylist/45819419
動画色々マイリスト mylist/45811894
【喋る!】0から学ぶWEB制作講座 その9
こんにちは、こんばんは。みう太と申します(・ω・’)
ホームページを作ってみたい!でも作り方が分からない!といった方のための動画を録ってみました。
制作講座その9です。
今回はセレクタってやつについてです。ちょっと重要な要素だったり。
これとcssを覚えれば、かなりそれっぽいサイトも作れるようになってきます。たぶん。
しかしちょっと録るの怠けてるとあっという間に1ヶ月くらい経ってしまいますね、頑張ります(・ω・)
今回使用したタグ
【div class="好きな名前"】など
前 sm24112906 css導入編
次 sm24471827 フォントに関する事)
WEB講座マイリスト mylist/45819419
動画色々マイリスト mylist/45811894
【HTML】TEXTAREAタグ で Bad Apple!! PV 影絵【JavaScript】
TEXTAREAタグもやればできる子。
2作目。
前作(sm24210774)に続いてまた作ってしまいました。
今回は、HTML + JavaScript です。表示領域には TEXTAREA を使っています。
こんな楽しいデータを公開してくださった sm24162325 の作者 .6 さん に感謝です m(_ _)m
使用環境:
OS: Windows 7 Home Premium (64bit)
言語: HTML + JavaScript
Webブラウザ: Internet Explore 11
音データは sm8628149 からお借りしました。
動画データは、sm24162325 の説明に記載のソースコードのありかから。
実際に使ったソースコードは、画面右です。
(linesという変数名は、frames とすべきでした orz)
p.s. 動画データの読込はHTML5の機能を使っています。
1作目 sm24210774、mylist/45326413
【喋る!】0から学ぶWEB制作講座 その8
こんにちは、こんばんは。みう太と申します(・ω・’)
ホームページを作ってみたい!でも作り方が分からない!といった方のための動画を録ってみました。
制作講座その8です。
いやはや…、やってしまいましたなぁ!今回ロボ声です。講座動画なのに、非常に聞き取りにくい!ただでさえ聞き取りにくいのに、輪をかけて聞き取りにくい!
本当申し訳ないです…。
今回使用したタグ
【link rel="stylesheet"type="text/css" href="cssファイル名"】など
前 sm24005185 リンクとか補足
次 sm24321093 セレクタについて
WEB講座マイリスト mylist/45819419
動画色々マイリスト mylist/45811894
【喋る!】0から学ぶWEB制作講座 その7
こんにちは、こんばんは。みう太と申します(・ω・’)
ホームページを作ってみたい!でも作り方が分からない!といった方のための動画を録ってみました。
制作講座その7です。css編に入る予定でしたけどちょっとずれました。補足編みたいな感じです。
録音のソフトが度々変わってその都度調整とかが…。声質とかが変わるのはそのせいですね。
今回なんかちょっと早口な気がします。
今回使用したタグ
主に【a href="フォルダ名/リンク先"】とか
前 sm23914111 リンクの貼り方
次 sm24112906 cssの基礎とか
WEB講座マイリスト mylist/45819419
動画色々マイリスト mylist/45811894
誰でもできる仕事効率化のために・・・
初投稿します。
akaraと申します。よろしくお願いします。
誰でも簡単にできる
htmlを使って仕事を効率良くできたらいいなー
と思って投稿しました。
次回は未定ですが、
ほかに仕事で使えそうな簡単プログラムがあれば紹介していきます。
【喋る!】0から学ぶWEB制作講座 その6
こんにちは、こんばんは。みう太と申します(・ω・’)
ホームページを作ってみたい!でも作り方が分からない!といった方のための動画を録ってみました。
制作講座その6です。久しぶりの収録ですねー。
そのせいか収録の手順を忘れてしまい、録画したらファイルが12GBとかやたら大きくなるしマイクの環境が変わって声はなんか違うしサムネ用の画像が動画に入っていないし…。
ちょっと色々あれでしたw
今回使用したタグ
主に【a href="リンク先"】とか
前 sm23620739 表の作り方
次 sm24005185 リンクについて補足とか
WEB講座マイリスト mylist/45819419
動画色々マイリスト mylist/45811894
【喋る!】0から学ぶWEB制作講座 その5
こんにちは、こんばんは。みう太と申します(・ω・’)
ホームページを作ってみたい!でも作り方が分からない!といった方のための動画を録ってみました。
制作講座その5です。なんか声がだんだんかすれてきてない?もともとかな。
今回は表の作り方ですね、説明ぐだぐだ回です、申し訳なーい!
今回使用したタグ
tabel、tr、td、th、captionとか
前 sm23568176 画像の入れ方
次 sm23914111 リンクの貼り方
WEB講座マイリスト mylist/45819419
動画色々マイリスト mylist/45811894
【喋る!】0から学ぶWEB制作講座 その4
こんにちは、こんばんは。みう太と申します(・ω・’)
ホームページを作ってみたい!でも作り方が分からない!といった方のための動画を録ってみました。
制作講座その4です。今回は画像の挿入について。だいぶサイトっぽくなった?
前回に引き続き、眠くてちょっとぼけた声です。申し訳ない。
だんだん覚える事が難しくなってきたかも?
今回使用したタグ
img src="表示したい画像の名前" width="横幅" height="高さ" alt="画像のタイトル"
前 sm23541094 リストの作り方
次 sm23620739 表の作り方
WEB講座マイリスト mylist/45819419
動画色々マイリスト mylist/45811894
【喋る!】0から学ぶWEB制作講座 その3
こんにちは、こんばんは。みう太と申します(・ω・’)
ホームページを作ってみたい!でも作り方が分からない!といった方のための動画を録ってみました。
制作講座その3です。今回はリストの作り方。内容は短いです。
作品を公開した時の批判、誹謗中傷についてってのはもっと後で言うあれなんですけど、ちょうど言えるタイミングになったので軽く触れています。あくまで趣味の場合ですけどねw
あと今回結構眠くて、声がぼけてる感じします。ごめん。
今回使用したタグ
ul、ol、li、del
前 sm23516223 文字装飾のしかた
次 sm23568176 画像を挿入する
WEB講座マイリスト mylist/45819419
動画色々マイリスト mylist/45811894
【喋る!】0から学ぶWEB制作講座 その2
こんにちは、こんばんは。みう太と申します(・ω・’)
ホームページを作ってみたい!でも作り方が分からない!といった方のための動画を録ってみました。
制作講座その2です。見出しや文字装飾についての解説です。
今回のタグは、見出しタグ以外は最終的にはほとんど使わないかもですw
今回使用したタグ
h1~h6、em、strong、b、i、hr
前 sm23505699 HTMLの基礎知識
次 sm23541094 リストの作り方
WEB講座マイリスト mylist/45819419
動画色々マイリスト mylist/44571839
【喋る!】0から学ぶWEB制作講座 その1
こんにちは、こんばんは。みう太と申します(・ω・’)
ホームページを作ってみたい!でも作り方が分からない!といった方のための動画を録ってみました。
イラストメイキングやプログラムは結構あっても、WEBのこういうのって案外少ないんですね、ちょっと意外。
制作講座その1ですので、本当に入門編です。
ファイルの作り方から、文字の入れ方、タイトルの入れ方がこの動画の内容です。
お喋りが下手なので、分かりにくい点や疑問点があったらコメントくれるとありがたいです。
今回の見どころは最後の「おつかれさmブツッ」ですかね。
次 sm23516223 文字装飾のしかた
WEB講座マイリスト mylist/45819419
動画色々マイリスト mylist/45811894
WordからのKindle電子書籍の作り方 Part 4 箇条書き(HTML編)
第1回(sm23099941) sm23206383←前|次→sm23368467
一覧(mylist/42323420)
■Tera Pad
https://tera-net.com/library/tpad.html
■Calibre
https://calibre-ebook.com/download
個人のKDP(Kindle Direct Publishing)で出版の体験を元に
WordからKindle電子書籍を作る方法を説明していきます。
Wordで自動生成される箇条書きは
電子書籍に直接変換すると見た目が崩れます。
ですので見た目を微調整するために箇条書きに相当するHTMLを書き換えます。
動画中では残っていますが,
Kindle for PCでの行間変更を有効にするために
行間設定のline-heightもあれば消しておきましょう。
■テキスト版
http://panoramic-view.info/pdf/Kindle-from-Word.pdf
■BGM
るーるはかんたん,作曲:みそか
PANICPUMPKIN
http://pansound.com/panicpumpkin/
【Java】ゲームプログラミング超入門 Part31【Swing】
第31回 メイン画面の作成
前:sm22821817 次:sm22832765
mylist/38455255
使用させていただいた画像素材:REFMAP様 http://www.tekepon.net/fsm/
Saosin の It's So Simple を カバーしてみた by 夜鳴夜叉 × 周平
どうも、周平と夜鳴夜叉です。
今回は、スクリーモ界の伝説、Saosinのカバーでございます。
動画と曲があってないけど、気にしないでください!
演奏と動画:夜鳴夜叉 mylist/22927664 twitter.com/yonakiyasya_ele
歌:周平 mylist/7199266 twitter.com/shoohey
ライブ撮影:NOV mylist/24205088 twitter.com/NOV_UkiM
ロケ地:周平の実家の喫茶店(探さないでください)
オケはこちらで公開中:https://www.youtube.com/watch?v=LoE43d59b2Q
総容量485KBアークドラゴンファンタジア【ニコニコ自作ゲームフェス2】
総容量485KBの衝撃に君は耐えられるか!
最初に謝る。おいどんの技術では動画で音楽取れんかった…お許し下さい!
このゲームは学生時代2002年にラボで作ったんだ☆
うp主はその年、超大手ゲーム会社の2次面接で落ちてから転落人生なんだ☆
このゲームはIEで遊ぶゲームだよ!あと、激しい光の点滅と拷問シーンがあるからお子様はプレイしないでね!
ジャンル:HTMLアドベンチャーゲーム
対象年齢:18歳~48歳まで全てから好評価
クリア時間:約1分~15分程度
配布先、ゲームギャングURL
http://gamegang.genin.jp/
閲覧→アークドラゴンファンタジア.zipを右クリックで対象をファイルに保存
祝、ファミコン30周年・俺30周年!
CSS3で3DCG風アニメーションに挑戦 中ボス程度のキャラ大暴れ!SPMonster
前回に引き続きCSS3/HTML5でアニメーションに挑戦。
今回は何と3DCG風のアニメーション。
しかも、わざわざ曲までつくっちゃた。
demoサイト http://conyanco.tk/demo/monster.php
楽曲ダウソ https://soundcloud.com/nama-labo/steelplantsmonster
CSS3でアニメーション実験!思い付きの力技でねじ伏せてみる
HTML5/CSS3を使った描画の実験でアニメーション的な表現がどこまでできるか試してみた。
また、閲覧環境がさまざまな状況でなるべく近い状態でなおかつ割と手間を掛けずに対処する方法を思い付きで実装した力技の実験である・・・
demoサイト http://conyanco.tk/portfolio/
androidプログラミング実況 - 第3章(最終章) htmlファイルの表示
htmlファイルをWebViewを使って表示しています。 sm21175963←前 一覧→mylist/37547283 アプリ→ https://play.google.com/store/apps/developer?id=gerogero