Clik here to view.
CSSで角を丸くするborder-radiusの使い方
CSS3のborder-radiusプロパティを使用すると、今までは画像でしか表現できなかった丸角が簡単に作れるようになりました。 今回はこの「border-radiusプロパティ」の仕様と使い方を紹介します。 border-radiusの使い方 border-radiusの仕様と使い方 border-radiusを使ったサンプル border-radiusの仕様と使い方...
View ArticlejavascriptとjQueryの存在チェックの方法
javascript/jQueryのチェック方法はいくつかあります。 いろいろな方法でチェックできるため、どういう方法でチェックすれば最も簡単で確実なのかがいまいち不明だったのでチェック方法を調査してみました。。また、nullやundefinedの違いなど曖昧になっていることも一緒に調査したのでご紹介します。 javascriptとjQueryの存在チェック nullとundefinedの違い...
View Article擬似ウィンドウを作成するjQuery
ウィンドウ内に自分で定義した擬似ウィンドウを表示するjQueryを作成しましたので紹介します。 jquery.funcHoverDiv.jsという名前でプラグイン化しましたので良ければ使用してみて下さい 動作確認済み環境 jQuery 2.0.3 Internet Explorer 10 / 11 Google Chrome 43.0 擬似ウィンドウを作成するjQuery...
View Articleドラッグで要素をリサイズするjQuery
chromeではtextareaのリサイズがデフォルトで出来るようになっていますが、IEではその機能には対応されていないため自作のプラグインで対応できるようにしてみました。 textareaの他にもdivタグなどのHTML要素であれば、何でもリサイズが可能です。 今回は、このjQueryプラグイン「jquery.funcResizeBox.js」の使い方とソースコードを紹介します。 動作確認済み環境...
View ArticleClik here to view.
jQueryで要素の長さと位置情報を取得する方法
前にjQueryで要素の位置情報を取得した時に位置のズレで嵌ってしまったので、長さと位置情報の取得方法をまとめてみました。 jQueryで要素の長さと位置情報を取得する方法について、実際のスクリプトを交えて紹介します。 jQueryで要素の長さと位置情報を取得する方法 要素の長さを取得する方法 位置情報を取得する方法 要素の長さを取得する方法 横幅を取得 width() ： width...
View ArticleClik here to view.
facebookやtwitterなどSNSのオリジナルアイコンを作成する方法
facebookやtwitterなどSNSのオリジナルアイコンを作成する方法 FaceBookやTwitterなどのSNSでは、貼り付け用のボタンを用意してくれていますが、デザインが合わずサイトの雰囲気が崩れてしまうことがあります。 今回はどんなサイトにでもマッチするようにCSSでデザインを変更できるアイコンフォントを利用してSNSアイコンを作成する手順を紹介します。 オリジナルアイコンの作成方法...
View ArticleClik here to view.
twitterのツイートボタンを設置する方法
twitterのツイートボタンをWebサイトに設置する方法を紹介します。 WordPressを利用している方は、プラグインTweet, Like, Google +1 and Shareで設置することも可能です。 ツイートボタンを設置する方法 ツイートボタンの設置方法 ツイートボタンのプロパティ ツイートボタンのジェネレータを利用する 独自アイコンを利用する場合 ツイートボタンの設置方法...
View ArticleClik here to view.
facebookのいいねボタンを設置する方法
facebookのいいねボタンをWebサイトに設置する方法を紹介します。 WordPressを利用している方は、プラグインTweet, Like, Google +1 and Shareで設置することも可能です。 いいねボタンを設置する方法 いいねボタンの設置方法 いいねボタンのプロパティ いいねボタンのジェネレータを利用する 独自アイコンを利用する場合 いいねボタン設置の方法...
View ArticleClik here to view.
LINEの送るボタンを設置する方法
LINEの送るボタンをWebサイトに設置する方法を紹介します。 送るボタンを設置する方法 送るボタンの設置方法 独自アイコンを利用する場合 送るボタンの設置方法 LINEの送るボタンを作成するときはhttps://media.line.me/howto/ja/にアクセスし設置するボタンを選択します。 後は、コードをコピーして貼り付けるだけで完了です。...
View ArticleClik here to view.
pocketボタンを設置する方法
pocketボタンをWebサイトに設置する方法を紹介します。 pocketボタンを設置する方法 pocketボタンの設置方法 独自アイコンを利用する場合 pocketボタンの設置方法 pocketボタンを作成するときはhttp://getpocket.com/publisher/buttonにアクセスし設置するボタンを選択します。 Code <a...
View Article
