jQuery レスポンシブデザイン jQueryを使ってレスポンシブなデザインを組む時の代表的なプラグインの紹介です。 一般的にはグリッドレイアウトなどと言われており、ブラウザの横幅によって... 2019-07-30 21:45:18
SVG 円のサンプル SVGを使って円や楕円を作ります。SVGでは円の作り方は複数あって、用途によって使い分けるとよいと思います。 まずは単純な円を作るcircleタグ。... 2019-08-02 23:46:55
SVG ひし形のサンプル SVGでひし形、ダイヤを描くサンプルを紹介します。箇条書きやアイキャッチによく使われますが、画像をいちいち作るのは面倒です。SVGにもひし形を簡単に描けるよ... 2019-07-30 21:41:30
CSS positonのabsoluteとrelative cssのpositionのabsoluteやrelativeはよく使うわりに、使わないと忘れて混同しがちです。 staticはデフォルト値で、fixedはインパクトが強くて忘れないし、ど... 2019-08-07 16:59:43
PHP 単語の分解 形態素解析を既存のどこかが提供しているAPIで利用することは、意外と制約があり、実装が面倒なときがあります。そんな時に気軽に単語の分解程度として使えるも... 2019-08-07 16:51:20
SVG 手作りアイコン SVGを使うと、HTML上にパス情報を直に書いて、絵を描くことができます。 基本的にはイラストレーターなどの画像編集ソフトで描画し、書き出す際にSVGとして書... 2019-08-02 23:41:01
JS ブラウザのURLを書き換える JavaScriptを使ってURLを書き換えます。 jQueryで実行するボタンを作り、下記の一行を書くだけで簡単に実装できます。 $(document).ready(function(){ $('#demo_btn1').click(function() {... 2019-07-28 15:45:35
AngularJS bindについて AngularJSのbindとは以下のようにhtmlのエレメントの値を書き込むことをさします。 [[<p>{{myData.text}}</p>]] 同様の表現で以下の書き方も... 2019-08-07 16:40:27
SVG 四角形のサンプル SVGで四角形、正方形、長方形を描くときのサンプルを紹介します。 rectタグが用意されており、簡単にかけます。 [[<svg width="120&quo... 2019-08-02 23:28:24
Mac Apacheの起動 Macで標準で搭載しているApacheの起動と停止についていつもわすれるのでメモ書きをしておきます。 ターミナルを立ち上げて起動 [[sudo apachectl start]]... 2019-08-07 16:36:35