/

マークアップに関する記事一覧(149件)

HTMLやCSS、JavaScript、PHPなど様々な言語やライブラリに関する備忘録です。

objectの中身(キーと値)があるか判別する

JavaScript

Webフォント Noto Sans

html

inputのfocus時にplaceholderの値を非表示にする

CSS

inputのplaceholder(プレースホルダー)のテキスト色を変更する

CSS

overflowをautoにした要素のスクロール位置を変更する → scrollTop scrollLeft

JavaScript

配列のコピー

JavaScript

オブジェクト(object)の中身があるか判別する → Object.keys().length

JavaScript

文字列を読み上げる → Web Speech API / Speech Synthesis API

JavaScript

配列から値で判別して要素を削除する

JavaScript

配列をランダムシャッフルする

JavaScript

日本測地系←→世界測地系 変換

php

日本測地系←→世界測地系 変換

JavaScript

スクロール移動後や画面リサイズ後に処理をする

JavaScript

2点間の距離を取得する

JavaScript

実機のシミュレータ実行しようとしたら、突然エラー → App削除!

Swift

SNSボタンをリンクで設置する

php

touchendがAndroidで効かない?!

JavaScript

日本語が使える環境かPHPで判別する

php

連想配列(オブジェクトの値)の並び替え

JavaScript

dateで日時取得したら日本時間じゃない場合

php

History API を「あらためて」使ってみる

JavaScript

iframeの高さを自動調整する

JavaScript

JavaScriptで補色や反転色、RGBを取得する

JavaScript

パラメータ値が数字かどうか判別する

php

jQueryでformを操る【nameの値を取得する】

JavaScript

html5から見送りになりそうなタグ(2012年12月17日付け)

html

スマホでイベントをちゃんと認識するか確認

JavaScript

Geolocation API

JavaScript

History API を使ってみる

JavaScript

文字数を知る(javascriptでいうところのlength)→ mb_strlen

php

[連想配列]2つ以上のキーで並び替えをする

JavaScript

画面が縦向きか横向きかを知る

JavaScript

Lightbox 2 を使うための最小設定

ライブラリ

継承(擬似クラス型)

JavaScript

マルチカラムをCSS3で実装

CSS

文字列をオブジェクトに変換

JavaScript

スマホでマウスオーバー

JavaScript

localStorageでオブジェクトを格納する

JavaScript

デバイス別、クロスブラウザ別対応 - not useragent

JavaScript

html5の要素とコンテンツモデル

html

スマホでアドレスバーを非表示にする

JavaScript

スマートフォン用に最適化したサイトを作る際の<実践>最小マークアップ

html

offsetTopやらoffsetHeightやら

JavaScript

ファイル名を拡張子なしで取得するサンプル

JavaScript

ファイル名を拡張子なしで取得するサンプル

php

スクロールバーのカスタマイズ

JavaScript

html5でマークアップするときの最小設定

html

Javascriptでカレンダーを作ってみた

JavaScript

borderで背景画像を表示する border-image

CSS

text-shadowを極める

CSS

box-shadowを極める

CSS

スマートフォンでも使えるフォトスライド

ライブラリ

背景画像の拡大・縮小 → background-size !

CSS

IEでhtml5のタグを認識させるJavaScript

JavaScript

jQuery Mobileを使ったページ遷移時のトランジション

jQuery Mobile

jQuery Mobileを使った最小ソース

jQuery Mobile

ページ切り替え時のトランジション効果

html

Amazon Product Advertising API(署名入り)をアフィリエイトとして使う

php

携帯サイトのターゲット端末

mobile

floatとvertical-align? → display:table-cell; !

CSS

html拡張子でありながらphpを動作させる

php

maxlengthで指定されたテキストのlength

JavaScript

maxlength属性

html

JSONP Javascriptがちょっと分かってきた人のために

JavaScript

Ajaxに挑戦!

JavaScript

表示オブジェクト

ActionScript3

イベント処理

ActionScript3

フォーム、送信前にJavascriptで入力チェックを行う方法

JavaScript

selectタグの上にコンテンツを乗せる

html

RSS2.0 フォーマット

xml

よく使われるタグ要素(マークアップの基本)

html

DOMでswfファイルを呼び出す際の注意

JavaScript

適用されるCSS [CSS初心者向け]

CSS

JavaScriptでIEかどうかの判別

JavaScript

Javascriptでflash playerのバージョン判別

JavaScript

ブラウザ表示領域の上部(ヘッダー)と下部(フッター)を固定する

CSS

inputタグをコントロールする

html

IE7の拡大機能、仕様?バグ?

CSS

xsltとは?

xslt

Javascriptの歴史

JavaScript

動作確認

xslt

名前空間

xml

DOMトラブル:getAttribute('class')

JavaScript

DOMトラブル:getAttribute('href')

JavaScript

コンテンツを開いたり閉じたりする

JavaScript

期間を限定した表示 2

JavaScript

期間を限定した表示

JavaScript

リストとナビゲーション「横」編

CSS

リストとナビゲーション「縦」編

CSS

floatを利用した段組み例3

CSS

floatを利用した段組み例2

CSS

floatを利用した段組み例1

CSS

positionを利用した3段組み

CSS

positionを利用した2段組み

CSS

レイアウト全体を画面のセンターに設定する

CSS

デフォルトで設定すべき事項

CSS

line-heightとimgによるWinIEバグ

CSS

float段組みした場合のclear設定の方法

CSS

Googleにスニペットやキャッシュを非表示にさせる

html

クロスブラウザDynamicHTMLを作るには

JavaScript

DOMの値を取得・設定する方法

JavaScript

DOMの基本事項

JavaScript

変数のスコープ(領域)

JavaScript

JavaScriptで取り扱える型の種類

JavaScript

オブジェクト、関数、変数などに設定可能な名前

JavaScript

scriptを記述する際の注意事項

JavaScript

オブジェクト

JavaScript

コンテンツの量によってフッターの位置を変える

CSS

スタイルシートを変更する

JavaScript

XML Schemaサンプル

xml

XML Schemaの内容モデルをもっと詳細に取り決める

xml

XML Schema

xml

DTDを別ファイルにする

xml

妥当な文書サンプル

xml

妥当な文書

xml

文字参照を使用しない記述方法

xml

整形式文書

xml

xhtmlと同様のルール

xml

xmlの3つの魅力

xml

絶対URIと相対URLと相対パスの関係

html

<style><script>要素のコメントアウト

html

emを使ってpx感覚で操作する

CSS

tableのこと【CSS編】

CSS

font-family フォントファミリー

CSS

Internet Explorer 7対策

CSS

モジュール化の一案

html

strictに対応するためのiframe代替

html

ランダムに選択する

JavaScript

dlを使って、dtとddを横並びにする

CSS

高さをコントロールする

CSS

フォントサイズ

CSS

リキッドレイアウトで画像の背景に一工夫

CSS

「このページのトップへ」に動きをつける

JavaScript

xhtml strictで新規ウィンドウを開きたい場合

JavaScript

リスト「画像」とナビゲーション「横」編

CSS

ロールオーバーで画像を切り替える

CSS

背景やボーダーが意図した表示をしないとき

CSS

imgのvertical-align

CSS

idとクラス名

html

文字間

CSS

floatの使用上の注意

CSS

ブラウザによるwidthプロパティの解釈の違い

CSS

Windows/Mac IE version4の排除

CSS

Netscape version4の排除

html

MacIEだけを分離するハック

CSS

tableのこと【xhtml編】

html

新規ウィンドウをサイズ指定のセンター表示する

JavaScript

「/」から始まるパス指定

html

swfファイルをxhtml1.0 strictに取り組む記述

html

川上 武範(かわかみ たけのり)
1975年生。シンプルシンプルデザイン代表兼Webクリエイター。たびのとWebサイト運営責任者。

企画からサイト設計、正しいマークアップを意識したWebサイト制作やユーザー視点の情報設計を得意としている。

シンプルシンプルデザイン
たびのと
twitter : たけたけ@OnlyTwo

メディア掲載
2016年10月25日 レバテックフリーランスの記事「自作Webサービス記事紹介まとめ」でサイト内の記事「Webサービス「たびのとTOKYO」を作ってみました」を紹介していただきました。