JavaScript– category –
-
HTML+CSS
Windowsで始めるIonic
この記事はIonic Advent Calendar 2017の19日目のエントリーです。 HTML5でwebアプリ、Android、iOSのネイティブアプリを作成できるIonicは今注目のフレームワークです。面白そうな技術だと思って調べてみても、ターミナルを前提としたMacベースの記事が多... -
HTML+CSS
Sassより便利!?CSS変数を使ってみよう!
CSS Variablesによって、Sassを使わずともCSSで直接変数を扱えるようになりました。IE以外のモダンブラウザでは対応しているので、これからはCSS Variablesを使う場面が増えてくるかもしれません。Sassと違い、ブラウザ上でJavaScriptによる変数のコントロ... -
HTML+CSS
楽天RMS スマホサイトでiframeの高さを自動調整しよう
楽天市場へ出店しているEC店舗さんへ送る、iframeのheightの自動調整方法です。 楽天市場のスマホページと言えば、文字数と使用できるタグの制約が非常に厳しいですよね。楽天Goldでページを作成してiframeで全体を表示させるとしても、デバイスごとにifra... -
jQuery
簡単に楽天の商品ページへのリンクを作る
ネットショップの方は楽天goldと呼ばれる楽天市場のサーバースペースで商品の紹介ページを作ったり、はたまたアフィリエイターの方は楽天の商品ページへのリンクを貼ったりしておられるかと思います。 さて、そんな商品へのリンクページ、実はアフィリエイ... -
jQuery
スマホの時だけTELリンクを適用する
皆さんもスマホでサイトを見ているとき、電話番号をタップすると「電話をかける」というダイアログが出てきたことがあると思います。 これをHTMLで書くとこうなります。 これでテキストをタップすると電話をかけることができるようになります。 &nb... -
jQuery
【jQuery】レスポンシブサイトで悩まされるスマホ対応の注意点
単純にレスポンシブサイトを作る際、cssのみで振り分けるだけならブラウザが勝手に処理してくれますが、javascriptで何らかの処理を行っていると、案外面倒なことになるなということで、ちょっとメモ書きです。 一般的な横幅で内容が変わるサイトの... -
jQuery
レスポンシブで画像置換
画像置換…HTML文書内にテキストを残したまま、表示は画像にするというテクニックです。 テキストは入れたいがデザイン上の装飾を優先させたいという場合に非常に有効ですが、「HTML上の文書を表示させない」という手法はグレーゾーンであり、Google先生の... -
JavaScript
Javascriptでサーバーの時間を取得
Javascriptで簡単なタイマーをセットしたいという要望があったので、シンプルに作りました。 内容: セットした時間になったら画像が差し替わるようにしたい。 ただし、phpを使えないのでJavascriptで正確な時間を取得する必要がある。 一般的にphpではサ... -
JavaScript
ネコでも分かるjQuery その1
【前置き】 jQeryが浸透して久しいですが、モバイル端末からのFlashの駆逐、HTML5とモバイル端末との親和性により、JavaScriptは必要不可欠の技術となったと思います。 ちなみに僕が昔勉強していたXHTMLの時代には、JavaScriptよりもFlashの方がクロスブラ...
1