タグ

javascriptとweb制作に関するlocalnaviのブックマーク (6)

  • JavaScript Obfuscator Tool

    A free and efficient obfuscator for JavaScript (including support of ES2022). Make your code harder to copy and prevent people from stealing your work. This tool is a Web UI to the excellent (and open source) javascript-obfuscator@4.0.0 created by Timofey Kachalov. FAQWhy would I want to obfuscate my JavaScript code?There are numerous reasons why it's a good idea to protect your code, such as: Pre

    localnavi
    localnavi 2021/06/23
    JavaScriptの難読化ツール
  • 新感覚!メソッドチェーンでアニメーションがスラスラ書ける「Tween24.js」を作りました - ICS MEDIA

    新感覚!メソッドチェーンでアニメーションがスラスラ書ける「Tween24.js」を作りました アニメーションを作る時に、「思いついた演出をすぐに実装したい」「頭の中ではできているのに、コーディングするのが面倒」と思ったことはありませんか?アニメーション作成にはライブラリを使用することが多いと思いますが、使い方を調べて覚えて、ドキュメントからコピペしたり、ひたすらタイピングをして… 私はこれらの問題を解決するために、「Tween24」というライブラリを作りました。Tween24はメソッドチェーンで記述するのが特徴で、たった1行でアニメーションが実装できます。依存ライブラリもなく、単体で動作します。アニメーションライブラリの多くはオブジェクト型でプロパティを指定するためタイピングが多くなりがちですが、メソッドチェーンであればエディターのコード補完機能でスラスラと記述できます。 その他にも、メソ

    新感覚!メソッドチェーンでアニメーションがスラスラ書ける「Tween24.js」を作りました - ICS MEDIA
  • ページ内リンクのジャンプ先がずれる原因と解決方法【HTML】

    ページ内リンクのジャンプ先がずれてしまう原因と、その解決策について解説します。 別ページの特定の場所にリンクを貼る場合には、ハッシュ(#)で要素のIDを指定しますよね。 例えば、こういう感じで。 もちろん、これはHTMLの文法的には正解で、なんの間違いもありません。 でも、実は、これだけでは不十分なケースもあるんです。 例えば、レスポンシブデザインを採用しているケースです。 レスポンシブデザインの弊害 レスポンシブデザインのサイトでは、ウィンドウサイズに応じて画像サイズが動的に変更されます。 画像の幅は親要素と同じ、高さはそれに合わせて自動で調整するという指定の仕方が一般的です。

    ページ内リンクのジャンプ先がずれる原因と解決方法【HTML】
  • viewport の指定を JavaScript で行う | UB Lab.

    スマートフォンサイトを制作するときに欠かせないのが、viewport の指定だ。ページを表示したときに、表示領域の幅や高さ、ズーム操作の可否、ズーム倍率などを指定できる。一般的には、meta タグを使って以下のように指定する。 <meta name="viewport" content="width=device-width,initial-scale=1.0"/> meta タグを自由に記述できる場合は問題ないが、コンテンツの中身だけ制作しシステムの一部として組み込まれる場合や、ルールにより meta タグを追加できない場合もある。しかし、見た目は整えなければならないので viewport の指定は必要だ。タグを追加する方法に比べると少し面倒だが、JavaScript で meta タグを追加する方法を調べてみた。 viewport を指定する meta タグを新規に追加する場合 単純に

    localnavi
    localnavi 2020/08/25
    メタタグ
  • ENTEREAL

    最近、固定回線、モバイル回線等の接続速度が速くなり、昔の56kや64kbpsの頃のように画像のサイズやページの表示レスポンスに気を使う事が少なくなりました。今や普通のブログ等であれば、体感で1秒あれば表示が出来る時代です。 でも、ひとたび、高精細な画像や、Youtube動画などを複数並べるページになると、まだまだ環境的に厳しい方も多いと思います。 そんな時、制作側で出来る事というと、まずは画面に表示されている画像だけを先に読み込んで表示し、それ以外は、スクロールして画面に表示された段階で読み込むなど、体感速度を上げる方法が一般的です。 よく出来た Lazy Load Plugin for jQuery その手のスクリプトで一番使われているのは、おそらく「Lazy Load Plugin for jQuery」では、無いでしょうか? 使い方も簡単で、jQuery体と、ダウンロードしたjqu

    ENTEREAL
    localnavi
    localnavi 2015/02/08
    ページに埋め込んだyoutube動画やGoogleMapの読み込みを遅延できるEcho.jsがすごい。
  • Litebox- Same great taste, less calories

    Litebox Check out the front page If you haven't been to the front page in some time, check it out. I've started blogging about some tips and tricks. Expect some full featured scripts some time soon. What is it? Litebox is a modified version of Lightbox v2.0 created with one thing in mind, size reduction. Litebox utilizes the 3kb javascript library moo.fx in association with prototype.lite, giving

    localnavi
    localnavi 2014/12/01
    超軽量Litebox
  • 1