サクサク読めて、アプリ限定の機能も多数！
トップへ戻る
猫
web-dou.com
「修飾子」に関するSmarty修飾子・関数を紹介。
CSSコード .fbox { position: relative; display:inline-block; padding:10px ; text-align:left; background-color:#ffffff; margin: 5px 5px 5px 10px; border-radius: 5px ; } .fbox:after, .fbox:before { content: ""; position: absolute; height: 0; width: 0; } .fbox:after { top: 5px; left: -20px; border: 10px solid transparent; border-right: 15px solid #ffffff; /*13px*/ } .fbox:before { top: 5px; left: -20px;
HTMLでの特殊文字を紹介。
円を描画するサンプルソースと解説(Android) android.graphicsパッケージの Canvasクラスを使用します。 Canvas.drawCircle()で中心点の座標と半径を指定し円を描画します。 色・塗りつぶしなどは Paintインスタンスに設定します。 package jp.mediawing.android.test; import android.app.Activity; import android.content.Context; import android.graphics.Canvas; import android.graphics.Color; import android.graphics.Paint; import android.os.Bundle; import android.view.View; public class TestAct
スマートフォンサイトの制作 スマートフォンサイトの基本的なサンプルソース まずは以下のHTMLソースを見て下さい。通常のHTMLとかわりませんが、viewport～といった見慣れない設定があるぐらいだと思います。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>タイトルです</title> <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=yes" /> </head> <body> <h1>スマートフォンサイトテスト</h1> <p>初めてのスマートフォン向けサイトです</p> </body> </html> <!DOCTYPE html> とは？ <!DOCTYPE html> と
特殊文字とは、例えば <a href> とHTMLで表示したい場合は <a href> と記述しなければタグと解釈されてしまい上手く表示されません。他にも hoge=123&hoge2=456 のようなURLのパラメータの一部である & ははXHTMLでは & と記述するルールになっています。そこで以下の表にHTMLで良く使われる特殊文字を紹介します。
DIVタグとSPANタグ <div>タグはブロック要素、<span>タグはインライン要素と言いますが、 どちらもタグとしての機能は空っぽに近いタグです。HTMLだけでは使う事のないタグですが、スタイルシートでデザインやレイアウトを行う場合は、とても最も活躍するタグです。 ブロック要素とインライン要素の違い
.htpasswdのパスワード生成ツール JANコード整合性チェックツール 偏差値と順位の算出ツール 借入・ローン計算ツール HTML・CSS文法チェック Another HTML-lint gateway・・・日本語対応のHTMLチェッカー。より正確なHTMLを記述したい場合などに重宝します。 W3C HTMLチェッカー・・・W3Cが提供するHTMLチェッカー。英語のみ対応。とりあえず文法エラーを無くしたい場合などに。 W3C CSSチェッカー W3C モバイル用チェッカー
HTML、CSS、PHPなどのWEB技術を解説。各種関数リファレンスや使用例も。
あいうえおかきくけこさしすせそ あいうえおかきくけこさしすせそ あいうえおかきくけこさしすせそ あいうえおかきくけこさしすせそ 見出しサンプル あいうえおかきくけこさしすせそ あいうえおかきくけこさしすせそ あいうえおかきくけこさしすせそ あいうえおかきくけこさしすせそ あいうえおかきくけこ あいうえおかきくけこさしすせそ あいうえおかきくけこさしすせそ あいうえおかきくけこさしすせそ あいうえおかきくけこさしすせそ CSSコード .sample2 { position: relative; color: #ffffff ; background: #000000; font-size: 16pt ; line-height: 1; margin: 20px -10px 20px -10px; padding: 10px 5px 10px 20px; box-shadow:1px 3px
HTML <a href="http://tabimame.com/tb/38/?page=10" target="_blank" title="嵯峨野竹林"> <img src="/sample/img/sample3.jpg" alt="嵯峨野竹林" width="200" height="113" /> </a> <p"> <a href="http://tabimame.com/tb/38/?page=10" target="_blank" title="嵯峨野竹林">京都嵯峨野にある竹林</a> </p> CSS .img_box { position:relative; display:block; margin:0; padding:0; } .img_box img { z-index:0; margin:0; padding:0; } .img_box a { color
ボックスにリンクを設定 以下の例のようにボックスをマウスオーバーした際に、文字だけでなくボックス全体にリンクを貼る方法を紹介します。 かきくけこ ボックス全体がリンクになります。 ポイントは <A><DIV>～</DIV></A> の構造にせずに。 <A><SPAN>～</SPAN></A>にし、本来インライン要素であるSPANをスタイルシート上でボックス要素に(display:block;)します。 理由としては、<A>～</A>タグの中に<DIV>などのブロック要素を基本的に入れないように注意して下さい。 // spanをdisplay:block;でブロック要素にします .span2box { background-color:white; display:block; border:1px solid gray; padding:5px; margin:5px; } // リンクの
word-break, word-wrap, white-space の動作例 以下のソースの●●●:△△△ に word-break:△△△, word-wrap:△△△, white-space:△△△ などを代入した実験結果です。 <div style="background-color:#ddeeff;width:250px;●●●:△△△;"> 日本三大夜景の一つ。摩耶山(まやさん)標高700mからの掬星台の夜景。"手で星を掬（すく）える"ほどの絶景の夜景が遠くまで広がっていることが名前の由来にもなっており、神戸・大阪の夜景が遠くまで広がる。abcdefghijklmnopqrstuvwxyz0123456789abcdefghijklmnopqrstuvwxyz0123456789 abcdefg hijklmn opqrstu vwxyz 012 345 6789 abcde
連想配列とは？ 通常の配列の場合、$v[0],$[1]～のように数字を添字にしますが、連想配列の場合は添字を文字列にすることができ、 たとえば、リンゴ 5個、オレンジ 4個 の場合 $v[0]=5 や $v[1]=4 とするよりも $v["apple"] = 5, $v["orange"] = 4 のほうが読みやすく、また活用の幅が広がります。 特に PHP のような WEBや文字列を多く扱うプログラミング言語では連想配列は必ず覚えておきたい事項です。
dl.sample4 dd { margin-left:5px; padding:5px; background-color:#ddeeff; } <dl> <dt>あ行</dt> <dd>あいうえお</dd> <dt>か行・さ行</dt> <dd>かきくけこ</dd> <dd>さしすせそ</dd> </dl> dl.sample { border-bottom:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; background-color:#ddeeff; margint:5px; } dl.sample dt { float:left; clear: left; width:100px; font-weight:bold; background-color:#ddeeff; border
スワイプのサンプルソースと解説(Android) 指を横に滑らすことでページ遷移を行うスワイプの実装方法を解説します。 ここでは3ページ移動するアプリのサンプルです。 ソース「 /src/jp.mediawing.android.test/MainActivity.java 」 package jp.mediawing.android.pwcamera2; import android.app.Activity; import android.content.Context; import android.os.Bundle; import android.support.v4.view.PagerAdapter; import android.support.v4.view.ViewPager; import android.view.LayoutInflater; import and
AndroidでFFT(高速フーリエ変換) Android sdk にはフーリエ変換のライブラリが標準で(API Level 9 より android.media.audiofx.Visualizer)ついています。 また、apache.common.mathなどの数学ライブラリも有名でよく使用されています。フーリエ変換の説明は割愛しますが、FFT(高速フーリエ変換)はデータの個数を2のべき乗にすることで高速化を実現するアルゴリズムで音声・画像・信号処理に多く用いられます。 Java 以外では フリーソフトウェアの中ではもっとも高速といわれるFFTWが特に有名です。 Parallel Colt Parallel Colt とは、CERN(欧州原子核研究機構)Colt Project で開発されたJavaによる科学技術計算のためのライブラリをマルチスレッド化したもの。データ解析、線形代数、多
文章がブロックからはみ出す理由 ボックスから文字がはみ出してしまう事があります。主な理由は、英文の場合に単語と単語の間のスペースが空いていない場合に置きます。 具体的には 長い URL や メールアドレス などで頻繁におきる現象です。その実例と対処方法を紹介します。 ボックスからURLがはみ出す例 .box_test1 { width:100px; border:1px solid #ccc; background-color:#ddeeff; } HTML <div class="box_test1"> ①あいうえおかきくけこさしすせそたちつてと </div> <div class="box_test1"> ②one two three four five six seven eight nine ten </div> <div class="box_test1"> ③http://ag
EXCEL⇒HTMLのテーブル変換ツール HTMLの特殊文字変換ツール EXCELからHTMLのテーブルに変換します EXCELの表をコピーしてTABLEタグに変換します。(変換内容はタブ文字がTD、改行がTR となります)
このページを最初にブックマークしてみませんか？
『WEB道-WEB技術の辞書・解説・使用例』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
