[B! css][html] f503kkのブックマーク

読んだ内容まとめてLT会「インクルーシブHTML+CSS&JavaScript」

2018.10.11の「読んだ内容まとめてLT会」の発表資料です。

f503kk 2018/10/12

リンク

初心者向け！HTML/CSSのコーディング手順をイチからしっかりと。

初心者向け！HTML/CSSのコーディング手順をイチからしっかりと。HTMLやCSSの書き方を勉強してみたという初心者さんから、いざ自分でWebページを作っていくとなると、何から始めればいいのやら…？という声をよく耳にします。きちんと構成を考えてコーディングを始めないとレイアウト崩壊の危機…！今回は完成したデザインをHTML/CSSでコーディングしていく第一歩目の手順を紹介します。今回作る Web サイト例こんな感じの、よくあるヘッダー・メイン・サイド・フッターで構成された Web サイトを作っていく手順を考えていきましょう！ 1. ファイル、フォルダーを作るまずは必要なファイルとフォルダーを用意します。必要なファイルやフォルダーはその Web サイトによって変わりますが、基本的にはプロジェクトフォルダーの中に index.html、CSS を入れる「css」フォルダーと、その中に st

f503kk 2018/03/12

css
html

リンク

約700項目のHTML／スクリプト言語リファレンスを公開

日経LinuxとITproは、総計約700項目のHTML／スクリプト言語リファレンスを公開しました。「HTML」（295項目）、「CSS」（73項目）、「Dynamic HTML」（98項目）、「JavaScript」（295項目）、「Perl」（125項目）あわせて698項目。各項目にサンプルコードを掲載しており、コピーし貼り付けてすぐにお使いいただけます。JavaScriptは「この用例を実行する」という文字をクリックすれば、その場でサンプルコードを実行してみることもできます。ファンレンスを使いこなすための記事や、「JavaScript入門」「Perlの使い方入門」「CSSの基本」「Linuxコマンド道場」「シェル・スクリプト工房」といった入門記事もご用意しました。これらのリファレンスはここ2～3年かけて作成してきたものです。そのため一部に内容の古いものもありますが、順次更新してい

f503kk 2010/12/27

リンク

今風のウェブを作る際に使えるCSS/HTML/JSのテンプレ『Easy Front-End Framework』 - 100SHIKI 〜世界のアイデアを日替わりで

これはすごく便利。 Easy Front-End Frameworkは今風のウェブサイトを作る際に使えるテンプレートである。 HTML、CSS、Javascriptが全部含まれているので、見出しや本文、テーブルといったスタイルだけではなくて、Tooltipsや浮かび上がってくる画像なども簡単に作れる点が特徴である。テンプレ自体は英語で作られているが、日本語対応に改造するのもそれほど難しくはないだろう。仕事をするときに最も難しいのは「始める」ことである。こうしたテンプレを使ってウェブ作りをさっと始められると確かに便利ですね。