Web技術系中心に割と何でも更新中

タグ:Programmingが付いている記事一覧


Programming Web

普通にページ内ジャンプをを実装すると、固定ヘッダーが常時表示している時に、固定ヘッダーとコンテンツ(テキストや画像など)が被ってしまう問題が起こります。そこでページ内ジャンプ時に固定ヘッダーを考慮したスムーズスクロールを実装する方法を紹介します。

Programming Web

Web制作をしている中で、ある文字列中から文字を指定してその前後の文字列を切り抜きたいという場面がありました。JavaScript(jQuery)を使用してその文字列の切り抜きを実現してみたので、詳しく紹介します。

Programming

ウェブページ上でポップアップを表示させるページは数多く存在します。この記事ではポップアップ要素の領域外をクリックした時にポップアップを閉じる機能をjQueryを使って実装する方法を紹介しています。

Programming

この記事では、プログレスバーを簡単に実装できる軽量JavaScriptライブラリ「Pace.js」の使い方ご紹介します。ソースコードをコピペするだけで動作するのでとても簡単でおすすめです。

Blog Programming Web

WordPressのカスタム投稿タイプを追加して、技術系記事の簡易的な動作デモページの実装方法を紹介します。

Programming Web

「MW WP Form」で作成した問い合わせフォームの送信先を投稿ページごとに設定したい場合、カスタムフィールドとフィルターフックを利用して実現できます。

Programming

入力フォームなどで、任意の数値を入力して表示形式を変換させるケースがあります。この記事ではjQueryを使用した数値変換表示の方法を紹介します。任意の数値を「3桁毎にカンマ区切り」、「4桁毎に数字桁」、「3桁毎にカンマ区切りかつ4桁枚に数字桁」の3パターンの表示に変換します。

Programming Web

Web制作する上でモーダルウインドウの実装は避けては通れない道です。この記事では、超軽量jQueryプラグイン「leanModal」で簡単にモーダルウインドウを実装する方法を紹介しています。

Programming Web

jQueryを使い、画面をスクロールして複数の要素を時間差でフェードインさせる方法を2つご紹介します。

Programming Web

CSSのみを使用した場合と、jQuery(JavaScript)とCSSを使用した場合の、「縦長or横長を判断して画像表示サイズ最適化する方法」をご紹介します。