jsdo.it が SCSS と LESS をサポート!! サンプルもあるよん♪ | TM Life
つい先日『jsdo.it が JSX と CoffeeScript をサポート!!』という記事を書きました. 「JSX や CoffeeScript がサポートできるんだったら Sass や LESS もサポートできんじゃね？」っと思っていたら 速攻でサポートしてくれてました!! 面白法人カヤックさんによる公式解説はこちら. ということでちょっと期間が空いちゃいましたが, 紹介します. Table of contents SCSS や LESS って何？ jsdo.it で SCSS や LESS を使ってみよう Example SCSS や LESS って何？ jsdo.it 上での使い方の紹介の前に SCSSって? LESSって?? って方の為にすこし説明します. SCSS や LESS とは, CSS をより楽に効率良く記述するための仕組み(言語?メタ言語??)です. どちらも変数を
CSS の border プロパティを使って見出しを装飾しよう – ちょい派手な見出し | TM Life
『CSS の border プロパティを使って見出しを装飾しよう』 第２弾!(第４弾まであります!!) 引き続き CSS の border プロパティを使って見出しを装飾する方法について紹介します. ちょい派手な見出しです. シンプルな見出しです. 大見出しから中見出しを想定して作りました. 色については, 並べたときに見栄えするように hsl を使って色相を 60度ずつずらしていますが今回のエントリーとは無関係なので気にしないで下さい. シンプルな見出し ちょい派手な見出し←今ここ ド派手な見出し(近日公開予定) 超有名サイトの見出し(近日公開予定) Table of contents サンプル Header Type 01 Header Type 02 Header Type 03 Header Type 04 Header Type 05 Header Type 06 サンプル サン
HTML のタグを一度覚えたら一生忘れないようにするためのコツ | TM Life
IT の世界は, よく省略名が使われます. そもそも IT ってのが Information Tecnorogy の略ですしねw HTML(HyperText Markup Language) も例外ではありません. HTML で使われるタグは, ほぼ省略形で記述します. 例えばテーブル. テーブル系の要素は tr, th, td ってのがありますね. これらの要素を単純にそのまま覚えてしまうとふとコーディングをするときに最初に書くのって tr だっけ？ td だっけ?? 中に書くのは th だっけ? tr だっけ?? なんてことになります. HTML 学びたてのかたは経験したことがあるのではないでしょうか？ そこで今回は, HTML のタグを一度覚えたら一生忘れないようにするためのコツを紹介します. 紹介するコツをマスターすればそんなことは一切なくなります. コツといってもやりかたは簡単
HTML5 でコーディングしてみよう! | TM Life
※ phiary に引っ越しました. 毎日プログラミングやWebに関する情報を発信しています! RSS 登録してたまに覗いたり, tweet やハテブして拡散してもらえると幸いです. HTML5 によるコーディングについてまとめました. ちなみにこのサイトもずっと HTML5 で書いてたりします. あらたに追加された要素の使い方や, CSS3 による段組レイアウトの例も書いてみました. HTML5 テンプレート HTML5 の基本となる部分です. ドキュメントタイプや文字コーディングの指定がシンプルになっています. デモはこちら <!DOCTYPE html> <html> <head> <meta charset=UTF-8> <title>HTML5 コーディング</title> <style> /* ここに CSS を書く */ </style> <script> /* ここに Ja
HTML5 マークアップ入門 | TM Life
これらの要素を使うことで, 人間の目にもクローラにもやさしいコーディングができます. 注意点 注意することが一つあります. それは, やみくもに div を section や article, aside に置き換えてはいけないということです. html5doctorに以下の一文があります. Don’t use it unless there is naturally a heading at the start of the section セクションの始まりに見出し(h1~h6)を自然に入れられない場合は使わないでください 的なことが書かれています. この点だけ注意してください. HTML5 マークアップの例 HTML5 マークアップの例です. jsdo.it で作ったサンプルの内容になります. HTML5 マークアップ部分 HTML5 によるマークアップ部分です. ブログ記事用のマ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Unity Free をインストールしよう! 簡単だよ♪ | TM Life
Mac の Finder で隠しファイルを表示しよう | TM Life
Mac を買ったら真っ先にやる Dock 設定 | TM Life