[B! JavaScript] boheanimatoのブックマーク

boheanimato id:boheanimato

JavaScriptに関するboheanimatoのブックマーク (5)

[JS]これは便利！YouTubeの動画をはじめ、VineやTEDやCodePenやツイートやPDFやGoogleマップまで簡単にページに埋め込めるスクリプト -Embed.js
デモ：Googleマップ Googleマップもサポート。 Embed.jsの使い方 Step 1: 外部ファイル当スクリプト・スタイルシートとjquery.jsを外部ファイルとして記述します。 <head> ... <link rel="stylesheet" href="path/to/jquery.embed.css"/> <script src="path/to/jquery.min.js"></script> <script src="path/to/jquery.embed.js"></script> </head> Twitterを埋め込む時には「widgets.js」、コードのシンタックスハイライトには「highlight.min.js」を使用します。 <head> ... <link rel="stylesheet" href="path/to/jquery.embed.
boheanimato 2015/04/15
JavaScript

jQuery
リンク
Masonry
What is Masonry? Masonry is a JavaScript grid layout library. It works by placing elements in optimal position based on available vertical space, sort of like a mason fitting stones in a wall. You’ve probably seen it in use all over the Internet. Install Download CDN Package managers Getting started HTML CSS Initialize with jQuery Initialize with Vanilla JavaScript Initialize in HTML Next MIT Lice
boheanimato 2015/02/12
これ、使えそうメモ。

Javascript

プラグイン
リンク
gulp.jsを使ってフロントエンドのビルドをする【webpack, stylus】 - yutaponのブログ
この記事はIwate Developers Advent Calendar 2014の6日目の記事です。 Iwate Developers Advent Calendar 2014 - Qiita 記事の内容はというと、岩手にまったく関係ありません。学生の頃はフロントエンドを軽視してクソコードを量産していたので、今の学生の方にこんな風に作り始めるといいよって紹介する感じで書きたいと思います。はじめに昨今のフロントエンド開発はとにかく複雑になってきていて、学習コストが半端なくなってきてます。 angularとかbackbone.jsとか、最近ではreact+fluxなど、トレンドの移り変わりが激しいです。またGruntやgulp.jsなどのタスクランナーの活用がフロントエンドでは欠かせなくなっていて、使ってないなら今すぐ導入すべき、とも言えます。最近gulp.jsを使っていて、gu
boheanimato 2014/12/06
デザイン

javascript

gulp

Grunt
リンク
2014年総まとめ、jQueryのプラグインとスクリプト100選
毎年末にjQueryのプラグインをまとめていましたが、今年はプラグインの他に単体で動作するスクリプトも加えて、jQueryのプラグインとスクリプトの総まとめとして記事にしました。今年目立ったのは、去年から引き続きアニメーション系、縦長ページ用のスクリプトでしょうか。 1カラムのレイアウトが流行っているためか背景関連も充実していました。それとSVGをより簡単に利用できるようになったのも大きな目玉ですね。また、jQueryに依存しない、単体で動作するスクリプトも多く開発されるようになったと思います。背景関連 SVG関連縦長ページ関連スクロール連動・パララックス関連その他スクロール操作・補助関連レスポンシブ関連ナビゲーション関連レイアウト関連コンテンツ生成関連コンテンツ紹介・ツアー関連スライダー・カルーセル関連画像拡大・配置・キャプション関連アニメーション関連エフェ
boheanimato 2014/12/05
jQuery

javascript
リンク
はじめてのJavaScript / JS Girls Tokyo #1
JS Girls Tokyo #1で、JavaScript初心者向けの勉強方法について話しました。私自身、HTML/CSSはできてもJavaScriptが大の苦手でしたが、@hokaccha 先生による修行によって、なんとか理解できるようになりました。その修業の中で、何をどうやって勉強したかを紹介することによって、同じように悩んでいる人へのヒントになればうれしいなと思って書いてみました。スライド中のリンクをクリックしたい場合は、下記のSlideShareの方（内容はまったく同じ）でご覧くださいませ〜！はじめてのJavaScript / JS Girls Tokyo #1 http://www.slideshare.net/tacamy/js-girls1-32102921
boheanimato 2014/03/10
手を動かすのは本と大事かもー。

JavaScript
リンク
1