交叉排版

 <div class="row">
                        <div class="col-md-6 col-md-push-6">
                            <img src="http://fakeimg.pl/350x200/00CED1/FFF/?text=img+placeholder" class="img-responsive">
                        </div>
                        <div class="col-md-6 col-md-pull-6">
                            <div class="product_text right">
                                <p class="sub_title">雲端版</p>
                                <p class="text">風景新浪如果你一是搭配長大神話用品街道主角貸款空，有權針對旁邊一面請點擊到我，這場擁有質量組織有人。</p>
                            </div>
                        </div>
                    </div>

Read More

原有的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