作成：2013/07/1 更新：2014/11/01 Web制作 > 先日ECサイトを制作したときに、動きのあるサイトにしないといけなかったので、色々調べて組み込んでみたんですが、jQueryでもう何でも出来ちゃいますね。近い将来ローカルで画像なんかを編集しなくても、ブラウザだけで色々できるようになるんじゃないでしょうか。今回は定番からちょっとマイナー（Google Analytics関係とか）なものまでjQueryの小技、プラグインを集めさせていただきました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ スクロール １．ページ内リンク／フッターまわり／トップに戻る ２．パララックス スライド ３．カルーセル ４．レスポンシブなスライダー ５．ヌルヌルサクサクなスライドメニュー ６．サムネイル付きクロスフェードスライドショー 補助 ７．Google Ana

豊富な実績と、高セキュリティ/高品質の 法人向けWi-Fi環境構築サービス WI2の法人向けWi-Fi環境構築サービスは高いセキュリティと優れた品質で、 法人のお客さまのビジネスを支えます。 法人お問い合わせ どこでも安心・安全のWi-Fiサービスが 定額使い放題！ ギガぞうWi-Fiは、Wi-Fi事業者だから提供できる 高品質、高セキュリティな個人のお客さま向けWi-Fiサービスです。 料金プラン・お申し込み

フィードバックを送信 REST を使用して API を呼び出す コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 このドキュメントでは、Custom Search JSON API の使用方法について説明します。 リクエストの実行 Custom Search JSON API の REST（Representational State Transfer）は、従来の REST とは多少異なります。リソースへのアクセス権を提供する代わりに、API はサービスへのアクセスを提供します。そのため、API はサービス エンドポイントとして機能する単一の URI を提供します。 特定の検索の検索結果を取得するには、HTTP GET リクエストをその URI に送信します。検索リクエストの詳細をクエリ パラメータとして渡します。Custom Search JSON API

中型ライダー（二輪）免許を持っているライターの内藤です。 本日は、ライダーキック並みの強烈さで役に立つ見本サイトをまとめてみたいと思います。 Web屋さんはご存じの方も多いかもしれませんが、ブログをしている一般の方、Webデザイン・DTPに興味のある方、お店を持っている方なども必見です！ 部品に特化した見本 部品に特化した見本サイトをご紹介します。 見出しデザイン（h1,h2,h3……その他DTPでも） はじめは見出しデザインに特化した見本サイトまとめ。 見出しデザイン.com http://midashi-design.com/ 見出しタグ（h1,h2,h3……）のデザインの見本ですが、DTPなどでもヒントになるものがたくさんあります。 カテゴライズは、グラデーション・テキストのみ・テキスト非画像・上線・下線・丸・四角・囲み線・斜線・点線・角丸。 ヘッダー部分に凝っても見出しが適当だと全

そのサイトで相手に届けたいメッセージを凝縮した物が「キャッチコピー」ですよね。 ランディングページにしても、ホームページのトップページのメインビジュアルにしても、キャッチの良し悪しは、マーケティングの成功に直結します。 もし失敗すると、例えばこんなことが起きます CVR（コンバージョンレート）が思うように上がらない 想定していたターゲットと違う申込者や問合わせが増える バックエンドが苦労する そんな大事な「キャッチコピー」の考え方ですが、経験上ユーザに響きやすくなる順に大きく３つのステップがあると考えています。 今回はそのステップをいかに上がっていくかという内容です。 「キャッチコピーについて、作り方で悩んでいる」「何回やっても変えても、あまり改善しない」「上手くいっているコピーと、そうで無いコピーの差を知りたい」といった方向けです。 キャッチコピー「考え方」の３段階 大前提 キャッチコピ

display:table-cell; を活用する リキッドレイアウトのコーディングにすごく便利。 親要素に display:table; 子要素に display:table-cell; 記事リストなど、画像とテキストを横並びにするときに。 均等に横並びにしたいときに。 タップ時のカラー設定 CSSで以下のように設定。アルファ値も設定可能。 -webkit-tap-highlight-color: rgba(255,105,183,0.6); 画像、iframeに max-width を指定 img・iframeは、サイズが大きすぎて画面からはみ出すことがあるので max-width:100%; を指定する。 word-break:break-all; を指定 スマホは幅が狭いため、長いURLなどが1行に入りきりません。 word-break:break-all; を適宜指定する。 フォ

We built screensiz.es to help you quickly find the screen specifications of the most popular devices and monitors currently on the market. The size data comes from a variety of sources. For a better understanding of Pixel Density, check out this great post by Teehan+Lax. Our “popularity” guesstimates are derived from annualized monthly Google queries (from AdWords traffic estimator), and some fuzz

2024.10.18 新作登場 MINDTHEGAP『ORIENT EXPRESS』 世界で最も豪華な列車『オリエント急行』での旅をイメージしたコレクション 2024.10.01 Sian Zeng Limited Gift Campaign のお知らせ キャンペーンは終了しました。 2024.09.27 会員のお客様へ決済に関するお知らせ いつもWALPAをご利用いただきありがとうございます。 現在、システムの不具合によりAmazon pay決済ではポイント及びクーポンをご使用いただくことができません。お手数をお掛けいたしますがポイントをご利用の場合はその他の決済方法（クレジットカード、PayPal）をご選択いただきますようお願いいたします。 お客様にはご不便をお掛けいたしますが、ご理解賜りますようお願い申し上げます。 2024.09.24 大雨の影響によるお届け遅延について 石川県で発

Ryo Yamasaki(@vierjp)です。 前回「28.Google App Engine for PHP (GAE/PHP) を早速試してみた」というエントリーを書きましたが、 公式ドキュメントに「Running WordPress」という項目があったのでこちらも試してみました。 せっかく日本人が試すのだから、ということでWordpressも日本語版にしてみました。 ※後述しますがかなり厳しい問題が一点未解決です ※ 2013/6/14追記 この問題を解決するWordPress用プラグインが公開されました。 Blog @vierjp : 36.Google App Engine for PHP上でWordPressを運用するためのプラグインが登場 ◯構築手順 基本的に公式ドキュメントの通りです。 ・WordPress 日本語版をダウンロードする WordPress › 日本語 今回

A collection of inspirational websites made by real Squarespace users. Stories and solutions for the modern entrepreneur. In-depth guides and videos about the platform, our services, and how to get started. An online community for Squarespace users and professionals to discuss best practices and seek advice. Free, online sessions where you’ll learn the basics and refine your Squarespace skills. Ea

Wanna know what people are saying (and how they feel) about your brand? Curious about hot topics and all things trending in your industry? You can see it all in seconds with Hootsuite Listening Basics (powered by Talkwalker). Now standard in every plan.