定番
履歴

新着記事一覧

2ページ目  11~20
  • CSS3 flexを使った配置1(横の位置)
  • flexを使ってfloatのような配置を実装します。CSS3より追加されたflexのサンプルです。 flexという言葉の通りこれがあればレイアウトをうまいことやってくれるのでfloatやmarginで悩むことが減りそうです。 まず、わかりやすいように親子関係の入れ子の箱のスタイルを用意しました。 .demo_box{ background: #AAA; height: 160px; margin:0 0 10px;
  • 2018-09-02 01:16:12
  • JS タップ圧力(感圧)検知
  • スマホやタブレットなどでは、タップした圧力を検知し、操作するシーンが増えてきました。JavaScriptで圧力を数値化する関数が用意されているので、実装してみました。画面をグッと押し込むと発動するサンプルです。 このサンプルはスマホやタブレットなどのタップの圧力を検知できる端末で参照してください。 #press_area{ width:100px; height:100px; background-color:red; color:#FFF; line-height:50px; text-align:center; use
  • 2018-08-09 19:09:19
  • smarty 中括弧を使う場合
  • smartyの構文の中で{}を使う時に使うエスケープの方法。smartyの関数は {} のような中括弧で書かれるため、中括弧自体を記述するときは、エスケープする必要があります。 複数の行をで中括弧を記述する場合はこちら。 {literal} この間は中括弧を使ってもエスケープされます。 {/literal} 以下の記述をすると中括弧直接記述することができます。 {ldelim}サンプル{rdelim} Java
  • 2018-07-02 22:25:22
  • JS テキストエリア文字挿入
  • textareaタグ内でカーソルを合わせ、ボタンを押すと特定の文字が入るサンプルです。テキストの入力で定型文を使うときに、パソコンの予測変換などを使いますが、同じように入力を手助けする機能の一案を紹介します。 挨拶や署名などがよくありますが、入力が煩わしい文字や、忘れやすいタグなどに重宝します。 このエリアをクリックして、カーソルを移動してください。 下のボタンを押すと、指定した文字列が、カーソルの位置に挿入されます。 改行タグ 改行タグ(改行
  • 2018-06-24 04:31:14

© 2018 kipure
Top