顯示具有 js_website 標籤的文章。 顯示所有文章
顯示具有 js_website 標籤的文章。 顯示所有文章

2015年12月10日 星期四

Kendo UI At Any Screen Size 讓你的網頁可以在所有螢幕大小

http://www.telerik.com/blogs/kendo-ui-at-any-screen-size
Kendo UI At Any Screen Size
讓你的網頁可以在所有螢幕大小

UI adaptive progressively Responsive web design Framework

Five broad multi-thing development strategies:

  1. Build a responsive (RWD) web site/app for all things.Responsive web design
  2. Build a RESS (responsive web design with server-side components) website/app for all things.responsive web design with server-side components
  3. Build an adaptive/progressively enhanced web site/app for all things.adaptive progressively
  4. Build a website/web app/native app/hybrid native app for each individual thing or a grouping of things.
  5. Attempt to retrofit something you have already built using bits and parts from strategies 1, 2 or 3. This could be as simple as sprinkling in some screen-size agnostic UI parts or attempting to fully support other things with the entire UI.

http://www.pressinnov.com/2013/08/responsive-web-design-par-press-innov/
Responsive Web Design par Press’ Innov


UI Responsive Adaptive Design Framework
http://blog.zymr.com/responsive-vs-adaptive-design-for-ui
Responsive vs Adaptive Design for UI

原始碼 搜尋 javascript source code web developer

http://www.javascript-2.com
Javascript 2: Search 4000+ Free Javascript Codes
https://search.nerdydata.com/code
Code Search | NerdyData
http://grepcode.com
GrepCode.com - Java Source Code Search 2.0
http://code.openhub.net
Open Hub Code Search
https://github.com
https://help.github.com/articles/search-syntax/
GitHub


http://www.makeuseof.com/tag/open-source-matters-6-source-code-search-engines-you-can-use-for-programming-projects/
Open Source Matters: 6 Source Code Search Engines You Can Use For Programming Projects

http://www.hurricanesoftwares.com/top-13-best-source-code-search-engines/
Top 13 Best Source Code Search Engines

http://www.searchtools.com/tools/tools-opensource.html
Search Tools with Open Source Code

http://codebrief.com/2012/01/the-top-10-javascript-mvc-frameworks-reviewed/
The Top 10 Javascript MVC Frameworks Reviewed


2015年12月5日 星期六

50個實用 函式庫 資源 正夯 網頁設計 28個網頁版面設計趨勢,外國人似乎喜歡極簡,跟虛擬實境,加入“多解析度設定”,手勢支援(html5)

http://tutorialzine.com/2014/12/50-useful-libraries-resources-responsive-design/
50 Useful  Libraries and Resources for Responsive Web Design
50個實用  函式庫 資源 正夯 網頁設計


28 Inspiring Best Practices of Responsive Web Design
28個網頁版面設計趨勢,外國人似乎喜歡極簡,跟虛擬實境,加入“多解析度設定”,手勢支援(html5)




2015年12月4日 星期五

N64線上玩,需要java或flash支援,並需要“信任”安全設定,這可能有中毒危險

N64線上玩,需要java或flash支援,並需要“信任”安全設定,這可能有中毒危險




《 以下是 使用 瀏覽器 線上 執行 的 N64 遊戲 模擬器 》



《 以下是技術面的內容 》

A Big List of Browser-Based Emulators and Ports of Classic Games

PC/DOS

hashlist:

Emulators written in JavaScript

A list of emulators written in the JavaScript programming language
This list started as a compilation of JavaScript emulators posted to Echo JS over the years. If you know about any missing emulators, please consider adding them to the collection : the source for this page is available on GitHub. Thank you in advance. - Lastly, if you are into JavaScript, you might enjoy Echo JS.
  • Apple IIjs - An Apple ][ Emulator in JavaScript
  • a2 - A fast, WebGL optimized Apple ][+ emulator.
  • Apple2JS - A JavaScript emulator for the Apple II 
  • 1964js - JavaScript port of the 1964 N64 emulator for Windows
  • CycloaJS - JavaScript NES Emulator (Source)
  • GBA.js - Game Boy Advance in the Browser
  • (Source)
  • GameBoy Online - JavaScript GameBoy Color emulator (Source)
  • IodineGBA - A GameBoy Advance emulator written entirely in JavaScript (Source)
  • JS-VBA-M - JavaScript port of VisualBoyAdvance-M, a Game Boy Color / Advance emulator
  • JSNES - A JavaScript NES emulator (Source)
  • Nezulator - A NES emulator in JavaScript
  • XNES - Experimental JavaScript Super Nintendo emulators (Source)
  • fam - JavaScript NES emulator (Source)
  • jsGB - A GameBoy emulator in JavaScript (Source)
  • mupen64plus - A port of the popular Nintendo 64 emulator for the Web (Source)
  • n64js - An N64 emulator in JavaScript (Source) 
  • JS/Linux - JavaScript PC emulator
  • JsDOSBox - JavaScript PC DOS emulator (Source)
  • PCjs - IBM PC Model 5150 emulator
  • Virtual x86 - An x86 emulator written in JavaScript (Source)
  • jemul8 - An object-oriented JavaScript x86 emulator for Node.js and the Browser (Source)
  • jsbochs - Bochs PC emulator for the Browser (Source)
  • jsSMS - JavaScript Sega Master System & Game Gear emulator (Source)
  • Miracle - Sega Master System emulator (Source)
  • JSMESS - The JavaScript MESS (Multi Emulator Super System) (Source)
  • PCE - PC emulators in JavaScript (Atari ST, IBM PC 5150, Macintosh, RC759 Piccoline)
  • RetroArch - JavaScript port of RetroArch (bundles Gambatte (Gameboy), Genesis Plus GX, Handy (Lynx), Snes9x Next, VBA Next (GameBoy Advance), Tyrquake and FinalBurn Alpha)



日前google 發布 Chrome no longer supports NPAPI (technology required for Java applets)
Chrome 不久將不支援Java Web Start(從Web 下載並執行Java 應用程式),

                                      2015年10月27日 星期二

                                      關鍵字 與 搜尋 最佳化 分析 工具 SEO Trends and Techniques to Follow in 2014

                                      http://www.techseotricks.com/2014/01/seo-trends-and-techniques-to-follow-in-2014.html


                                      SEO Trends and Techniques to Follow in 2014

                                      By: Bhavuk Khandelwal IN 

                                      你可以使用搜尋引擎最佳化增加自己的排名與業績

                                      Panda update -喜歡高質量的內容來在頂級的搜索結果,而不是其他低質量的內容。


                                      Penguin update - 診斷垃圾連結


                                      Hummingbird 搜尋演算法- Introduced conversational search, 轉換更多目標


                                      Page Rank toolbar - 頁面漣漪工具


                                      Guest Posting 遊客分析 by Matt Cutts from Google.



                                      # SEO trends 2011 Vs 2014


                                      SEO-Trends-&-Techniques-in-2011-Vs-2014

                                       

                                      # Content Marketing is the Key for the Future


                                      We all know that quality always matters 
                                      內容市場的關鍵,讓你編寫高品質的內容 取得分析社群互動
                                       social media marketing. 

                                      Read : How to Grow Business with Content Marketing

                                      就商業內容而言,你需要更多商業化品牌的內容,你可以知道讀者與品牌參與的線索與連擊和更好的回報率

                                      Read : Content Marketing Scope and Effect on Author Rank

                                      google趨勢分析
                                       # Implement Google Authorship for Branding
                                        



                                      Benefits of Google Authorship Implementation
                                      • Ownership of your Content Images, identity and mainly your website你的內容圖像的所有權,身份,主要是你的網站
                                      • Google displays your Content and Google+ images in Rich Snippets in Google Search Results播放你的圖在g+圖上
                                      • Authorship increases Visibility of your results in SEPR's著作能見度
                                      • Authorship increases Click-through rates by showing Rich Snippets in SERP's著作權增加點擊率通過展示在搜索結果頁面的豐富網頁摘要
                                      • It Builds Authority, and helps users to recognize your content 幫助使用者便是你的內容
                                      • It helps in Quick Indexing of your Content 索引你的資料

                                      行動最佳化,手機瀏覽

                                      # Mobile Optimized Version of your website 

                                      Faulty Redirects 

                                      弄個專屬手機的版面介面吧
                                       


                                      mobile redirection for users - faulty redirections
                                      As you can see user clicking on any page of the website in search results, is redirected to a single mobile optimized page of a website.
                                       


                                      Mobile optimized versions site breakdown for fortune 100 companies

                                      Read : Build links and traffic with Forums


                                      社群大爆發

                                      # Social Media is on Boom

                                      社群多麼重要啊

                                      Google is relying more on social signals rather human. Any content with more likes, +1's, shares分享 
                                      Read : Use Pinterest and Boom on Social Media, How?


                                      Focus on Google+


                                      Google+-contributing-in-SEO-ranking-factors
                                      Imagesource : Moz


                                      Google+ gives do-follow back links 
                                        content strategy for your social profiles  
                                      Must Read : How to improve search rankings with Google+


                                      # Having a Blog of Your Brand

                                      部落格紀錄

                                      Brands having a blog have more traffic and leads. Create blog if your brand don't have any and start writing high quality content about your product & services. 

                                      Tell users about your brand. It helps in increasing traffic, Improves author rank with content marketing as well as in brand value creation. Link your blog to your website to pass page rank.


                                      # Don't Forget Link Building


                                      別忘了“連結” ,幫你的資料建立有效連結,確保他暢通
                                      Link Building was one of the traditional approach for SEO, but things have changed now. Google is penalizing websites building unnatural links so prepare quality links. 

                                      Read : Quality Link Building Tips for 2014

                                      Avoid guest posting as Google consider it as a spam. If you are writing something high quality, unique concept and want people out there to know about it then you can write guest posts. 

                                      Build links with relevant sites, Avoid using exact match anchor text for external links and various forms of anchor texts for link building. 

                                      Don't Miss : How to remove unnatural links penalty from website
                                       

                                      其他
                                      RSS 系統 其實 有效 提升 搜尋命中

                                      2015年10月21日 星期三

                                      開放空間 網站 探索器 100個免費工具 網站測量 可以知道網站更新或新增速度 crawling

                                      Open Site Explorer

                                      開放空間 網站 探索器


                                      https://moz.com/blog/100-free-seo-tools
                                      100個免費工具

                                      Anchor Text Over Optimization Tool

                                      由google演算法最佳化你的描述

                                       Bing Webmaster Tools

                                      網站測量,可以知道網站更新或新增速度

                                       Bitly

                                      幫你縮短網址,背後分析關鍵字與超連結的狀態與關係

                                      BuiltWith

                                      分析網站使用的技術

                                      Buzzstream Tools Suite

                                      自動別人產生連結或抽取資料

                                       Caption Tube

                                      youtube字幕或是 註解的工具

                                       CircleCount

                                      追蹤誰在分享,誰在連結,誰在追蹤

                                      Content Strategy Generator Tool

                                      內容與關鍵字市場分析

                                      Convert Word Documents to Clean HTML

                                      輕鬆移除網頁標注語法

                                      Copyscape

                                      評定該文章是否被抄襲的工具

                                      Domain Hunter Plus

                                      檢查超連結的主機是否回應

                                       Google Keyword Planner

                                      廣告關鍵字分析

                                      Google Analytics

                                      google分析

                                      Google Map Maker

                                      google 自建地圖

                                      Google Public Data

                                      google 公開資訊 大數據

                                      Google Trends

                                      google 流行趨勢

                                      Top 10 free Google SEO tools for Online Business Owners
                                      http://www.examiner.com/list/top-10-free-google-seo-tools-for-online-business-owners

                                      Google Analytics
                                      Google Public Data
                                      Google Key Word Planner
                                      Page Speed Insights
                                      Google Map Maker
                                      SERP Snippet Optimization Tools
                                      Structured Data Testing
                                      Google Trends
                                      Google Web Master
                                      Google Sites

                                      Internet Marketing Ninjas SEO Tools

                                      提供工具箱

                                      Remove Duplicate Items

                                      檢查重複資料

                                      Seer Toolbox

                                      站點分析 資源分析

                                      SEO Toolbar

                                      工具包

                                      SharedCount

                                      社群網路分享狀態

                                       Social Authority API

                                      社群網站分享力分析

                                      Social Crawlytics

                                      社群網站裡你被分享最多的文章

                                      Social Mention


                                       Text Cleaner

                                      清理網頁特徵

                                      Virante SEO Tools

                                      完整的工具包

                                      Ahrefs

                                      分析你的客群

                                      Majestic SEO


                                      MozBar


                                      RowFeeder


                                      Screaming Frog



                                      2015年10月18日 星期日

                                      就是個線上寫javascript 又可以直接測試的地方

                                      http://jsfiddle.net

                                      就是個線上寫javascript 又可以直接測試的地方

                                      1. Run:執行你所輸入的 HTML, CSS, JavaScript 並顯示在右下角的 Result 視窗裡。

                                      2. Update:儲存更新版本 ( 快速鍵為 Ctrl+S ),

                                      3. Fork:把修改的內容更新到網頁去

                                      4. Reset:將 HTML, CSS, JavaScript 這三個欄位的內容清空

                                      5. TidyUp: HTML, CSS, JavaScript 這三個欄位的內容進行排版

                                      6. JSLint:驗證 JavaScript 的語法是否符合。  


                                      7. Discuss:線上討論