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