jquery.corner.jsを使って指定エリアを角丸にする方法｜DAD UNION – エンジニア同盟
jquery.corner.jsを使って指定エリアを角丸にする方法をご紹介します。 角丸はCSS（border-radius）で出来ますが、かなり昔はCSSで角丸が出来ず角丸の画像を使ってやってました。 今回はJavaScriptプラグインのjquery.corner.jsを使ってやってみました。 jquery.corner.jsを使って、指定エリアを角丸にするCSSの記述 ※3パターンのエリア（.clSample1、.clSample2、.clSample3）を用意しました。必要に応じて変更して下さい。 <style type="text/css"> <!-- body{ margin:0; padding:0; } h1{ font-size:16px; line-height:1.6em; text-align:center; padding:15px 0; font-weight:
jquery.screwdefaultbuttonsV2.jsを使ってカスタムされたラジオボタンやチェックボックスを表示する方法｜DAD UNION – エンジニア同盟
jquery.screwdefaultbuttonsV2.jsを使って、カスタムされたラジオボタンやチェックボックスを表示する方法をご紹介します。 ラジオボタンやチェックボックスをカスタムしたデザイン画像で表示してみます。 （まぁ、個人的にはデフォルトのものでイイじゃんって常々思うんですが） jquery.screwdefaultbuttonsV2.jsを使ったカスタムされたラジオボタンやチェックボックスを表示するJavaScriptの記述 ※jquery.min.js、jquery.screwdefaultbuttonsV2.jsファイルを読み込みます。カスタム対象を$(ラジオボタン).screwDefaultButtons({画像やサイズ})、$(チェックボックス).screwDefaultButtons({画像やサイズ})で設定します。 <script src="https://aj
「続きを読む」リンクの自動表示：readmore.jsを使った指定高さのコンテンツ制御方法｜DAD UNION – エンジニア同盟
ウェブページのデザインやUXを考慮する際、特定の高さを超えたコンテンツを折りたたむ「続きを読む…」という機能は非常に役立ちます。このような機能を実装するためのスクリプトとして「readmore.js」があります。 この記事では、このスクリプトを使用して指定した高さ以上のコンテンツエリアに自動で「続きを読む…」リンクを表示する方法について詳しく解説します。 readmore.jsを使った自動「続きを読む…」表示の設定 最初に必要なライブラリとして、jquery-1.9.0.min.js と readmore.js ファイルを読み込む必要があります。 以下のコードは、指定されたコンテンツエリア（今回の例では#info）が指定の高さ（250px）を超えた場合に「続きを読む…」リンクを表示するためのJavaScriptの設定です。 <script src="jquery-1.9.0.min.js"
iscroll.jsを使ってスマホサイトで上下固定バーを実装する方法｜DAD UNION – エンジニア同盟
JavaScriptのiscroll.jsを使って、スマホサイトでページ上下に固定バーを実装する方法をご紹介します。 ヘッダー（meta）の記述 <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black"> iscroll.jsで上下固定バーを実装するJavaScript記述例 ※iscroll.jsファイルを読
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
