jQueryHTMLのsvgタグとJavaScriptで円グラフの画像をつくる
HTMLのsvgタグとJavaScriptをつかって、svgタグ内に円グラフの画像を作成してみます。 php/DBと連動することで、パーセンテージを変更できて円グラフも自動で変更が反映されるようにします。 js関連記...
画像
jQuery
jQueryHTMLのcanvasタグとJavaScriptで円グラフの画像をつくる
HTMLのcanvasタグとJavaScriptをつかって、canvasタグ内に円グラフの画像を作成してみます。 php/DBと連動することで、パーセンテージを変更できて円グラフも自動で変更が反映されるようにします。 ...
jQuerybxSliderをカルーセルやコンテンツスライダーなど便利なサンプル5種
レスポンシブ対応の便利なjQueryプラグイン「jquery.bxslider.js」のbxSliderをカルーセルや、コンテンツスライダーなど、デザインサンプル5種を作りました。 bxSliderの基本的な使い方は下...
PhotoshopChromeでSVGの画像が表示されない場合の対処法
SVG画像が、PCのGoogle Chromeで表示されず、iPhoneのsafariでは表示される現象の対処法についてです。 画像関連記事 SVG画像の表示されない現象 動作確認をしていた時にim...
PhotoshopPhotoshopで「別名で保存」でPDFへ出力ができないときに確認すること
今まで普通に出来てた、フォトショップで「別名で保存」からPDFやJPEGやPNGに保存ができないときに確認すること 画像関連記事 「別名で保存」で出力拡張子のリストにPDFがない 「別名で保存」...
jQueryjQueryでinput[type=”file”]で画像アップロード時にプレビューを表示する
inputで画像アップロードするときに、jQueryで選択された画像をプレビューで表示するやり方です。画像選択画面で「キャンセル」を押された場合にも、添付されているか確認してプレビューのオンオフ処理する方法。 また、フ...
phpスマホで撮った写真を正しい方向に補正するphp
iPhoneで撮った写真をアップロードするときにExif情報を読み取って正しい方向に補正するphp php関連記事 iPhoneはExif情報を判別して一覧表示している iPhone上では正...
jQuery【Wowma!Plus】jQueryで画像管理に登録した商品画像を呼び出せないときの対処法
Wowma!Plus内でjQueryを使って画像管理に登録した商品画像を呼び出せないときの対処法のメモ jQuery関連記事 起きた現象 jQueryで該当商品のリストを画像と一緒に書き出すとき、マニュ...
csscssのkeyframesで画像に動きや変化のアニメーションをつけるサンプル7種類
cssのkeyframesをつかって、要素や画像に対して、ふわふわ上下・左右に移動する動きや、ゆらゆら揺れる動き、ゆっくりズームするなどのアニメーション・動きをつけるサンプルを7種類紹介します。 今回は、画像にアニメーションを...
WordPress【WordPress】アイキャッチ画像のURLのみ取得して属性やクラスなどを自由にカスタムする
WordPressのthe_post_thumbnail('large')でアイキャッチ画像を表示させると、imgタグごとの生成されてしまうのでURLのみ取得してsrc属性に入れて自由にカスタムする場合の書き方 ...