タグ

ブックマーク / tmlife.net (8)

  • CSS の border プロパティを使って見出しを装飾しよう – ちょい派手な見出し | TM Life

    CSS の border プロパティを使って見出しを装飾しよう』 第2弾!(第4弾まであります!!) 引き続き 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 サンプル サン

    CSS の border プロパティを使って見出しを装飾しよう – ちょい派手な見出し | TM Life
    hiroshi_revolution
    hiroshi_revolution 2012/10/12
    CSS の border プロパティを使って見出しを装飾しよう – ちょい派手な見出し | TM Life
  • CSS の border プロパティを使って見出しを装飾しよう – シンプルな見出し | TM Life

    CSS の border プロパティを使って見出しを装飾しよう』 第1弾!(第4弾まであります!!) シンプルな見出し←今ここ ちょい派手な見出し ド派手な見出し(近日公開予定) 超有名サイトの見出し(近日公開予定) CSS の border プロパティを使って見出しを装飾する方法について紹介します. シンプルな見出しです. 中見出しから小見出しを想定して作りました. CSS もシンプルなので簡単に使えます. 色については, 並べたときに見栄えするように hsl を使って色相を 60度ずつずらしていますが今回のエントリーとは無関係なので気にしないで下さい. Table of contents サンプル Header Type 01 Header Type 02 Header Type 03 Header Type 04 Header Type 05 Header Type 06 サンプル

    CSS の border プロパティを使って見出しを装飾しよう – シンプルな見出し | TM Life
    hiroshi_revolution
    hiroshi_revolution 2012/10/11
    CSS の border プロパティを使って見出しを装飾しよう – シンプルな見出し | TM Life
  • JavaScript で IE アクセス時のみブルースクリーンで警告を表示する tm.destroyie6.js を作ってみた | TM Life

    JavaScript で IE アクセス時のみブルースクリーンで警告を表示する tm.destroyie6.js を作ってみました. IE6 を一緒に撲滅しませんか? このスクリプトを使えば簡単に IE6 でアクセスした時のみ下の画像のような警告を出し, 他のブラウザのインストールを促します. ちなみに, デザインは開発者用に配布された Windows 8 のブルースクリーンを真似てます. Microsoft が作ったブラウザでアクセスした際に, Microsoft がデザインしたブルースクリーンで警告を出す. ん~皮肉感たっぷりなスクリプトですw DATA and DEMO いくつかデモを用意しました. IE 警告の他にも, 家ブルースクリーンのコピーや誕生日メッセージも作ってみました. Demo Download USAGE 使い方について FLOW 流れ tm.destroyie6

    JavaScript で IE アクセス時のみブルースクリーンで警告を表示する tm.destroyie6.js を作ってみた | TM Life
    hiroshi_revolution
    hiroshi_revolution 2012/09/29
    JavaScript で IE アクセス時のみブルースクリーンで警告を表示する tm.destroyie6.js を作ってみた | TM Life
  • Mac を買ったら真っ先にやる Dock 設定 | TM Life

    TM Life!!(ティーエム ライフ) 「Time is money」をモットーとしたサイトです. 主にプログラミングについて描いています.日国民全員プログラマ化計画進行中!! http://tmlife.io に引っ越しました. こちらでWebやプログラミングに関する情報をバンバン発信, 更新しているのでよかったら rss 登録していただけると幸いです.

    hiroshi_revolution
    hiroshi_revolution 2012/09/01
    Mac を買ったら真っ先にやる Dock 設定 | TM Life
  • 本日, JavaScript ライブラリ 『tmlib.js』と 10 個のサンプルを公開しました. | TM Life

    最近, JSX やら enchant.js やら arctic.js やらで JavaScript 界隈はすごく盛り上がっています. そんな中, 私自身も一石を投じようとJavaScript ライブラリ 『tmlib.js』を公開しました!! リニューアルって言った方が良いのかな? 実際には, 2年前に作っていたライブラリ 『tmlib』 を大幅に改良したものになります. 私一人でコツコツと作っていたものなのでクォリティは低めです. 誰か協力してくれー!! コンセプトは『JavaScript をより使いやすく, より便利に, そしてより豊かに』とざっくりとした感じ. やってることは 生成時に new がいらない class 定義の仕組みを作ってみたり jQuery ライクに DOM を扱えるようにしたり ajax 機能をサポートしてみたり HTML5 Canvas をラップして使いや

    hiroshi_revolution
    hiroshi_revolution 2012/06/06
    本日, JavaScript ライブラリ 『tmlib.js』と 10 個のサンプルを公開しました. | TM Life
  • 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 によるマークアップ部分です. ブログ記事用のマ

    HTML5 マークアップ入門 | TM Life
    hiroshi_revolution
    hiroshi_revolution 2012/05/22
    HTML5 マークアップ入門 | TM Life
  • CoffeeScript 入門! 怒濤の 100 サンプル!! | TM Life

    今まで CoffeeScript についてのエントリーを連投してきましたが とりあえずこのエントリーで一区切りつけようと思います. ちなみに今までに書いた CoffeeScript についてのエントリーはこんな感じです. node.js 不要! Windows でも簡単に CoffeeScript を使う方法 jsdo.it で CoffeeScript を使う方法 CoffeeScript 入門 基礎編 – CoffeeScript と JavaScript を 10個のサンプルで比較してみた CoffeeScript と gl.enchant.js を使って15分で 3D ゲームを作ってみた. 動画もあるよ♪ 今回は enchant.js で怒濤ったとき同様 CoffeeScript についても怒濤ってみました. プログラミングはを読むだけでは学んだとは言えません. 作ってナンボの世

    hiroshi_revolution
    hiroshi_revolution 2012/04/25
    CoffeeScript 入門! 怒濤の 100 サンプル!! | TM Life
  • CoffeeScript 入門 基礎編 – CoffeeScript と JavaScript を 10個のサンプルで比較してみた | TM Life

    またまた前回に引き続き CoffeeScript についてのエントリーです. 今回は以前書いた『JavaScript 入門 基礎編』で作ったサンプル 10 個を CoffeeScript で作り直してみました. CoffeeScript 版も JavaScript 版も, 全て jsdo.it にアップしているので コードを見比べてみると面白いかもしれません. { } } }{ { { }{ } } _____ __ __ }{ }{ { ) / ____| / _|/ _| .- { { } { }} -. | | ___ | |_| |_ ___ ___ ( ( } { } { } } ) | | / _ \| _| _/ _ \/ _ \ |`-..________ ..-'| | |___| (_) | | | || __/ __/ | | \_____\___/|_| |_| \

    hiroshi_revolution
    hiroshi_revolution 2012/04/13
    CoffeeScript 入門 基礎編 – CoffeeScript と JavaScript を 10個のサンプルで比較してみた | TM Life
  • 1