READ MORE

スクロールすることによってサイドカラムに配置しているナビゲーションメニューを画面上部に固定してスクロールに合わせて追従させる動作はよく見かけますがだいたいが画面上部に固定のみ、もしくは画面下部に固定のみ、といったものが多くブラウザウィンドウの高さよりもナビゲーションメニューの高さが大きかった場合にはナビゲーションメニュ…

READ MORE

Webページ上の要素が一定時間の間隔でスライドしてループし続けるカルーセルパネルUI。単純に並べられた要素がスライドするカルーセルはよくありますが並べられた要素の中央に位置する要素のみを拡大表示させるという少し変わった演出を加えたカルーセルパネルUIをjQueryを使って作ってみたので紹介してみます。jQueryで中央…

READ MORE

無料でホームページ作成サービスやネットショップ開業ができる「Wix.com」の各種サービスの無料ブログサービスがとても簡単にブログを開設することができるうえにとても便利でな機能も満載で使い勝手がよかったのでご紹介してみます。Wixの無料で簡単にブログが開設できるブログ作成ツールブログ開設 | 無料ブログ作成 | Wix…

READ MORE

2016年2月にSBクリエイティブ社さまから出版させていただいた書籍「プラグインを使わないスキルを身につけたい人のためのjQueryテクニカルノート」が台湾の出版社、旗標出版社股份有限公司 様より翻訳出版の依頼を受け、中国語に翻訳され「外掛OUT! jQuery 高手精技」のタイトルで2017年1月に台湾で出版となりま…

READ MORE

以前に「jQueryで数字をカウントアップしながら表示する方法」と題して、jQueryで数字をカウントアップさせながら表示する方法を紹介しましたが、数字を表示する別パターンとして、ランダムにシャッフルしたアニメーションによって一桁ずつ順々に表示する方法でインパクトを与えることもあります。Webページ上になにかの投票数や…

READ MORE

Webサイト上の要素の動きや操作によってユーザーに「触覚」を生み出すマテリアルデザイン。そんなマテリアルデザインの一種としてボタンをクリックした際に、そのクリックしたポイントから波動を出す動作があります。その動作をjQueryとCSSを使って実装するマテリアルデザイン風ボタンを作ってみたので紹介してみます。マテリアルデ…

READ MORE

Webページ上になにかの実績数や投票数、SNSのシェア数などの数値を表示する際に単純に数字を表示するだけでなく数字がカウントアップするアニメーションをつけることでユニークな見た目でのインパクトある演出で数字を印象づけることができます。そんな数値のカウントアップアニメーションをjQueryを使ってシンプルに実装するサンプ…

READ MORE

Webページ上で英数字を表記する際に全角文字を使用すると可読性の問題やバランスの悪さに加えて、アクセシビリティ等にも影響を与え問題が多く発生します。Webページに掲載する英数字は基本的にはすべて半角にするのが望ましいですがWebページ制作の際に外部からいただいた原稿の中で使われている英数字が全角や半角が入り混じっている…

READ MORE

5年ほど前にもWebページ上の要素がスライドアニメーションによって流れ続けるループスライダーのスクリプトを紹介しましたがブラウザによってスライド動作を長時間続けると動作が重くなったり、いくつか懸念点があったので、そのような懸念点の改善とスクリプト全体をよりシンプルな構成にしたものを紹介してみます。【横スライドパターン】…

READ MORE

ここでも何度か紹介させていただいている簡単にホームページを作成することができるサービス「Wix.com」が展開している単なるWebサイトではなく、ネットショップを簡単に開業することができるサービス「Wixストア」が高機能かつ操作もしやすく、便利そうだったのでご紹介してみます。Wixストア/Wix StoresWixスト…

BlackFlag
FOLLOW
Hatena Bookmark
Popular Entries
Recent Entries
PR
Facebook
Tweets
Animal Protection
  • 福島被曝牛支援のお願い
  • NO FUR
Books
  • jQuery Technical Note
  • 外掛OUT! jQuery 高手精技
Partner