Action | RTP Gacor Terkini
Tiap pemain slot tentu ingin bisa menang dan mendapatkan hasil yang bagus di tiap spin yang dilakukan. Beberapa gambler bahkan tidak merasa cukup dengan hasil yang diperoleh sehingga mencari game-game yang bisa menawarkan hadiah yang lebih fantastis di situs judi slot. Tentu saja, permainan slot seperti itu juga bisa ditemukan,…
gifshot - JavaScript library that can create animated GIFs from media streams, videos, or images
Easy to Integrate The client-side nature of the library makes it extremely portable and easy to integrate into almost any website (sort of like animated GIFs themselves). Efficient By harnessing the power of web workers, you get fast GIF creation that doesn't block the UI. An image quantization algorithm is also used to reduce the number of colors required to represent the image. Powerful Leverage
フルスクリーンのパノラマ画像サイトが作れる「leanorama」:phpspot開発日誌
leandigo/leanorama GitHub フルスクリーンのパノラマ画像サイトが作れる「leanorama」 空間を自動で回転させるサイトを作る際に使えそう。実装サイトはインパクトがなかなかあります 関連エントリ ページを複数枚重ねたようなフルスクリーンページが作れる「pagePiling.js」 画像をフルスクリーンに拡大できるギャラリー作成jQueryプラグイン「fullsizable」 レスポンシブなフルスクリーンでスクロールするページが作れる「brock scroll」 フルスクリーンで縦横無尽に広がるページを構築できる「fullContent.js」 フルスクリーンのスライドを簡単に作れるjQueryプラグイン「FSVS」
» 高さで文字数を制限するプラグイン[textCut.js]を作ってみる | isee ウェブに関するブログ
textCut.js まずは、仕様やオプションを考える 何文字以上を超えたら「…」にする。とういのはよく見かけるかと思います。 一番お手軽にやるとしたらCSSの「text-overflow: ellipsis;」と「white-space: nowrap;」を使うったやり方です。はみ出した文字を「…」にすることができますが、 一行の場合にしか対応できません。 今回のプラグインでは、厳密に何文字というよりも、指定した高さを超えた時に末尾を「…」に変換するように作ってみたいと思います。 高さを条件とするので、複数行の場合でも対応することができます。 オプション cutHei 制御する高さ afterText 末尾に追加する文字 data-textCut-link 要素にdata属性でリンク先を指定 blank リンクを別タブで開く true:false textCut.js /**文字カットプ
![» 高さで文字数を制限するプラグイン[textCut.js]を作ってみる | isee ウェブに関するブログ](https://cdn-ak-scissors.b.st-hatena.com/image/square/aec6314ec9473ded4223ca56ceddbbc62995532f/height=288;version=1;width=512/http%3A%2F%2Fisee-web.net%2Fwordpress%2Fwp-content%2Fthemes%2Fisee%2Fimages%2Ffacebook_isee.png)
Polymer library - Polymer Project
The Polymer library is in maintenance mode. For new development, we recommend Lit. The Polymer library provides a set of features for creating custom elements. These features are designed to make it easier and faster to make custom elements that work like standard DOM elements. Similar to standard DOM elements, Polymer elements can be: Instantiated using a constructor or document.createElement. Co
Velocity.js
Overview Velocity is an animation engine with the same API as jQuery's $.animate(). It works with and without jQuery. It's incredibly fast, and it features color animation, transforms, loops, easings, SVG support, and scrolling. It is the best of jQuery and CSS transitions combined. Download Download Velocity, include it on your page, and replace all instances of jQuery's $.animate() with $.veloci
CodeGrid - フロントエンドに関わる人々のガイド
HTML/CSS 387 CSS仕様 121 CSS設計 53 HTML仕様 40 SVG 25 スタイルガイド 14 HTML/CSSの実践 135 HTML/CSSドリル 4 フォント 3 データ形式 6 性能と品質 49 セキュリティ 16 パフォーマンス 12 アクセシビリティ 21 デザイン 65 ディレクション 50 ドキュメンテーション 7 JavaScript 593 ECMAScript 45 ライブラリ 71 ブラウザAPI 38 WebGL 42 テスト 36 JavaScriptの実践 64 JavaScriptの設計 9 JavaScriptドリル 15 非同期通信 5 Vue.js 73 DOM 9 Angular 30 Electron 4 Web Components 14 jQuery 24 Backbone 17 TypeScript 24 Coffee
絶対に読んでおきたい、Javascriptのおすすめ書籍7冊 - blog.axross.org
2014-02-27 絶対に読んでおきたい、Javascriptのおすすめ書籍7冊 Javascript 書籍 初めてJavascriptを勉強する人や、使ったことはあるけどきちんと勉強しなおしたい人に超おすすめしたい書籍のまとめ。 これだけたくさん、良い本があるのは本当にありがたい。 Javascript本格入門 JavaScript本格入門 ?モダンスタイルによる基礎からAjax・ｊQueryまで作者: 山田祥寛出版社/メーカー: 技術評論社発売日: 2010/11/27メディア: 大型本購入: 29人 クリック: 673回この商品を含むブログ (46件) を見る 難易度 : ★★ Javascriptの解説書の中で一番易しい本。 これより易しい本は、「レシピ本」のようなものを除けば見たことがない。 難易度が星2つなのはそのため。 あまり深い要素には突っ込まないけど、普通にJSを
【12種】GoogleMapデザインカスタマイズ例 グレースケールやカラフルなマップ等、12種類のデザインコード例 | Stronghold Archive
【12種】GoogleMapデザインカスタマイズ例 グレースケールやカラフルなマップ等、12種類のデザインコード例 どうもこんにちは。Toshikuraです。今回のTipsは【12種】GoogleMapデザインカスタマイズ例 グレースケールやカラフルなマップ等、12種類のデザインコード例です。以前、Google Mapのカスタマイズ方法を記事にした事が有りましたが、今回11種類のデザイン&コード例を作成してみましたのでご興味がございましたら遊んでみてください。2013.5.15に一種類追加しました。 Google Mapをカスタマイズする方法 GoogleMapをカスタマイズするには【MapTypeStyler】を使う事になります。詳しくは以前の記事をご参照下さい。 オリジナルマーカー（画像）を使用する方法 以下のコード例では、マーカーアイコンをオリジナル画像に変更する事が可能です。他にも
HTML5でサイトを高速化─wri.peで学ぶ、イマドキのWebアプリの作りかた（後編）
HTML5でサイトを高速化─wri.peで学ぶ、イマドキのWebアプリの作りかた（後編） 増井 雄一郎（FrogApps, Inc.） 前回の記事では、 wri.peの紹介と、HTML5のApplication Cacheを使ったHTMLや画像などの読み込み高速化の話をしました。今回は、Web StorageのlocalStorage/sessionStorageを使い、Ajax通信部分と表示の高速化を行う手法を説明しましょう。 localStorageを用いた通信と表示の高速化 前回のApplication Cacheで、HTMLの読み込みが高速化されました。これでも十分速くはなったのですが、画面に全ての情報が表示されるまでには、ちょっと時間がかかります。 wri.peではメモの一覧や、メモ本体の読み込み・保存はXHR(XMLHttpRequestの略。Ajax通信で使うモジュール名)を
JavaScript - MDC
JavaScript チュートリアル 初級編 JavaScript の基礎 JavaScript の第一歩 JavaScript の構成要素 JavaScript オブジェクト入門 JavaScript ガイド 入門編 文法とデータ型 制御フローとエラー処理 ループとイテレーター 関数 式と演算子 数と日付 テキスト処理 正規表現 インデックス付きコレクション キー付きコレクション オブジェクトを利用する Using classes プロミスの使用 JavaScript 型付き配列 イテレーターとジェネレーター メタプログラミング JavaScript モジュール 中級編 クライアントサイド JavaScript フレームワーク クライアントサイド Web API Language overview JavaScript のデータ構造 等値比較と同一性 プロパティの列挙可能性と所有権 クロ
Bower入門(基礎編) - from scratch
Bower入門 これから Bower について書いてきます。Bowerの使い方から実際に使う上で考慮することまで含めて書きます。 長くなりそうなので単に使うだけの基礎編とモジュールを作る上で気をつけることをまとめた応用編に分けて書きます。 Bower とは Twitter社が作ったフロントエンド用のパッケージマネージャです。 Java で言う Maven、 Ruby で言う gem、 Perl で言う cpan のようなものです。 Node.jsには npm と呼ばれるパッケージマネージャがありますが、それに強く影響を受けています。 パッケージマネージャを利用することでライブラリを自分で管理する必要がなくなり、管理するファイルの数を減らすことができます。 また、パッケージマネージャを利用することでライブラリのバージョン管理をしやすくなります。 さらに自分のライブラリを Bower comp
Yeoman入門(第一部、yoを使う) - from scratch
※ 追記： id:TokyoIncidents さん"補足"の誤字修正しました、ありがとうございます!! これからYeomanに関して説明していきます。 Yeoman自体が何者なのかよくわかっていない人も多いと思います。また、ある程度Yeomanの概要は知っているので、generatorの作り方が知りたい、という方もいると思います。今回は三部構成で、yeomanを使う話、yeomanのgeneratorを作る話、最後にyeomanのAPIに関して説明していきます。今回は第一部のyeomanを使う話について説明します。 Yeomanとは Google社が作成した総合開発ツール群です、「ヨーマン」と呼びます。公式サイトには MODERN WORKFLOWS FOR MODERN WEBAPPS (モダンWEBアプリケーションのためのモダンワークフロー) と記述されています。 Yeomanを使う
Google Map を簡単お洒落にカスタマイズ！「Styled Map Wizard」使ってみた。 | バシャログ。
今月発売予定の「メタルギアライジング」をそわそわ楽しみにしているアクションゲー好き seki です。 今回もWebサービスのご紹介です！ 最近よくよく見かける、「Google map」のデザインをお洒落にカスタマイズして載せているサイト。皆さんも一度は目にしたことがあるかと思いますが、こちら、どうやって作っているか気になりますよね。 今回は、js無知な私でも簡単に作れる Google Maps API 「Styled Map Wizard」の使い方を、ざっくりと例を挙げてご紹介します。 【参考サイト】 今回はこちらの記事より、参考・引用して解説します。こちら、とても丁寧に解説されているので、jsが分らなくても出来るかと。 今回作成したもの 画像ですみませんがこちら。 アイコンは seki になっていますが場所はバシャログ。本陣です。 色をモノクロにして、交差点やコンビニ、銀行などのアイコン
Bower
...psst! While Bower is maintained, we recommend using Yarn and Vite for front-end projects. Read how to migrate! Web sites are made of lots of things — frameworks, libraries, assets, and utilities. Bower manages all these things for you. Keeping track of all these packages and making sure they are up to date (or set to the specific versions you need) is tricky. Bower to the rescue! Bower can mana
些末なコードレビュー - naoyaのはてなダイアリー
朝起きて布団から出るのがつらいので、HBFav をつらつらと眺めていた。 あるサービスの JavaScript が重いとか、そのコードが難読化されてないとか、担当者とおぼしき人間が書いたコメントがそのまま残ってるから消しましょうよとか、そんなことが書かれていた。JavaScript が重い、という話は結局そのサービスの JavaScript が重かったのではなく、ユーザーが自分で導入した広告が重いというだけの話だった。 コードが難読化されていない、趣味の製品ではなく会社の製品なのでコメントそのまま残ってるから消しましょう･･･実にくだらない。 ところで話は変わってコードレビューについて。 コードレビューに慣れないチームが、何の考えもナシにコードレビューを始めるととにかく気になったこと大小様々な指摘が行われることになる。一見、いろいろな指摘が出て議論が活発になっているように見えるが、だいたい
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://jsoneditor.net/
GIFアニメーションに再生ボタンを付けられる「Gifffer」:phpspot開発日誌
Workflower Apps
JavaScript力をほんの少し上げる3個のTips