N予備校プログラミングコース 第4章も終盤。これまで習ったことの集大成として、「予定調整くん」というWebサービスの開発をした。「予定調整くん」というのは、予定作成者が挙げた日程の候補に対して、他のメ..

第3章を受講し終えて、その後造血幹細胞移植やら発熱やらでなかなか体調が優れず、また身体を起こすための体力が続かなくて全く進められていなかったN予備校プログラミングコースだが、ようやく元気になってきたの..

ページ内のアンカーリンクをスムーススクロールにしたい。 ボタンを押したら瞬時にアンカーのある箇所に飛ぶのではなく、スルスル～となめらかに遷移するリンクのことです。 こんな感じです。..

これが自然だと思います。 だいたいにおいて、important を使いたい場合は既存の環境を完全に把握できていないからこそ頼みの綱的な事が多々あるので、要素単位の cssText で塗り替え..

関連する記事 自サイト(logical　error を含む)で使用している SyntaxHighlighter のツールバーの問題点をごっそり自前で修正・カスタマイズしました。( その1 /..

デモページ 利用目的 ウェブアプリで、デバッグデータをファイルに書き込んで残しているような場合、すくに内容を確認できるように作成しました。なので、dataType に text を使用..

実際のアプリケーションの UI 部分のみ取り出して、ブラウザでテストできるように構成しました。特に jQuery の ajax を用いたテンプレートとして流用できると思います。 初回の キー..

今は、Native で、String.trim はあるはずですが、一応。 ( 漢字スペースも対象です ) <script src="https://ajax..

2018/02 : 更新 1) 行番号部分をクリックするとソースを選択するようにしました。 2) 表示時にテキストエリアにフォーカスを移すようにしました。 3) コピー操作をしやすいよう..

デモページ デモページ内の薄い灰色の部分は、IFRAME です。jQuery のセレクタで、本体のページと、IFRAME 内を同時に設定します。 &l..

このサンプルは、css 用ですが、script でも同じです。bootstrap を組み込むと、たいていなんらかの変化が出るので確認に使用してます。 特定の要素の下に追加、削除を想定している..

影の位置(x)box-shadow: 99px 99px 99px 99px; 影の位置(y)box-shadow: 99px 99px 99px 99px; ぼかし距..