[Sketch] 資源列表

• Sketch中文用户手册
• Sketch shortcuts
• Sketch Tips
• Sketch Plugins
• Sketch Tricks
• teehan+lax
• Sketch Gems
• Sketch app sources
• Sketch Mine
• Brilliant Sketch
• Mengto Sketch
• Sketch 技巧分享
• Sketch cast
• Sketch 豆单

[實用] Youtube Thumbnail

(Image size depends on video.)

• Player Background Thumbnail (480x360 pixels)
  http://img.youtube.com/vi/<insert-youtube-video-id-here>/0.jpg
  
• Start Thumbnail (120x90 pixels)
  http://img.youtube.com/vi/<insert-youtube-video-id-here>/1.jpg
  
• Middle Thumbnail (120x90 pixels)
  http://img.youtube.com/vi/<insert-youtube-video-id-here>/2.jpg
  
• End Thumbnail (120x90 pixels)
  http://i1.ytimg.com/vi/<insert-youtube-video-id-here>/3.jpg
  
• High Quality Thumbnail (480x360 pixels)
  http://i1.ytimg.com/vi/<insert-youtube-video-id-here>/hqdefault.jpg
  
• Medium Quality Thumbnail (320x180 pixels)
  http://i1.ytimg.com/vi/<insert-youtube-video-id-here>/mqdefault.jpg
  
• Normal Quality Thumbnail (120x90 pixels)
  http://i1.ytimg.com/vi/<insert-youtube-video-id-here>/default.jpg

And additionally, the next two thumbnails may or may not exist. For HQ videos they exist.

• Standard Definition Thumbnail (640x480 pixels)
  http://i1.ytimg.com/vi/<insert-youtube-video-id-here>/sddefault.jpg
  
• Maximum Resolution Thumbnail (1920x1080 pixels)
  http://i1.ytimg.com/vi/<insert-youtube-video-id-here>/maxresdefault.jpg

• 1st Thumbnail Image, Small (120×90)

  http://img.youtube.com/vi/bQVoAWSP7k4/1.jpg
  

  3rd Thumbnail Image, Small (120×90)

  http://img.youtube.com/vi/bQVoAWSP7k4/3.jpg
  

  2nd | Default Thumbnail Image, Small (120×90)

  http://img.youtube.com/vi/bQVoAWSP7k4/2.jpg
  

  Default Thumbnail Image, Full-Size (480×360)

  http://img.youtube.com/vi/bQVoAWSP7k4/0.jpg
  
  
  

[PHP] Laravel - PHP Framework 自學路徑

http://laravel.com/


1) 從零開始到Laravel環境架設




https://getcomposer.org/


2) Laravel 中文文件
http://kejyun.github.io/Laravel-4-Documentation-Traditional-Chinese/docs/introduction/


3) 相關應用Angular.JS

4) 挖更深 Laracast

https://laracasts.com/

[CSS] 形形色色

各種形狀的畫法
https://css-tricks.com/examples/ShapesOfCSS/

使用border畫六角形
http://jtauber.github.io/articles/css-hexagon.html

各式漸層的屬性
http://www.css3files.com/gradient/

漸層的按鈕
http://cssgradientbutton.com/

多重背景加動畫
http://www.hongkiat.com/blog/css3-multiple-backgrounds/

紙張陰影效果
http://www.paulund.co.uk/creating-different-css3-box-shadows-effects

[2D TO 3D] 相關技術與工具

http://insight3d.sourceforge.net/

You give it a series of photos of a real scene, it automatically matches them and then calculates positions in space from which each photo has been taken (plus camera’s optical parameters) along with a 3D pointcloud of the scene. You can then use insight3d’s modeling tools to create textured polygonal model.


http://www.photosculpt.net/

Create photorealistic 3D models and hi-res seamless tileable 3D textures easily from two photos.

http://www.123dapp.com/catch

Autodesk 123D is free software integrated with content and fabrication services. Free products and services are subject to the Autodesk, Inc, terms of use that accompany them.Capture places, people and things in 3D using your iPad, iPhone or any camera. Share your catches with friends and family, or 3D print a real object!

http://www.triayaam.com/index.php/neitra-3d-pro/

Image alignment in neitra 3D pro is the process of identifying the correct position and orientation of camera in a computer simulated 3D scene.

http://agisoft.ru/products/photoscan/standard/

Agisoft PhotoScan Standard automatically builds professional quality textured 3D models from still images. The program provides robust photo alignment, no coded targets or special shooting conditions being needed.

實用網頁素材與工具

= 50個你應該下載的免費HTML5 + CSS3套版 =

http://www.queness.com/community-news/13315/50-free-html5-css3-templates-which-you-should-download


= UI Parade 出品 線上工具=

http://livetools.uiparade.com/index.html


= 夢想天空 免費素材大集合 =

http://www.cnblogs.com/lhb25/

[CSS] 所見即所得產生器

Arrow

Gradient

Radius

Css 3.0 Maker