jQuery LightBox Pluginの使用方法をご紹介しています。 Lightbox2は別ウィンドウ（ポップアップ）ではなく、ウィンドウ内で画像や写真などをモーダルウィンドウとして表示するJavaScriptライブラリです。 jQuery LightBox PluginはjQuery版のLightBoxです。 ※ 公式サイトがリンク切れとなったため、公式サイトとダウンロードへのリンクは削除いたしました。 ※ このライブラリは、jQueryが別途必要です。 目次 ダウンロードと設置 JavaScriptおよびCSSの読み込み 適用方法 キャプション オプション ダウンロードと設置 解凍後、css、images、jsディレクトリを適用するファイルと同じディレクトリに設置します。 なお、異なる階層で共通して使用する場合、オプションで設定変更が可能です。 JavaScriptとCSSの読み
HTML5/CSS3のニュースやTIPSなどのまとめ (2012年4月20日) CSS3で作られた、飛び出す絵本のような「Beercamp 2012」 CSS3のドロップシャドウジェネレータ「CSS3 Drop Shadows Generator」 CSS3グラデーションが作成できるMac用アプリ「Gradiator」 CSS3 3Dを使った要素を紙のように折りたたむデモ CSS3だけで描かれたMacBookとiMac CSS3のグラデーションボタン作成ツール「Grad3」 CSS3のTIPSなどのまとめ (2012/3/27) CSS3で作られた、シンプルなデザインのボタンやフォームのUI「CSS3 UI Kit」 CSS3で作られた、もの凄くリアルな雲「CSS3D Clouds」 CSS3で本のページめくりのエフェクトを実現する「turn.js」 CSS3で作られた、3Dアニメーション
最短2分で！ WordPressサイトを公開 コントロールパネル（操作画面）から最短2分で、WordPressなどのサイト制作用アプリケーションがインストールできます。お申し込み後すぐ、ホームページを開設することも可能です。 ホームページ制作をプロにお任せ！ ホームページ制作サービス 「独力でホームページが作れるか不安…」「高クオリティのWebサイトを作成したい！」そんな方もご安心ください。効果的なWebサイト制作からサーバーの設定まで、お客様の成功をサポートします。 Web制作・サーバー設定パートナー WordPressサイトが速い！ 国内最速級の 高性能サーバー ページ表示速度は、SEOの観点からサイトの集客にも影響するため重要です。超高速新サーバーで、WordPressなどのCMSが快適に動くWebサイトが作れます。 もしもの時も安心！ 自動バックアップ テスト環境も標準装備 万が一
IE6/7/8でもCSS3の角丸、ボックスシャドウ、グラデーション、マルチバックグランドなどを使えるようにするbehaviorスクリプトを紹介します。
HTML5、使ってますか？ このサイトも未なのですが、これからHTML5を使い始めるぞっとなる10の理由を紹介します。 Top 10 Reasons to Use HTML5 Right Now [ad#ad-2] 下記は各ポイントを意訳したものです。 10. アクセシビリティ 9. ビデオとオーディオのサポート 8. Doctype 7. よりクリアなコード 6. ストレージ 5. インタラクション 4. ゲームの開発 3. 古いブラウザのサポート 2. スマートフォンへの対応 1. これからはHTML5 10. アクセシビリティ HTML5は「セマンティック」「ARIA」の2つの理由でサイトをアクセシブルにします。header, footer, nav, section, adiseなどのような要素はスクリーンリーダーにもコンテンツに容易にアクセス可能なようにします。また要素にrole
商用でも無料で利用できる、ピクセルベースのPhotoshop用のパターン素材を紹介します。 パターンはすべてシームレス用に作られています。
ボタンのフォントとカラーをセットし、下線を消します。 .buttonText { font: 18px/1.5 Helvetica, Arial, sans-serif; color: #fff; } a { color: #fff; text-decoration: none; } [ad#ad-2] 実装：アニメーションでボタンのサイズを変更 ボタンのサイズをアニメーションで変更します。 デモページ: demo 1 CSS:Basic ボタンに「display:block;」でブロック要素にし、ボタンの基本となるスタイルをセットします。 #button1 { background: #6292c2; border: 2px solid #eee; height: 28px; width: 115px; margin: 50px 0 0 50px; padding: 0 0 0 7px;
IEでも滑らかで快適に動作するスライダーを簡単に実装できるjQueryのプラグインを紹介します。 実装にかかる時間は2分くらいでしょうか。 Flow Slider [ad#ad-2] Flow Sliderの特徴 Flow Sliderのデモ Flow Sliderの実装 Flow Sliderの特徴 滑らかなアニメーションで動作します。 実装は簡単で少しのコピペでok。 ベースとなるスタイルシートは用意済み。 クロスブラウザ対応。 対応ブラウザ Firefox Safari Chrome IE Opera9 Flow Sliderのデモ デモではサイトのトップにあるベーシックなスライダーと、本棚に並べたようなスライダーがあります。 スライダーの操作はマウスホバーで、左右の端ほど素早くスライドします。 Flow Slider: Example グリーンのボタン「Buy Book」をクリック
Adobe Expressが便利 2024年2月8日WEBデザイン これまでデザインツールはPhotoshopやillustratorを使っており、最近であればAdobe XDやFigmaを使っていたのですが、SNSの定型画像、動画を扱う際は不便な事がありました。また素材についてもストッ […] WordPressのJSONレスポンスエラー対策【WAFチューニング編】 2024年1月31日WordPress WordPressで記事を保存した時などに以下のような「更新を失敗しました。返答が正しいJSONレスポンスではありません」といったエラーが出て記事を保存できないケースがあります。 この記事の内容エラー内容発生する状況原因 […] 送信ドメイン認証（SPF、DKIM、DMARC）とは 2024年1月19日アウトプット 近年なりすましメールの被害が拡大していることからGoogleは2024
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
