[B! web][JavaScript] taketsのブックマーク

ウェブ上でのレンダリング | Articles | web.dev

ウェブ上でのレンダリングコレクションでコンテンツを整理必要に応じて、コンテンツの保存と分類を行います。ウェブデベロッパーが下す必要がある重要な意思決定の 1 つは、アプリケーションにロジックとレンダリングを実装する場所です。ウェブサイトを構築する方法は非常に多いため、これは難しい場合があります。 Google は、ここ数年間に Chrome で大規模なサイトと連携して得た知見に基づいて、この分野を理解しています。一般的に、完全なハイドレーションアプローチよりも、サーバーサイドレンダリングまたは静的レンダリングを検討することをおすすめします。選択するアーキテクチャをより深く理解するには、各アプローチをしっかりと理解し、それらについて説明する際に一貫した用語を使用する必要があります。レンダリングアプローチの違いは、ページのパフォーマンスの観点から、ウェブでのレンダリングのトレー

takets 2019/06/24

リンク

[JS]シンプルで超軽量なのがいい！レスポンシブ対応のカード型レイアウトを簡単に実装できるスクリプト -minigrid

レスポンシブ対応のカード型レイアウトを簡単に実装できる、jQueryなどの他スクリプトに依存しないシンプルで超軽量（2KB）のスクリプトを紹介します。デモのアニメーション minigridの使い方 Step 1: 外部ファイル当スクリプトを外部ファイルとして記述します。 <body> ... コンテンツ ... <script src="http://henriquea.github.io/minigrid/minigrid.js"></script> </body> Step2 :HTML 各アイテムには「.grid-it em」を、ラッパーには「.grid」を付与します。 <div class="grid"> <div class="grid-it em"></div> <div class="grid-it em"></div> <div class="grid-it em"></div

takets 2015/08/04

リンク

[JS]最近のWebサイトで見かける気持ちいいアニメーション、便利な仕掛けや機能を実装するスクリプトのまとめ

最近のWebサイトで見かける気持ちいいインタラクションやエフェクト、面白い仕掛けのコンテンツや便利な機能を実装できるスクリプトやjQueryのプラグインを紹介します。

takets 2015/07/23

リンク

https://qiita.com/nyarla/items/10f0f3e3c2116417df59

takets 2014/11/10

リンク

[JS]角丸を簡単な記述で実装するスクリプト -Roundcorners Canvas | コリス

<textarea name="code" class="js" cols="60" rows="5"> $(document).ready(function() { $("#mainblock").corner("30px"); $("#menu ul li").corner("8px top"); }); </textarea>

takets 2008/03/11

- 角丸を楽ちんに実現する方法

リンク

WEB開発に活用できるIE版のFireBug「DebugBar 5.0 beta」を試してみました:phpspot開発日誌

WEB開発に活用できるIE版のFireBug「DebugBar 5.0 beta」を試してみました 2007年11月15日- My DebugBar | ToDo / Beta This new version introduces a new DOM tab with greatly improved features on the css side and is fully unicode ! WEB開発に活用できるIE版のFireBug「DebugBar 5.0 beta」を試してみました。 DebugBar をインストールすると、DebugBarツールバーとDebugBarエクスプローラーバーがインストールされます。 DebugBarツールバーでは次のことが出来ます。ブラウザ画面のキャプチャをメール送信カラーピッカー特定の画面解像度にリサイズする機能ページの表示を 10%

takets 2007/11/19

リンク

ブロックのスクロール実装を便利にするJavaScriptライブラリ「jsScrolling」:phpspot開発日誌

リアルタイムにファイルをアップロード可能なExtベースJavaScriptライブ... 次の記事 ≫：PhotoShopからFlickrに直接画像をアップできるプラグイン「FlickrShop」 jsScrolling Also check out a new version of this script. It's faster and has prettier code, but you can't hack it as much. ブロックのスクロール実装を便利にするJavaScriptライブラリ「jsScrolling」。画像で実装したスクロールバーをブロック要素に付けた例右側にプレーンな分かりやすいスクロールバーを付けてみた例実装は、必要なライブラリを読み込んだ後、次のようなコードですごく簡単に実装できます。 scroller = new jsScroller(docum

takets 2007/07/19

リンク

Ajaxでおしゃれな小窓を作る6つのサンプル*ホームページを作る人のネタ帳

これはなかなかおしゃれな小窓が作れそう。ウェブサイトでちょっとしたお知らせなどを入れる時に役に立つと思います。特に、フォームを利用しただけではあまりおしゃれなものになりませんので、この技術を応用してみてはいかがでしょうか。６つのサンプル試しにサンプルファイルを開いてみれば、一通り使えると思いますよ。サンプル１マウスによるロールスクロールは出来ない。矢印にマウスを乗せるとスクロールする。サンプル２スクロールバーを左に配置。ボタンデザインをこったものに出来るサンプル。サンプル３スクロールバーを右に配置しているが、特殊なバーに加工している。サンプル４上のサンプル３に、タブを追加したバージョンです。サンプル５上のサンプル４に、さらに右側にリンクによるナビゲーションを追加したバージョン。リンクナビゲーションをクリックすると、中のスクロールもそこまで移動するという代物。