Typography Effects with CSS3 and jQuery | Codrops jQuery&CSS3でここまで出来るタイポグラフィエフェクトのサンプル集。 少し前の記事ではありますが、綺麗なjQuery&CSS3のタイポグラフィ集です。jQueryとCSS3を組み合わせるとここまで出来るのかっていう部分は是非見ておいたほうがよいとおもいます デモページ 5年後のWEBサイトが全く読めませんね。 関連エントリ マウス位置に応じてタイポグラフィを変化させるHTML5サンプル
Emotional design has become a powerful tool in creating exceptional user experiences for websites. However, emotions did not use to play such an important role on the Web. Actually, they did not use to play any role at all; rather, they were drowned by a flood of rational functionality and efficiency. Emotional design has become a powerful tool in creating exceptional user experiences for websites
jQuery jQSlider :: Example Slimple ページ全体に広がるスライドショーを実装できるjQueryプラグイン「jQSlider」 ブラウザを紙芝居っぽくしたスライドショーが作れます。この手のプラグインでは当然ですが、1ファイルのHTML内に全スライドを書けます。 ブラウザ幅が変わっても伸縮するレスポンシブな仕様になっています ブロック要素内にスライドショーを入れ込んだりもできるようです パワーポイント使うよりもちょっとギークっぽいスライドショーライブラリ。 1つの選択肢として使えそう 関連エントリ レスポンシブな背景画像スライドショーを実現するjQueryプラグイン「bgStretcher」 フルスクリーン背景がスライドショーになるCSS3サンプル 指定したパスに沿ってテキストが動く斬新スライドショー実装jQueryプラグイン「Scroll Path」 レスポン
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
Have you ever heard the phrase “Content is King”? Being a Web developer, and therefore having a job that’s often linked to content creation, it’s likely you have. It’s a fairly overused but true statement about what draws visitors to a site. From a Web developer’s perspective, however, some may argue that speed is king. More and more, I’m starting to favour that stance. In recent years many experi
10 jQuery File Uploading Plugins | 3D Models, Website Templates and Illustrations blog | Templates.com ファイルアップロード関連のjQueryプラグイン10 ファイルアップロードといってもSWFを使ったりAJAXを使ったりと方法が色々あって、いろんなやり方ができるjQueryプラグインです。 望みの挙動に近いものを選んでカスタマイズすれば作りたいものが最速で作れそうですね 関連エントリ facebookのフレンズセレクタ風UIを実装できるjQueryプラグイン「fcbkListSelection」 通常のフォームを瞬時にAjax化できるjQueryプラグイン「ALAJAX」 ギャラリー等を面白く見せられるjQueryプラグイン「Minimit」
jQuery.suggest plugin インラインサジェストを実現するjQueryプラグイン「jQuery.suggest」 サジェストといえば、ドロップダウンが現れて表示されるのがよく見るサジェスト方式ですが、今回紹介するプラグインを使えば、次のようにインラインでオシャレに内容を補完することができます 入力途中にEnterキーを押せばそのまま補完されます 配列でデータを定義しておいて、次のように suggest メソッドにオプションとして渡すだけです。 ドロップダウンの方が選択肢が沢山あらわれて便利ですが、こっちの方がシンプルで、適している場合もありそうなので覚えておいてもよさそうですね 関連エントリ facebookのフレンズセレクタ風UIを実装できるjQueryプラグイン「fcbkListSelection」 リッチなドロップダウンメニュー実装ができるjQueryプラグイン「Me
iUI - Mobile web framework for high-end devices スマホサイト作成のフレームワーク「iUI」が新しくなっている件。 jQueryMobileも便利なのですが、iUIはiPhone発売当初からあるフレームワークで、ルールにそってHTMLを記述するだけでiPhoneアプリのようなページを作れるのが魅力のフレームワークです。 公開当初はgoogle codeとかにホスティングされているだけでしたが専用のカッコいいページもできてる模様。 iPhone, iPad, Android にも対応していて、便利に使えるようになっているようです テーマデザインも色々選べるようになりました。 ビデオプレゼンテーションや、デモを落として試してみましょう 関連エントリ コンポーネント満載のスマフォ向けWEBサイト作成フレームワーク「ChocolateChip-UI」
Gmail風に書き途中のフォーム内容をlocalStorageに定期的に保存してくれる「Sisyphus」 2011年12月15日- Sisyphus Gmail風に書き途中のフォーム内容をlocalStorageに定期的に保存してくれる「Sisyphus」 せっかく大量に埋めたフォームが、ブラウザを間違って閉じてしまったり、ブラウザの不具合で落ちちゃったりして拳を握りしめた方もいるのではないでしょうか。 Sisyphusを使えば、$('#form').sisyphus() のような簡単な操作で、フォームのデータを自動保存できるようになります。 localStorageを使うのでサーバへの負担はないのでとても扱いやすそうです。 入力しているとほどよいタイミングで保存しましたメッセージが流れます。 試しにリロードしてみても、ブラウザを閉じて開き直してみても残っています。リストアメッセージも表
Slidorion, A jQuery Plugin | jQuery Image Slider and jQuery Accordion | Random Demo スライダーとアコーディオンを組み合わせたカッコいいUI作成jQueryプラグイン「Slidorion」。 左側をスライダー、右側をテキストを入れたアコーディオンな感じのウィジェットが実装できます。 ほどよくアニメーションして良い感じです。 マークアップも綺麗に記述可能。 関連エントリ iPhone/iPad用サイト作成時に使えるスワイプイベント実装jQueryプラグイン「TouchSwipe」 ファイルアップロード関連のjQueryプラグイン10 組織図っぽい図を簡単に作れるjQueryプラグイン「jQuery Org Chart」 jQueryでページ送りのインタフェースが簡単に作れる「jqPagination」 jQue
調査によれば、日本の消費者がオンラインショッピングに求めることのトップ3は、「安い価格で購入したい」(28%)、「配送料が安い」(18%)、「すぐに配送される」(9%)であり、一方で「クレジットカードの不正利用が心配」(51%)との意見もあり、売り手はウェブサイトでお買い得商品を提供したり、安全なオンライン決済の手段を提供することで、消費者にとって魅力的なECサイトづくりができると考えられる。 また、オンラインでよく購買される商品のカテゴリーは、消費額のシェアで比較すると「IT/家電機器」(20%)、「エンターテイメント」(16%)、「ファッション・美容」および「食品」(いずれも13%)、「旅行」(9%)であった。 その一方で、40%近くのオンラインショッピング利用者は、現在のクレジットカードのセキュリティ対策は不十分だと感じており、1/3のオンラインショッピング利用者が、オンラインでクレ
web制作で使えるWebサービスや、Webツールなどをご紹介。 小分けして紹介していた分もあわせてまとめています。定番の物からマニアックなものまでお楽しみください。 グラフィック・創作 10,000s Cool FREE Seamless Patterns-パターンファイルジェネレータ Web制作でもよく背景で利用するパターンファイルを作成する素晴らしいジェネレータ。様々な模様があり、色は決めれますので、組み合わせはほぼ無限です。 Pixlr Photo Editor-オンラインフォトエディタ 世界で最も人気とされるオンラインフォトエディタ。OSを選ばない。 photoshopに近いインターフェイスと、ブラウザさえあれば動くという使用が人気。ユーザー登録しなくても利用できる(したほうが便利)。 Vintage Effect-レトロ、ヴィンテージエフェクト 上のPixlr.comが運営するも
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
先日、CSS Nite in Ginza, Vol.59「DreamweaverによるレスポンシブWebデザインの実装」に出席してきました。 とても勉強になったので復習も兼ねてレスポンシブwebデザインに関して、セミナーで学んだ内容に自分の調べた点を加えてまとめます。 (一部の図はセミナーの資料を元に作成してます。) 始めに:スマートフォンサイト制作の選択肢 スマートフォンサイトを制作するには幾つかの方法があります。 アプリ 独自系 スクラッチ(0からスマートフォンサイト用に構築) jQuely mobileを使用 流用系 現在のデザインをほぼ流用、調整のみ レスポンシブ・デザイン どの方法にもメリットデメリットはあり、どれが最適かは サイトのコンセプトや規模、予算など複合的に考えて選択する必要があります。 今回のエントリーではレスポンシブ・デザインのみにふれます。 レスポンシブwebデザ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く