Ψ(`∀´)Ψケケケ と (´・ω・`)ショボーン

AviUtl用のスクリプト配布やBlender、自作PCのパーツやガジェットの情報を配信中

 

【HTML5】ちょっと調べてみた。まとめ記事【CSS3】

Edit Category (´・ω・`)ショボーン

ブログのテンプレートをHTML5にしてみたので、HTML5とCSS3についての記事を調べてみた。

構造としてはxhtmlに似ている?らしいんだけど、HTML5は動的な印象がまだまだ強くて、個人的には文書的だと思っていたxhtmlに似ているとはどうしても思えない。まあ、慣れなんだろうけど。

ちなみにΨ(`∀´)Ψケケケは、htmlは書けてもJavascriptとかチンプンカンプン。htmlも独学で貧相なサイト程度なら作れるけど、上等な部類はダメ。プログラムぇ……。

HTML5とCSS3に対応しているエディタ

検索を掛けてみたけど、上位に出てくるのが『BlueGriffon』ばかりで、現在はまだ対応エディタが少ない感じ。『BlueGriffon』はSVGも描けて良さそうだったけど、CSS3エディタがアドオンとして有償になっているのが痛かった。『Aptana Studio』はエディタとしては良さそう。ただ、ファイルはDLしてきたけど、まだインストールしてないので、これから試してみたい。

使い慣れている『ezhtml』がHTML5とCSS3に対応してくれれば、かなり楽なんだけど……まあ、仕方がない。いずれ対応することを信じて、待ちの一手。

HTML5やCSS3についてまとめられているサイトやブログ

とりあえず新たに加わった要素と構造を調べながら、フリーのテンプレートを配布しているサイトからHTML5とCSS3のファイルをDLしてきて、何がどういう感じになっているのか覚えるつもり。以前、xhtmlを覚えたときと一緒。基本的には骨格となる要素がどういう位置に来るのか、属性はどんなものがあるのか、どんな効果が出るのか、入力とプレビュー(更新)を馬鹿みたいに繰り返しながら覚える! 前はflowfloatとclearの使い方に四苦八苦したけど、今回はどうなることやら……。

HTML5とCSS3の大変そうなところ

情報量が兎に角、多くなりそうなところ。HTML5とCSS3はこれまで以上に色々とできるというか、視覚的情報を増やすために入力量も増えそうなので、タグエディタやら支援サイトの利用が必須になりそう……。でも、画像をいちいち配置しなくてもボタンとか作れるのは結構、魅力なので色々と調べながら上手くやりたい。

最近は参考になりそうなサイトや支援サイトも増えているので、有効活用すればそれなりのサイトを構築できるはず。最初はフリーのテンプレートを流用して、そのうちにオリジナル性のあるサイトを作れたら……いいなぁ。

関連記事
スポンサーサイト

Newer Entry【Vimeo】ログイン後はどんな感じかというと……【画像あり】

Older Entry【テスト】テスト投稿。

Comments
 
HTML5は文書を記述するため(だけ)の言語ではありません。
WEBアプリケーションのプラットフォームとして作られた言語です。
JS、CSSがあってなんぼです。
XHTMLに似ていると言うよりも、XML宣言で書き始めてもいい、構造化を重視などその仕様を含んでいます。
 
Re: タイトルなし 
そうなんですよねぇ~。動的というかできることが多くなっているというか、入力支援系のエディタやサイトがないと、折角、HTML5でサイトを作っても旧態依然としたサイトになってしまいそう。(^_^;)
 


Trackbacks

 
02 2018
SUN MON TUE WED THU FRI SAT
- - - - 1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 - - -

01 03


 
 
Dream Tech ガールズ&パンツァー ダージリンKNIGHT バットマン™
Dream Tech ガールズ&パンツァー ダージリン パンツァージャケットVer. 1/8スケール PVC製 塗装済み完成品 フィギュア
 
注意事項

紹介されているフリーソフト、スクリプトをインストールするときは、フリーソフトの説明および注意事項を熟読し、自己責任においてご利用下さい。



記事:Amazonギフト券の期限など
特価情報:各ジャンル・タイムセール

 
メイドインアビス ナナチ NONスケール PVC製 塗装済み完成品フィギュア
メイドインアビス ナナチ NONスケール PVC製 塗装済み完成品フィギュア
 
オススメA

Nintendo Switch Joy-Con (L) ネオンブルー/ (R) ネオンレッド
Nintendo Switch Joy-Con (L) ネオンブルー/ (R) ネオンレッド


Oneplus 5T (A5010)6.01 inch 2000万画素 +1600万画素 デュアルレンズカメラ 6GB/64GB RAM CPU Snapdragon 835 LTE 4G+ sim フリー日本語対応
Oneplus 5T (A5010)6.01 inch 2000万画素 +1600万画素 デュアルレンズカメラ 6GB/64GB RAM CPU Snapdragon 835 LTE 4G+ sim フリー日本語対応


Anker PowerDrive 2 (24W/4.8A 2ポート USBカーチャージャー) iPhone、Android、IQOS対応 (ブラック)
Anker PowerDrive 2 (24W/4.8A 2ポート USBカーチャージャー) iPhone、Android、IQOS対応 (ブラック)


Bodyguard 自撮り棒 スマホ セルカ棒 Bluetoothリモコン ライトニング接続 兼用 三脚付 360度回転 iPhone/Android対応
Bodyguard 自撮り棒 スマホ セルカ棒 Bluetoothリモコン ライトニング接続 兼用 三脚付 360度回転 iPhone/Android対応



乃木坂46 衛藤美彩 写真集 話を聞こうか。 封入特典 特別付録 スペシャル ポストカード 水着
乃木坂46 衛藤美彩 写真集 話を聞こうか。 封入特典 特別付録 スペシャル ポストカード 水着


【Amazon.co.jp限定】Transcend microSDXCカード 64GB Class10 UHS-I対応 無期限保証 Nintendo Switch 動作確認済 TS64GUSDU1PE (FFP)
【Amazon.co.jp限定】Transcend microSDXCカード 64GB Class10 UHS-I対応 無期限保証 Nintendo Switch 動作確認済 TS64GUSDU1PE (FFP)


Anker ウルトラスリム Bluetooth ワイヤレスキーボード iOS/Android/Mac/Windows に対応 ブラック
Anker ウルトラスリム Bluetooth ワイヤレスキーボード iOS/Android/Mac/Windows に対応 ブラック


長濱ねる1st写真集 タイトル未定
長濱ねる1st写真集 タイトル未定


【国内正規品】密閉型 ゲーミングヘッドセット SteelSeries Arctis 5 Black 61443
【国内正規品】密閉型 ゲーミングヘッドセット SteelSeries Arctis 5 Black 61443


Elgato (エルガト) Game Capture 4K60 Pro ゲーム録画 4K対応 PS4 Pro・Xbox One Xに最適  【日本正規代理店品】
Elgato (エルガト) Game Capture 4K60 Pro ゲーム録画 4K対応 PS4 Pro・Xbox One Xに最適 【日本正規代理店品】


いつかできるから今日できる(Type C)(DVD付)
いつかできるから今日できる(Type C)(DVD付)


Kirklandカークランドシグネチャー ケトルチップス(ポテトチップス)907g×12袋
Kirklandカークランドシグネチャー ケトルチップス(ポテトチップス)907g×12袋


さんけい みにちゅあーとキット スタジオジブリシリーズ となりのトトロ トトロ ノンスケール ペーパークラフト MK07-19
さんけい みにちゅあーとキット スタジオジブリシリーズ となりのトトロ トトロ ノンスケール ペーパークラフト MK07-19


 
ブログ内検索
記事を探すときは、キーワードで検索をかけると速くて便利です。
 
初音ミクGTプロジェクト レーシングミク2016 TeamUKYO応援 ver.
figma 初音ミクGTプロジェクト レーシングミク2016 TeamUKYO応援 ver. ノンスケール ABS&PVC製 塗装済み可動フィギュア
 
 
 
ブログ内検索
記事を探すときは、キーワードで検索をかけると速くて便利です。
 
 
【2018年新春】動画編集にも3DCGにもゲームにも使える高コスパ自作PC構成
コスパの優秀な構成。ただし、メモリが高騰中なのが玉に瑕。メモリ価格の変動に注意。また、最近はGPUも価格変動大。

AMD CPU Ryzen7 1700 with WraithSpire 65W cooler AM4 YD1700BBAEBOX
AMD CPU Ryzen7 1700 with WraithSpire 65W cooler AM4 YD1700BBAEBOX

ASUS AMD X370搭載 マザーボード AM4 Socket対応  STRIX X370-F GAMING 【ATX】
ASUS AMD X370搭載 マザーボード AM4 Socket対応 STRIX X370-F GAMING 【ATX】

CORSAIR DDR4 メモリモジュール VENGEANCE LPX Series 8GB×2枚キット CMK16GX4M2B3200C16
CORSAIR DDR4 メモリモジュール VENGEANCE LPX Series 8GB×2枚キット CMK16GX4M2B3200C16

MSI GeForce GTX 1060 AERO ITX 6G OC グラフィックスボード VD6307
MSI GeForce GTX 1060 AERO ITX 6G OC グラフィックスボード VD6307

WD SSD 内蔵SSD M.2 512GB WD Black / PCIe Gen3 NVMe 8Gbs / 5年保証 / WDS512G1X0C
WD SSD 内蔵SSD M.2 512GB WD Black / PCIe Gen3 NVMe 8Gbs / 5年保証 / WDS512G1X0C

【Amazon.co.jp限定】WD HDD 内蔵ハードディスク 3.5インチ 4TB WD Blue WD40EZRZ/AFP2 SATA6Gb/s 5400rpm 2年6ヶ月保証 (FFP)
【Amazon.co.jp限定】WD HDD 内蔵ハードディスク 3.5インチ 4TB WD Blue WD40EZRZ/AFP2 SATA6Gb/s 5400rpm 2年6ヶ月保証 (FFP)

Corsair RM750x 80PLUS GOLD認証取得 750W静音電源ユニット PS594 CP-9020092-JP
Corsair RM750x 80PLUS GOLD認証取得 750W静音電源ユニット PS594 CP-9020092-JP

サイズ オリジナルCPUクーラー 虎徹 Mark II
サイズ オリジナルCPUクーラー 虎徹 Mark II

Pioneer パイオニア Windows10対応 BD-R 16倍速書込 S-ATA接続 ブラックトレー仕様 BD/DVD/CDライター ソフト無 バルク品 BDR-209BK2
Pioneer パイオニア Windows10対応 BD-R 16倍速書込 S-ATA接続 ブラックトレー仕様 BD/DVD/CDライター ソフト無 バルク品 BDR-209BK2

Fractal Design Define R6 - Blackout - Tempered glass ミドルタワー型PCケース CS7012 FD-CA-DEF-R6-BKO-TG
Fractal Design Define R6 - Blackout - Tempered glass ミドルタワー型PCケース CS7012 FD-CA-DEF-R6-BKO-TG

Acer モニター ディスプレイ ET322QKwmiipx 31.5インチ/VA/4K/DisplayPort v1.2/HDR Ready対応/AMD Free Sync/ 3年保証
Acer モニター ディスプレイ ET322QKwmiipx 31.5インチ/VA/4K/DisplayPort v1.2/HDR Ready対応/AMD Free Sync/ 3年保証

Razer Naga Hex V2 MOBA ゲーミングマウス 【正規保証品】  RZ01-01600100-R3A1
Razer Naga Hex V2 MOBA ゲーミングマウス 【正規保証品】 RZ01-01600100-R3A1

センチュリー バックライトLED機能搭載 CHERRYメカニカルキーボード 63キー/日本語配列 『BLACK QUEEN 茶軸』 CK-63CMB-BWJP1
センチュリー バックライトLED機能搭載 CHERRYメカニカルキーボード 63キー/日本語配列 『BLACK QUEEN 茶軸』 CK-63CMB-BWJP1

Microsoft Windows 10 Home Creators Update適用 32bit/64bit 日本語版 (最新) |オンラインコード版
Microsoft Windows 10 Home Creators Update適用 32bit/64bit 日本語版 (最新) |オンラインコード版

ドイツ Thermal Grizzly社製 オーバークロック用特別設計高性能熱伝導グリス Kryonaut 1g
ドイツ Thermal Grizzly社製 オーバークロック用特別設計高性能熱伝導グリス Kryonaut 1g



 
オススメのフリーソフト
■ブラウザ(お好みで。複数可)
Chrome
Firefox
Vivaldi
Sleipnir
Opera
■ファイアウォール(必須)
Comodo Internet Security
ZoneAlarm
Outpost Security Suite FREE
■アンチウィルスソフト(必須)
avast! 4 Home Edition
avira 無料版
AVG Anti-Virus Free Edition
■レジストリ保護&クリーナー(必須)
Spybot-S&D
CCleaner
■圧縮・解凍ソフト(必須)
Lhaplus
7-Zip
■オフィスソフト
OpenOffice.org
LibreOffice
Mery
TeraPad
■メーラー
Thunderbird
■オンライン・コミュニケーション・ツール
Open Live Writer
Skype
Windows Live メッセンジャー / MSN メッセンジャー
■Backup & PartitionEditor
AOMEI バックアップ、クローン、パーティション管理
EaseUS Todo Backup Free
EaseUS Partition Master
■コーデックパック(どちらか)
K-Lite Codec Pack
 
Combined Community Codec Pack
■各エンコーダ&デコーダ、スプリッタ(競合注意)
ffdshow
Xvid Codec
qaac Codec
x264vfw
Haali Media Splitter
LAV Splitter
webm
Google VP8 Video For Windows codec
■動画音楽再生プレーヤー(複数可)
MPC Home Cinema
GOM PLAYER
SMPlayer
VLC media player
■動画加工編集ソフト
Windows ムービー メーカー
Windows Media エンコーダ
MP4Cam2AVI
Any Video Converter フリー版
CamStudio
SEffect
x264vfw
AviUtl
AviUtlのプラグイン
MediaCoder
Nero AAC Codec
Avidemux.org
真空波動研 Lite
えこでこツール
XMedia Recode
■グラフィックソフト
Blender
Inkscape
GIMP
PlayMemories Home
FireAlpaca
■HTML&ブログ制作
ez-HTML
XnConvert(画像一括処理)
Open Live Writer
FFFTP
WinShot
Aptana | Studio
■AviUtl
AviUtlの基礎構成ファイルDL
■その他、色々と……
DataRecovery
CPU-Z
CrystalDiskMark
CrystalDiskInfo
 
 
QRコード
QRコード
 
プロフィール

(o・ω・o)

Author:(o・ω・o)
現在はAviUtl用の駄スクリプトを書いて配布中。使用は自己責任でお願いします。

 
 


ARCHIVE RSS