867 lines
52 KiB
HTML
867 lines
52 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh">
|
||
|
||
<head>
|
||
<script async src = "//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js" >
|
||
</script>
|
||
<script>
|
||
(adsbygoogle = window.adsbygoogle || []).push({
|
||
google_ad_client: "ca-pub-8550836177608334",
|
||
enable_page_level_ads: true
|
||
});
|
||
</script>
|
||
<script>
|
||
var _hmt = _hmt || [];
|
||
(function() {
|
||
var hm = document.createElement("script");
|
||
hm.src = "https://hm.baidu.com/hm.js?c05bb16ea908292af9f6c513087a1cc3";
|
||
var s = document.getElementsByTagName("script")[0];
|
||
s.parentNode.insertBefore(hm, s);
|
||
})();
|
||
</script>
|
||
<meta charset="utf-8">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
<meta name="author" content="viggo" />
|
||
<title>WebStack.cc - youtube网址导航</title>
|
||
<meta name="keywords" content="UI设计,UI设计素材,设计导航,网址导航,设计资源,创意导航,创意网站导航,设计师网址大全,设计素材大全,设计师导航,UI设计资源,优秀UI设计欣赏,设计师导航,设计师网址大全,设计师网址导航,产品经理网址导航,交互设计师网址导航,www.webstack.cc">
|
||
<meta name="description" content="WebStack - 收集国内外优秀设计网站、UI设计资源网站、灵感创意网站、素材资源网站，定时更新分享优质产品设计书签。www.webstack.cc">
|
||
<link rel="shortcut icon" href="../assets/images/favicon.png">
|
||
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Arimo:400,700,400italic">
|
||
<link rel="stylesheet" href="../assets/css/fonts/linecons/css/linecons.css">
|
||
<link rel="stylesheet" href="../assets/css/fonts/fontawesome/css/font-awesome.min.css">
|
||
<link rel="stylesheet" href="../assets/css/bootstrap.css">
|
||
<link rel="stylesheet" href="../assets/css/xenon-core.css">
|
||
<link rel="stylesheet" href="../assets/css/xenon-components.css">
|
||
<link rel="stylesheet" href="../assets/css/xenon-skins.css">
|
||
<link rel="stylesheet" href="../assets/css/nav.css">
|
||
<script src="../assets/js/jquery-1.11.1.min.js"></script>
|
||
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
|
||
<!--[if lt IE 9]>
|
||
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
|
||
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
|
||
<![endif]-->
|
||
<!-- / FB Open Graph -->
|
||
<meta property="og:type" content="article">
|
||
<meta property="og:url" content="http://www.webstack.cc/">
|
||
<meta property="og:title" content="WebStack - 收集国内外优秀设计网站、UI设计资源网站、灵感创意网站、素材资源网站，定时更新分享优质产品设计书签。www.webstack.cc">
|
||
<meta property="og:description" content="UI设计,UI设计素材,设计导航,网址导航,设计资源,创意导航,创意网站导航,设计师网址大全,设计素材大全,设计师导航,UI设计资源,优秀UI设计欣赏,设计师导航,设计师网址大全,设计师网址导航,产品经理网址导航,交互设计师网址导航,www.webstack.cc">
|
||
<meta property="og:image" content="http://webstack.cc/assets/images/webstack_banner_cn.png">
|
||
<meta property="og:site_name" content="WebStack - 收集国内外优秀设计网站、UI设计资源网站、灵感创意网站、素材资源网站，定时更新分享优质产品设计书签。www.webstack.cc">
|
||
<!-- / Twitter Cards -->
|
||
<meta name="twitter:card" content="summary_large_image">
|
||
<meta name="twitter:title" content="WebStack - 收集国内外优秀设计网站、UI设计资源网站、灵感创意网站、素材资源网站，定时更新分享优质产品设计书签。www.webstack.cc">
|
||
<meta name="twitter:description" content="UI设计,UI设计素材,设计导航,网址导航,设计资源,创意导航,创意网站导航,设计师网址大全,设计素材大全,设计师导航,UI设计资源,优秀UI设计欣赏,设计师导航,设计师网址大全,设计师网址导航,产品经理网址导航,交互设计师网址导航,www.webstack.cc">
|
||
<meta name="twitter:image" content="http://www.webstack.cc/assets/images/webstack_banner_cn.png">
|
||
</head>
|
||
|
||
<body class="page-body">
|
||
<!-- skin-white -->
|
||
<div class="page-container">
|
||
<div class="sidebar-menu toggle-others fixed">
|
||
<div class="sidebar-menu-inner">
|
||
<header class="logo-env">
|
||
<!-- logo -->
|
||
<div class="logo">
|
||
<a href="index.html" class="logo-expanded">
|
||
<img src="../assets/images/logo@2x.png" width="100%" alt="" />
|
||
</a>
|
||
<a href="index.html" class="logo-collapsed">
|
||
<img src="../assets/images/logo-collapsed@2x.png" width="40" alt="" />
|
||
</a>
|
||
</div>
|
||
<div class="mobile-menu-toggle visible-xs">
|
||
<a href="#" data-toggle="user-info-menu">
|
||
<i class="linecons-cog"></i>
|
||
</a>
|
||
<a href="#" data-toggle="mobile-menu">
|
||
<i class="fa-bars"></i>
|
||
</a>
|
||
</div>
|
||
</header>
|
||
<ul id="main-menu" class="main-menu">
|
||
<li>
|
||
<a href="#常用推荐" class="smooth">
|
||
<i class="linecons-star"></i>
|
||
<span class="title">常用推荐</span>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="#社区资讯" class="smooth">
|
||
<i class="linecons-doc"></i>
|
||
<span class="title">社区资讯</span>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a>
|
||
<i class="linecons-lightbulb"></i>
|
||
<span class="title">灵感采集</span>
|
||
</a>
|
||
<ul>
|
||
<li>
|
||
<a href="#发现产品" class="smooth">
|
||
<span class="title">发现产品</span>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="#界面灵感" class="smooth">
|
||
<span class="title">界面灵感</span>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="#网页灵感" class="smooth">
|
||
<span class="title">网页灵感</span>
|
||
<span class="label label-pink pull-right hidden-collapsed">Hot</span>
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
|
||
|
||
<li>
|
||
<a href="#UED团队" class="smooth">
|
||
<i class="linecons-user"></i>
|
||
<span class="title">UED团队</span>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="about.html">
|
||
<i class="linecons-heart"></i>
|
||
<span class="tooltip-blue">关于本站</span>
|
||
<span class="label label-Primary pull-right hidden-collapsed">♥︎</span>
|
||
</a>
|
||
</li>
|
||
<!-- <div class="submit-tag">
|
||
<a href="about.html">
|
||
<i class="linecons-heart"></i>
|
||
<span class="tooltip-blue">关于本站</span>
|
||
<span class="label label-Primary pull-right hidden-collapsed">♥︎</span>
|
||
</a>
|
||
</div> -->
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="main-content">
|
||
<nav class="navbar user-info-navbar" role="navigation">
|
||
<!-- User Info, Notifications and Menu Bar -->
|
||
<!-- Left links for user info navbar -->
|
||
<ul class="user-info-menu left-links list-inline list-unstyled">
|
||
<li class="hidden-sm hidden-xs">
|
||
<a href="#" data-toggle="sidebar">
|
||
<i class="fa-bars"></i>
|
||
</a>
|
||
</li>
|
||
<li class="dropdown hover-line language-switcher">
|
||
<a href="../cn/index.html" class="dropdown-toggle" data-toggle="dropdown">
|
||
<img src="../assets/images/flags/flag-cn.png" alt="flag-cn" /> Chinese
|
||
</a>
|
||
<ul class="dropdown-menu languages">
|
||
<li>
|
||
<a href="../en/index.html">
|
||
<img src="../assets/images/flags/flag-us.png" alt="flag-us" /> English
|
||
</a>
|
||
</li>
|
||
<li class="active">
|
||
<a href="../cn/index.html">
|
||
<img src="../assets/images/flags/flag-cn.png" alt="flag-cn" /> Chinese
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
<ul class="user-info-menu right-links list-inline list-unstyled">
|
||
<li class="hidden-sm hidden-xs">
|
||
<a href="https://github.com/WebStackPage/WebStackPage.github.io" target="_blank">
|
||
<i class="fa-github"></i> GitHub
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
<!-- <a href="https://github.com/WebStackPage/WebStackPage.github.io" target="_blank"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt="Fork me on GitHub"></a> -->
|
||
|
||
</nav>
|
||
<!-- 常用推荐 -->
|
||
<h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="常用推荐"></i>官网</h4>
|
||
<div class="row">
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://dribbble.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://dribbble.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img data-src="../assets/images/logos/dribbble.png" class="lozad img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>Youtube</strong>
|
||
</a>
|
||
<p class="overflowClip_2">全球最大的视频品台。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://developers.google.com/youtube?hl=zh-cn', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://behance.net/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img data-src="../assets/images/logos/behance.png" class="lozad img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>youtube developers</strong>
|
||
</a>
|
||
<p class="overflowClip_2">youtube developers。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.ui.cn/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.ui.cn/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img data-src="../assets/images/logos/uicn.png" class="lozad img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>UI中国</strong>
|
||
</a>
|
||
<p class="overflowClip_2">图形交互与界面设计交流、作品展示、学习平台。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.zcool.com.cn/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.zcool.com.cn/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img data-src="../assets/images/logos/zcool.png" class="lozad img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>站酷</strong>
|
||
</a>
|
||
<p class="overflowClip_2">中国人气设计师互动平台</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.pinterest.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.pinterest.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img data-src="../assets/images/logos/pinterest.png" class="lozad img-circle" width="40">
|
||
</a>
|
||
<span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>Pinterest</strong>
|
||
</a>
|
||
<p class="overflowClip_2">全球美图收藏采集站</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://huaban.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://huaban.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img data-src="../assets/images/logos/huaban.png" class="lozad img-circle" width="40">
|
||
</a>
|
||
<span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>花瓣</strong>
|
||
</a>
|
||
<p class="overflowClip_2">收集灵感,保存有用的素材</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://medium.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://medium.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img data-src="../assets/images/logos/medium.png" class="lozad img-circle" width="40">
|
||
</a>
|
||
<span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>Medium</strong>
|
||
</a>
|
||
<p class="overflowClip_2">高质量设计文章</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.uisdc.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.uisdc.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img data-src="../assets/images/logos/uisdc.png" class="lozad img-circle" width="40">
|
||
</a>
|
||
<span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>优设</strong>
|
||
</a>
|
||
<p class="overflowClip_2">设计师交流学习平台</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.producthunt.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.producthunt.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img data-src="../assets/images/logos/producthunt.png" class="lozad img-circle" width="40">
|
||
</a>
|
||
<span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>Producthunt</strong>
|
||
</a>
|
||
<p class="overflowClip_2">发现新鲜有趣的产品</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.youtube.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.youtube.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img data-src="../assets/images/logos/youtube.png" class="lozad img-circle" width="40">
|
||
</a>
|
||
<span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>Youtube</strong>
|
||
</a>
|
||
<p class="overflowClip_2">全球最大的学习分享平台</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.google.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.google.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img data-src="../assets/images/logos/google.png" class="lozad img-circle" width="40">
|
||
</a>
|
||
<span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>Google</strong>
|
||
</a>
|
||
<p class="overflowClip_2">全球最大的UI学习分享平台</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<br />
|
||
<!-- END 常用推荐 -->
|
||
<!-- 推荐 -->
|
||
<h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="界面灵感"></i>推荐</h4>
|
||
<div class="row">
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.aliyun.com/minisite/goods?userCode=xtct5egx&share_source=copy_link', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.aliyun.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img data-src="../assets/images/logos/aliyun.png" class="lozad img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>阿里云</strong>
|
||
</a>
|
||
<p class="overflowClip_2">点击领取2000元限量云产品优惠券</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.gulusucai.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.gulusucai.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img data-src="../assets/images/logos/gulusucai.png" class="lozad img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>咕噜素材</strong>
|
||
</a>
|
||
<p class="overflowClip_2">质量很高的设计素材网站（推荐）</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://xiyou4you.us/r/?s=13731627', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://xiyou4you.us">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img data-src="../assets/images/logos/xiyou.png" class="lozad img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>西游-科学上网</strong>
|
||
</a>
|
||
<p class="overflowClip_2">优秀的科学上网（略贵，但是贼稳，点击注册领取优惠券）</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- <div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.link360.top/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.link360.top/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img data-src="../assets/images/logos/ss-kexueshangwang.png" class="lozad img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>SS梯子</strong>
|
||
</a>
|
||
<p class="overflowClip_2">SS梯子-科学上网（实惠，但是不太稳）</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div> -->
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.shejizhoukan.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.shejizhoukan.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img data-src="../assets/images/logos/shejizhoukan.png" class="lozad img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>设计周刊</strong>
|
||
</a>
|
||
<p class="overflowClip_2">最新设计资讯（每天更新）</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.ziticangku.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.ziticangku.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img data-src="../assets/images/logos/ziticangku.png" class="lozad img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>字体仓库</strong>
|
||
</a>
|
||
<p class="overflowClip_2">最全的免费商用字体库</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://eleduck.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://eleduck.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img data-src="../assets/images/logos/eleduck.png" class="lozad img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>电鸭社区</strong>
|
||
</a>
|
||
<p class="overflowClip_2">国内最早的远程工作社区，也是互联网工作者们的聚集地，非常适合设计开发小伙伴关注</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<br />
|
||
<!--END 推荐 -->
|
||
<!-- 社区资讯 -->
|
||
<h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="社区资讯"></i>社区资讯</h4>
|
||
<div class="row">
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.leiphone.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.leiphone.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img data-src="../assets/images/logos/leiphone.png" class="lozad img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>雷锋网</strong>
|
||
</a>
|
||
<p class="overflowClip_2">人工智能和智能硬件领域的互联网科技媒体</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://36kr.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://36kr.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img data-src="../assets/images/logos/36kr.png" class="lozad img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>36kr</strong>
|
||
</a>
|
||
<p class="overflowClip_2">创业资讯、科技新闻</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.digitaling.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.digitaling.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img data-src="../assets/images/logos/digitaling.png" class="lozad img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>数英网</strong>
|
||
</a>
|
||
<p class="overflowClip_2">数字媒体及职业招聘网站</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.lieyunwang.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.lieyunwang.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img data-src="../assets/images/logos/lieyunwang.png" class="lozad img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>猎云网</strong>
|
||
</a>
|
||
<p class="overflowClip_2">互联网创业项目推荐和创业创新资讯</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.woshipm.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.woshipm.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img data-src="../assets/images/logos/woshipm.png" class="lozad img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>人人都是产品经理</strong>
|
||
</a>
|
||
<p class="overflowClip_2">产品经理、产品爱好者学习交流平台</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.zaodula.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.zaodula.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img data-src="../assets/images/logos/zaodula.png" class="lozad img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>互联网早读课</strong>
|
||
</a>
|
||
<p class="overflowClip_2">互联网行业深度阅读与学习平台</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.chanpin100.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.chanpin100.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img data-src="../assets/images/logos/chanpin100.png" class="lozad img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>产品壹佰</strong>
|
||
</a>
|
||
<p class="overflowClip_2">为产品经理爱好者提供最优质的产品资讯、原创内容和相关视频课程</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.pmcaff.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.pmcaff.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img data-src="../assets/images/logos/pmcaff.png" class="lozad img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>PMCAFF</strong>
|
||
</a>
|
||
<p class="overflowClip_2">中国第一产品经理人气组织，专注于研究互联网产品</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.iyunying.org/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.iyunying.org/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img data-src="../assets/images/logos/iyunying.png" class="lozad img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>爱运营</strong>
|
||
</a>
|
||
<p class="overflowClip_2">网站运营人员学习交流，专注于网站产品运营管理、淘宝运营。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.niaogebiji.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.niaogebiji.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img data-src="../assets/images/logos/niaogebiji.png" class="lozad img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>鸟哥笔记</strong>
|
||
</a>
|
||
<p class="overflowClip_2">移动互联网第一干货平台</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.gtn9.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.gtn9.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img data-src="../assets/images/logos/gtn9.png" class="lozad img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>古田路9号</strong>
|
||
</a>
|
||
<p class="overflowClip_2">国内专业品牌创意平台</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.uigreat.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.uigreat.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img data-src="../assets/images/logos/uigreat.png" class="lozad img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>优阁网</strong>
|
||
</a>
|
||
<p class="overflowClip_2">UI设计师学习交流社区</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<br />
|
||
<!--END 社区资讯 -->
|
||
<!-- 发现产品 -->
|
||
<h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="发现产品"></i>发现产品</h4>
|
||
<div class="row">
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.producthunt.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.producthunt.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img data-src="../assets/images/logos/producthunt.png" class="lozad img-circle" width="40">
|
||
</a>
|
||
<span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>Producthunt</strong>
|
||
</a>
|
||
<p class="overflowClip_2">发现新鲜有趣的产品</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://next.36kr.com/posts', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://next.36kr.com/posts">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img data-src="../assets/images/logos/NEXT.png" class="lozad img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>NEXT</strong>
|
||
</a>
|
||
<p class="overflowClip_2">不错过任何一个新产品</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://sspai.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://sspai.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img data-src="../assets/images/logos/sspai.png" class="lozad img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>少数派</strong>
|
||
</a>
|
||
<p class="overflowClip_2">高品质数字消费指南</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://liqi.io/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://liqi.io/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img data-src="../assets/images/logos/liqi.png" class="lozad img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>利器</strong>
|
||
</a>
|
||
<p class="overflowClip_2">创造者和他们的工具</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://today.itjuzi.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://today.itjuzi.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img data-src="../assets/images/logos/today.png" class="lozad img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>Today</strong>
|
||
</a>
|
||
<p class="overflowClip_2">为身边的新产品喝彩</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://faxian.appinn.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://faxian.appinn.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img data-src="../assets/images/logos/appinn.png" class="lozad img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>小众软件</strong>
|
||
</a>
|
||
<p class="overflowClip_2">在这里发现更多有趣的应用</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<br />
|
||
<!--END 发现产品 -->
|
||
|
||
<br />
|
||
<!--END UED团队 -->
|
||
<!-- Main Footer -->
|
||
<!-- Choose between footer styles: "footer-type-1" or "footer-type-2" -->
|
||
<!-- Add class "sticky" to always stick the footer to the end of page (if page contents is small) -->
|
||
<!-- Or class "fixed" to always fix the footer to the end of page -->
|
||
<footer class="main-footer sticky footer-type-1">
|
||
<div class="footer-inner">
|
||
<!-- Add your copyright text here -->
|
||
<div class="footer-text">
|
||
© 2017-2022
|
||
<a href="../cn/about.html"><strong>WebStack</strong></a> design by <a href="https://www.viggoz.com" target="_blank"><strong>Viggo</strong></a>
|
||
<!-- - Purchase for only <strong>23$</strong> -->
|
||
</div>
|
||
<!-- Go to Top Link, just add rel="go-top" to any link to add this functionality -->
|
||
<div class="go-up">
|
||
<a href="#" rel="go-top">
|
||
<i class="fa-angle-up"></i>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
</div>
|
||
</div>
|
||
<!-- 锚点平滑移动 -->
|
||
<script type="text/javascript">
|
||
$(document).ready(function() {
|
||
//img lazy loaded
|
||
const observer = lozad();
|
||
observer.observe();
|
||
|
||
$(document).on('click', '.has-sub', function(){
|
||
var _this = $(this)
|
||
if(!$(this).hasClass('expanded')) {
|
||
setTimeout(function(){
|
||
_this.find('ul').attr("style","")
|
||
}, 300);
|
||
|
||
} else {
|
||
$('.has-sub ul').each(function(id,ele){
|
||
var _that = $(this)
|
||
if(_this.find('ul')[0] != ele) {
|
||
setTimeout(function(){
|
||
_that.attr("style","")
|
||
}, 300);
|
||
}
|
||
})
|
||
}
|
||
})
|
||
$('.user-info-menu .hidden-sm').click(function(){
|
||
if($('.sidebar-menu').hasClass('collapsed')) {
|
||
$('.has-sub.expanded > ul').attr("style","")
|
||
} else {
|
||
$('.has-sub.expanded > ul').show()
|
||
}
|
||
})
|
||
$("#main-menu li ul li").click(function() {
|
||
$(this).siblings('li').removeClass('active'); // 删除其他兄弟元素的样式
|
||
$(this).addClass('active'); // 添加当前元素的样式
|
||
});
|
||
$("a.smooth").click(function(ev) {
|
||
ev.preventDefault();
|
||
|
||
public_vars.$mainMenu.add(public_vars.$sidebarProfile).toggleClass('mobile-is-visible');
|
||
ps_destroy();
|
||
$("html, body").animate({
|
||
scrollTop: $($(this).attr("href")).offset().top - 30
|
||
}, {
|
||
duration: 500,
|
||
easing: "swing"
|
||
});
|
||
});
|
||
return false;
|
||
});
|
||
|
||
var href = "";
|
||
var pos = 0;
|
||
$("a.smooth").click(function(e) {
|
||
$("#main-menu li").each(function() {
|
||
$(this).removeClass("active");
|
||
});
|
||
$(this).parent("li").addClass("active");
|
||
e.preventDefault();
|
||
href = $(this).attr("href");
|
||
pos = $(href).position().top - 30;
|
||
});
|
||
</script>
|
||
<!-- Bottom Scripts -->
|
||
<script src="../assets/js/bootstrap.min.js"></script>
|
||
<script src="../assets/js/TweenMax.min.js"></script>
|
||
<script src="../assets/js/resizeable.js"></script>
|
||
<script src="../assets/js/joinable.js"></script>
|
||
<script src="../assets/js/xenon-api.js"></script>
|
||
<script src="../assets/js/xenon-toggles.js"></script>
|
||
<!-- JavaScripts initializations and stuff -->
|
||
<script src="../assets/js/xenon-custom.js"></script>
|
||
<script src="../assets/js/lozad.js"></script>
|
||
</body>
|
||
|
||
</html>
|