原有的port

http://localhost:15175/

Read More

UI素材網址

sketch教學影片
https://www.youtube.com/watch?v=dxUR0kfidb0

sketch素材網
https://www.sketchappsources.com/

sketchrepo
https://sketchrepo.com/

freebiesupply
https://freebiesupply.com/

psdreop (psd)
https://psdrepo.com/

os-templates (psd)
http://www.os-templates.com/free-psd-templates

freebiesbug (psd)
https://freebiesbug.com/

Read More

[安卓] UI

https://juejin.im/entry/59acfb81f265da248c397371

InkscapePortable

http://makeappicon.com/

先做大圖 SVG，然後轉PNG。

Read More

使用Photoshop網頁設計

圖層面板選項→取消增加拷貝至拷貝的圖層和群組

網頁用的設定：
編輯→偏好設定→單位和尺標→尺標和文字的單位都設定為像素
編輯→偏好設定→格點與切片→每格線輸入為10像素，細塊為1

Read More

前端工程師必備 — 最實用的 Chrome 套件集合（chrome extension）

轉自

https://pjchender.blogspot.tw/2016/08/chrome-chrome-extension.html

Read More

Bootstrap 輪播高度一致

本文的程式碼來自於 https://fantasyworld.idv.tw/2015/1542


$(function () {
    carouselNormalization();
});
function carouselNormalization() {
    var items = $('.carousel .carousel-inner .item'), heights = [], tallest, bwidth, height, width;
    if (items.length) {
        function normalizeHeights() {
            bwidth = $('.carousel').width();
            items.each(function () {
                height = $(this).height();
                width = $(this).width();
                if (width > bwidth) {
                    height = height * (bwidth / width);
                }
                heights.push(height);
            });
            tallest = Math.max.apply(null, heights);
            if (tallest > bwidth) {
                tallest = bwidth;
            }
            items.each(function () {
                $(this).css('height', tallest + 'px');
            });
        };
        normalizeHeights();
        $(window).on('resize', function () {
            bwidth = $('.carousel').width();
            heights = [];
            items.each(function () {
                $(this).css('height', 'auto');
            });
            normalizeHeights();
        });
    }
}


.carousel-inner{height: 300px;}

.img{width:100%;}

Read More

超好用響應式Nav大合集

http://navnav.co/

Read More