[B! frontrend] musicalaのブックマーク

musicala id:musicala

frontrendに関するmusicalaのブックマーク (7)

Git入門 v1.1.0
Frontrend Vol.6 powered by CyberAgent, Inc. http://frontrend.doorkeeper.jp/events/6907 で発表したプレゼン資料です。こういう資料に対する投げ銭的なのがどうなるのか気になっていたので、もしよろしければ・・・！15円からできるソーシャルカンパサービスだそうですm(_ _)m http://kampa.me/t/dev
musicala 2015/09/14
登壇者のまつかずさんといえば、やっぱり・・・ ⇒ いつやるの？Git入門 v1.1.0 by @matsukaz #frontrend #git via @SlideShare

frontrend
リンク
10分で出来そうなSVG+CSSのボーダーエフェクト
こんにちは。制作部の2児の父、近藤です。最近HTMLを勉強し始めた新卒2年目の子に、「簡単にできる、ちょっとカッコいいマウスオーバー表現ってありますか？」と相談されたので、 3分くらいで試せるエフェクトをご紹介したいと思います。早速ですが、以下、完成例。 BUY ME A BEER! 最近良く見かける、ボーダーがアニメーションするエフェクトです。埋め込み方以下まるっとコピペして調整してみてください。 HTML <a href="#" class="btnBorderEffect"> <svg width="400" height="60"> <rect width="400" height="60" /> <text x="72" y="40">BUY ME A BEER!</text> </svg> </a>
musicala 2014/08/19
frontrend

CSS
リンク
イケてる「ページトップへ戻る」ボタンサイトを集めてみた
最近は応援してるJリーグサッカーチームが好調で喜びのあまりお酒が止まらないタムラです。そして、夏になると音楽フェスに海にBBQに楽しみが尽きないですね。年甲斐なく焼けてしまうので今年から日焼け止めをぬりたくってます。（可愛い日傘があれば購入を検討中）今回はかわいいページトップのうごきやおもしろいもの、デザインテイストが素敵なものなどを紹介したいと思います。ページの上部に戻るタイミングでアニメーションっぽい表現ページトップ（back to top）ボタンをクリックした後にアニメーションっぽく表現される3サイト紹介します。 1.webleeddesign　http://www.webleeddesign.com/ 2.janploch http://www.janploch.de/ TOPに戻るタイミングで水が満タンになっていくアニメーションがとても可愛いです。 3.More
musicala 2014/08/19
frontrend
リンク
Frontrend Extend - Mobile Testing with Appium
musicala 2014/08/06
どーなんだろ / Frontrend Extend ~ Mobile Testing with Appium ~ (08月07日) #frontrend via @frontrend_ca

frontrend
リンク
Modernizrの基本的な使い方 – ブラウザの機能にあわせて簡単にJS,CSSで分岐させる方法 | Stronghold Archive
どうもこんにちは。Toshikuraです。今回のTipsは【Modernizrの基本的な使い方 – ブラウザの機能にあわせて簡単にJS,CSSで分岐させる方法】です。つい先日公開した「jQuery CSS3 transf orm及びtransitionが動作するかどうかの判別方法 – CSS3アニメーションとjQueryアニメーションの使い分け」という記事でも少し書きましたが、Modernizrはブラウザの機能に併せてJSやCSSを簡単に分岐させる事ができる便利なライブラリです。いまさら!?と言われてしまえばそうなんですが…汗。復習の意味をこめて改めて基本的な部分からメモしていきます。個人的にはHTML5のCANVASが使用できるかの判別やSVGが使えるかの判別で使用する事があります。はじめにまずは公式ページでライブラリをダウンロードしてきましょう。どの判別/分岐を利用したいか選択する事
musicala 2014/08/01
frontrend
リンク
ページの表示速度を改善する方法 | Web Design Leaves
ページの表示速度を改善する方法について調べたことのメモ。 gzip 圧縮での高速化自分でファイルを圧縮する方法とサーバーでファイルを圧縮する方法の２通りある。ファイルを gzip 圧縮して .htaccess で圧縮ファイルを読み込む指定をする静的なウェブのあまり変更のないファイルに対して向いている。 Windows でファイルを圧縮するには、専用のソフトを使うか、CSS や JavaScript を圧縮するなら次のページで可能。Online JavaScript/CSS Compression Using YUI Compressor 圧縮すると、ファイルの拡張子は「.gz」になるのでこれをサーバーにアップロード。例えば、「base.css」を圧縮すると「base.css.gz」になり、サーバー上には「base.css」と「base.css.gz」の2種類のファイルがある。以下
musicala 2014/08/01
frontrend
リンク
『フロントエンドエンジニア養成読本』出版記念イベント - Frontrend | Doorkeeper
著者たちによるパネルディスカッション『フロントエンドエンジニア養成読本』が7月2日に発売されました。本書は、近年のフロントエンドエンジニアに求められる広範囲な技術を網羅したムック本です。これからフロントエンドエンジニアとして学びが必要な方、現在フロントエンドエンジニアでステップアップを目指す方にはおすすめの一冊です。今回は本書の出版を記念し、Frontrendで活動するスピーカーであり、サイバーエージェントの現場で開発をしているフロントエンドエンジニアである著者たちによる、パネルディスカッション形式のイベントをおこないます。各著者による、本書には収めきれなかったことや、執筆の裏側、今フロントエンドエンジニアに求められることについて、自身の経験などからお話しします。本イベントへのご質問 Q. 本イベントの参加には書籍の予習が必要ですか？ A. いいえ、大丈夫です。むしろまだ購入さ
musicala 2014/07/07
『フロントエンドエンジニア養成読本』出版記念イベント (07月17日) #frontrend @frontrend_caさんから

frontrend
リンク
1