bamboo_nのブックマーク / 2015年3月5日

bamboo_n id:bamboo_n

2015年3月5日のブックマーク (6件)

[JS]SVGを使ったアニメーションが楽しい、回転する新感覚のナビゲーションを実装するスクリプト -wheelnav.js
demo: pie menu アイコンをクリック（タップ）すると、バウンドしながらパイ状に広がります。省スペース用のシェアボタンとかにしてもよさそうです。 wheelnav.jsの使い方 Step 1: 外部ファイル当スクリプトとRaphaël.jsを外部ファイルとして記述します。 <head> ... <script type="text/javascript" src="js/required/raphael.min.js"></script> <script type="text/javascript" src="js/required/raphael.icons.js"></script> <script type="text/javascript" src="js/dist/wheelnav.js"></script> </head> Step 2: HTML ナビゲーションを
bamboo_n 2015/03/05
アニメーション

svg
リンク
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
bamboo_n 2015/03/05
レシピ
リンク
今話題のReact.jsはどのようなWebアプリケーションに適しているか？ Introduction To React─ Frontrend Conference
今話題のReact.jsはどのようなWebアプリケーションに適しているか？ Introduction To React─ Frontrend Conference 外村和仁（株式会社ピクセルグリッド）本記事は、2015/2/21に行われたFrontrend Conferenceの「Introduction To React」の内容を紹介します。当日の資料は以下にアップされていますので、こちらも参照してください。 Introduction To React // Speaker Deck React.jsとは何か React.jsはFacebook製のJavaScriptライブラリです。 http://facebook.github.io/react/ 公式サイトに、「A JavaScript library for building user interfaces」とあるように、R
bamboo_n 2015/03/05
JavaScript

react.js
リンク
Ajaxを劇的に簡単にするReact.js
ここ数年、Javascript界隈でフレームワーク戦争が勃発してきました。クライアント開発の規模も年々大きくなり、jQueryだけでは複雑な画面遷移などを管理しきれなくなってきたのが原因だと思います。私も昨年までAngularとbackboneを試しましたが、サーバサイドをMVCにしているのに、クライアントでもMVCを作るMVCの2階建ては、やり過ぎなのではないかと思っていました。フレームワークそのもの覚えるまでにも一苦労というのも面倒に感じました。 2014年、海外でブームに火が付いたReact.js そんな中、2014年の後半からFacebook発のReact.jsの採用事例が聞こえてくるようになりました。AirBnBや米Yahoo! Mailなど大手がReact.jsを積極的に採用し出したので気になり、年末年始を使って色々調べてみることにしました。 Rails以来の衝撃色々試して
bamboo_n 2015/03/05
Ajax
リンク
初心者でもすぐに役立つ！SEOに効くGoogleウェブマスターツールの機能と使い方 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
じつかわです。ヴォラーレでSEO コンサルティングをやってます。さて、今回のテーマは「Googleウェブマスターツールの使い方」。なんとなく便利なことは知っているけど活用できていない、という方は多いのではないでしょうか。多機能で便利なウェブマスターツールですが、今回は初心者でもすぐに改善に役立てる機能をピックアップしました。ウェブマスターツールって、何？ウェブマスターツールとはGoogleが公式に提供する無料のサイト改善ツールで、WebサイトがGoogleからどのような状態に見えているか、を教えてくれます。 https://www.google.com/webmasters/tools/home?hl=ja Googleアナリティクスなどのアクセス解析ツールでは、サイトへのユーザーのアクセス状況などは分かりますが、WebサイトがGoogleにどう見られているかを知ることはできません。
bamboo_n 2015/03/05
SEO
リンク
CSSで泥沼にはまらない3つのアプローチ｜『プロとして恥ずかしくない新・WEBデザインの大原則』発売記念イベント
注釈 60分のセミナー用のスライドです 60分間ひたすらしゃべるための資料なので、目次はありませんセミナーのフォローアップのために公開しています文字が大きいのは、会場の後ろの席でも見えるようにするためです Cascading Style Sheets .header { margin: 8px; color: #f00; } マジックナンバーの良くない例 .main { float: left; width: 640px; } .main h1 { width: 640px; } .main p { width: 640px; } .main ul li { width: 620px; margin-left: 20px; } 数値が乱立 .aaa { width: 640px; } .bbb { width: 324px; } .ccc { width: 216px; } .ddd
bamboo_n 2015/03/05
あとで読む
リンク
- 2015年3月6日
- 2015年3月5日
- 2015年3月4日