mirror of
https://github.com/WebStackPage/WebStackPage.github.io.git
synced 2026-02-06 11:53:17 +08:00
update
This commit is contained in:
Viggo
692
cn/index.html
692
cn/index.html
@@ -176,21 +176,21 @@
|
||||
<span class="title">在线工具</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<!-- <li>
|
||||
<a href="#Sketch插件" class="smooth">
|
||||
<span class="title">Sketch插件</span>
|
||||
</a>
|
||||
</li>
|
||||
</li> -->
|
||||
<li>
|
||||
<a href="#Chrome插件" class="smooth">
|
||||
<span class="title">Chrome插件</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<!-- <li>
|
||||
<a href="#H5制作" class="smooth">
|
||||
<span class="title">H5制作</span>
|
||||
</a>
|
||||
</li>
|
||||
</li> -->
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
@@ -199,6 +199,11 @@
|
||||
<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>
|
||||
@@ -214,11 +219,6 @@
|
||||
<span class="title">设计电台</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#设计规范" class="smooth">
|
||||
<span class="title">设计规范</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
@@ -2776,11 +2776,11 @@
|
||||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.adobe.com/cn/products/illustrator/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.adobe.com/cn/products/illustrator/">
|
||||
<div class="xe-comment-entry">
|
||||
<a class="xe-user-img">
|
||||
<img src="../assets/images/logos/illustrator.png" class="img-circle" width="40">
|
||||
<img src="../assets/images/logos/Illustrator.png" class="img-circle" width="40">
|
||||
</a>
|
||||
<div class="xe-comment">
|
||||
<a href="#" class="xe-user-name overflowClip_1">
|
||||
<strong>illustrator</strong>
|
||||
<strong>Illustrator</strong>
|
||||
</a>
|
||||
<p class="overflowClip_2">矢量图形和插图。</p>
|
||||
</div>
|
||||
@@ -3033,7 +3033,675 @@
|
||||
</div>
|
||||
<br />
|
||||
<!--END 交互动效 -->
|
||||
|
||||
<!-- 在线配色 -->
|
||||
<h4 class="text-gray"><i class="linecons-cog" 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('http://khroma.co/generator/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://khroma.co/generator/">
|
||||
<div class="xe-comment-entry">
|
||||
<a class="xe-user-img">
|
||||
<img src="../assets/images/logos/khroma.png" class="img-circle" width="40">
|
||||
</a>
|
||||
<div class="xe-comment">
|
||||
<a href="#" class="xe-user-name overflowClip_1">
|
||||
<strong>khroma</strong>
|
||||
</a>
|
||||
<p class="overflowClip_2">Khroma is the fastest way to discover, search, and save color combos you'll want to use.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-3">
|
||||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://uigradients.com', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://uigradients.com">
|
||||
<div class="xe-comment-entry">
|
||||
<a class="xe-user-img">
|
||||
<img src="../assets/images/logos/uigradients.png" class="img-circle" width="40">
|
||||
</a>
|
||||
<div class="xe-comment">
|
||||
<a href="#" class="xe-user-name overflowClip_1">
|
||||
<strong>uigradients</strong>
|
||||
</a>
|
||||
<p class="overflowClip_2">Beautiful colored gradients</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-3">
|
||||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://gradients.io/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://gradients.io/">
|
||||
<div class="xe-comment-entry">
|
||||
<a class="xe-user-img">
|
||||
<img src="../assets/images/logos/gradients.png" class="img-circle" width="40">
|
||||
</a>
|
||||
<div class="xe-comment">
|
||||
<a href="#" class="xe-user-name overflowClip_1">
|
||||
<strong>gradients</strong>
|
||||
</a>
|
||||
<p class="overflowClip_2">Curated gradients for designers and developers</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-3">
|
||||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://webkul.github.io/coolhue/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://webkul.github.io/coolhue/">
|
||||
<div class="xe-comment-entry">
|
||||
<a class="xe-user-img">
|
||||
<img src="../assets/images/logos/Coolest.png" class="img-circle" width="40">
|
||||
</a>
|
||||
<div class="xe-comment">
|
||||
<a href="#" class="xe-user-name overflowClip_1">
|
||||
<strong>Coolest</strong>
|
||||
</a>
|
||||
<p class="overflowClip_2">Coolest handpicked Gradient Hues for your next super ⚡ amazing stuff</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://webgradients.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://webgradients.com/">
|
||||
<div class="xe-comment-entry">
|
||||
<a class="xe-user-img">
|
||||
<img src="../assets/images/logos/webgradients.png" class="img-circle" width="40">
|
||||
</a>
|
||||
<div class="xe-comment">
|
||||
<a href="#" class="xe-user-name overflowClip_1">
|
||||
<strong>webgradients</strong>
|
||||
</a>
|
||||
<p class="overflowClip_2">WebGradients is a free collection of 180 linear gradients that you can use as content backdrops in any part of your website. </p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-3">
|
||||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.grabient.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.grabient.com/">
|
||||
<div class="xe-comment-entry">
|
||||
<a class="xe-user-img">
|
||||
<img src="../assets/images/logos/grabient.png" class="img-circle" width="40">
|
||||
</a>
|
||||
<div class="xe-comment">
|
||||
<a href="#" class="xe-user-name overflowClip_1">
|
||||
<strong>grabient</strong>
|
||||
</a>
|
||||
<p class="overflowClip_2">2017 Grabient by unfold</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-3">
|
||||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.thedayscolor.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.thedayscolor.com/">
|
||||
<div class="xe-comment-entry">
|
||||
<a class="xe-user-img">
|
||||
<img src="../assets/images/logos/thedayscolor.png" class="img-circle" width="40">
|
||||
</a>
|
||||
<div class="xe-comment">
|
||||
<a href="#" class="xe-user-name overflowClip_1">
|
||||
<strong>thedayscolor</strong>
|
||||
</a>
|
||||
<p class="overflowClip_2">The daily color digest</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-3">
|
||||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://flatuicolors.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://flatuicolors.com/">
|
||||
<div class="xe-comment-entry">
|
||||
<a class="xe-user-img">
|
||||
<img src="../assets/images/logos/flatuicolors.png" class="img-circle" width="40">
|
||||
</a>
|
||||
<div class="xe-comment">
|
||||
<a href="#" class="xe-user-name overflowClip_1">
|
||||
<strong>flatuicolors</strong>
|
||||
</a>
|
||||
<p class="overflowClip_2">Copy Paste Color Pallette from Flat UI Theme</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://coolors.co/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://coolors.co/">
|
||||
<div class="xe-comment-entry">
|
||||
<a class="xe-user-img">
|
||||
<img src="../assets/images/logos/coolors.png" class="img-circle" width="40">
|
||||
</a>
|
||||
<div class="xe-comment">
|
||||
<a href="#" class="xe-user-name overflowClip_1">
|
||||
<strong>coolors</strong>
|
||||
</a>
|
||||
<p class="overflowClip_2">The super fast color schemes generator!</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-3">
|
||||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.colorhunt.co/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.colorhunt.co/">
|
||||
<div class="xe-comment-entry">
|
||||
<a class="xe-user-img">
|
||||
<img src="../assets/images/logos/colorhunt.png" class="img-circle" width="40">
|
||||
</a>
|
||||
<div class="xe-comment">
|
||||
<a href="#" class="xe-user-name overflowClip_1">
|
||||
<strong>colorhunt</strong>
|
||||
</a>
|
||||
<p class="overflowClip_2">Beautiful Color Palettes</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-3">
|
||||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://color.adobe.com/zh/create/color-wheel', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://color.adobe.com/zh/create/color-wheel">
|
||||
<div class="xe-comment-entry">
|
||||
<a class="xe-user-img">
|
||||
<img src="../assets/images/logos/AdobeColorCC.png" class="img-circle" width="40">
|
||||
</a>
|
||||
<div class="xe-comment">
|
||||
<a href="#" class="xe-user-name overflowClip_1">
|
||||
<strong>Adobe Color CC</strong>
|
||||
</a>
|
||||
<p class="overflowClip_2">Create color schemes with the color wheel or browse thousands of color combinations from the Color community.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-3">
|
||||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.flatuicolorpicker.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.flatuicolorpicker.com/">
|
||||
<div class="xe-comment-entry">
|
||||
<a class="xe-user-img">
|
||||
<img src="../assets/images/logos/flatuicolorpicker.png" class="img-circle" width="40">
|
||||
</a>
|
||||
<div class="xe-comment">
|
||||
<a href="#" class="xe-user-name overflowClip_1">
|
||||
<strong>flatuicolorpicker</strong>
|
||||
</a>
|
||||
<p class="overflowClip_2">Best Flat Colors For UI Design</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://qrohlf.com/trianglify-generator/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://qrohlf.com/trianglify-generator/">
|
||||
<div class="xe-comment-entry">
|
||||
<a class="xe-user-img">
|
||||
<img src="../assets/images/logos/trianglify.png" class="img-circle" width="40">
|
||||
</a>
|
||||
<div class="xe-comment">
|
||||
<a href="#" class="xe-user-name overflowClip_1">
|
||||
<strong>trianglify</strong>
|
||||
</a>
|
||||
<p class="overflowClip_2">Trianglify Generator</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-3">
|
||||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://klart.co/colors/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://klart.co/colors/">
|
||||
<div class="xe-comment-entry">
|
||||
<a class="xe-user-img">
|
||||
<img src="../assets/images/logos/klart.png" class="img-circle" width="40">
|
||||
</a>
|
||||
<div class="xe-comment">
|
||||
<a href="#" class="xe-user-name overflowClip_1">
|
||||
<strong>klart</strong>
|
||||
</a>
|
||||
<p class="overflowClip_2">Beautiful colors and designs to your inbox every week</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-3">
|
||||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.vanschneider.com/colors', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.vanschneider.com/colors">
|
||||
<div class="xe-comment-entry">
|
||||
<a class="xe-user-img">
|
||||
<img src="../assets/images/logos/vanschneider.png" class="img-circle" width="40">
|
||||
</a>
|
||||
<div class="xe-comment">
|
||||
<a href="#" class="xe-user-name overflowClip_1">
|
||||
<strong>vanschneider</strong>
|
||||
</a>
|
||||
<p class="overflowClip_2">Color Claim was created in 2012 by Tobias van Schneider with the goal to collect & combine unique colors for my future projects.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<br />
|
||||
<!--END 在线配色 -->
|
||||
<!-- 在线工具 -->
|
||||
<h4 class="text-gray"><i class="linecons-cog" 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://tinypng.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://tinypng.com/">
|
||||
<div class="xe-comment-entry">
|
||||
<a class="xe-user-img">
|
||||
<img src="../assets/images/logos/tinypng.png" class="img-circle" width="40">
|
||||
</a>
|
||||
<div class="xe-comment">
|
||||
<a href="#" class="xe-user-name overflowClip_1">
|
||||
<strong>tinypng</strong>
|
||||
</a>
|
||||
<p class="overflowClip_2">Optimize your images with a perfect balance in quality and file size.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-3">
|
||||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://goqr.me/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://goqr.me/">
|
||||
<div class="xe-comment-entry">
|
||||
<a class="xe-user-img">
|
||||
<img src="../assets/images/logos/goqr.png" class="img-circle" width="40">
|
||||
</a>
|
||||
<div class="xe-comment">
|
||||
<a href="#" class="xe-user-name overflowClip_1">
|
||||
<strong>goqr</strong>
|
||||
</a>
|
||||
<p class="overflowClip_2">create QR codes for free (Logo, T-Shirt, vCard, EPS)</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-3">
|
||||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://ezgif.com', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://ezgif.com">
|
||||
<div class="xe-comment-entry">
|
||||
<a class="xe-user-img">
|
||||
<img src="../assets/images/logos/ezgif.png" class="img-circle" width="40">
|
||||
</a>
|
||||
<div class="xe-comment">
|
||||
<a href="#" class="xe-user-name overflowClip_1">
|
||||
<strong>ezgif</strong>
|
||||
</a>
|
||||
<p class="overflowClip_2">simple online GIF maker and toolset for basic animated GIF editing.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-3">
|
||||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://inloop.github.io/shadow4android/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://inloop.github.io/shadow4android/">
|
||||
<div class="xe-comment-entry">
|
||||
<a class="xe-user-img">
|
||||
<img src="../assets/images/logos/Android9patch.png" class="img-circle" width="40">
|
||||
</a>
|
||||
<div class="xe-comment">
|
||||
<a href="#" class="xe-user-name overflowClip_1">
|
||||
<strong>Android 9 patch</strong>
|
||||
</a>
|
||||
<p class="overflowClip_2">Android 9-patch shadow generator fully customizable shadows</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://screensiz.es/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://screensiz.es/">
|
||||
<div class="xe-comment-entry">
|
||||
<a class="xe-user-img">
|
||||
<img src="../assets/images/logos/screensizes.png" class="img-circle" width="40">
|
||||
</a>
|
||||
<div class="xe-comment">
|
||||
<a href="#" class="xe-user-name overflowClip_1">
|
||||
<strong>screen sizes</strong>
|
||||
</a>
|
||||
<p class="overflowClip_2">Viewport Sizes and Pixel Densities for Popular Devices</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<br />
|
||||
<!--END 在线工具 -->
|
||||
<!-- Chrome插件 -->
|
||||
<h4 class="text-gray"><i class="linecons-cog" style="margin-right: 7px;" id="Chrome插件"></i>Chrome插件</h4>
|
||||
<div class="row">
|
||||
<div class="col-sm-3">
|
||||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.wappalyzer.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.wappalyzer.com/">
|
||||
<div class="xe-comment-entry">
|
||||
<a class="xe-user-img">
|
||||
<img src="../assets/images/logos/wappalyzer.png" class="img-circle" width="40">
|
||||
</a>
|
||||
<div class="xe-comment">
|
||||
<a href="#" class="xe-user-name overflowClip_1">
|
||||
<strong>wappalyzer</strong>
|
||||
</a>
|
||||
<p class="overflowClip_2">Identify technology on websites</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-3">
|
||||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://usepanda.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://usepanda.com/">
|
||||
<div class="xe-comment-entry">
|
||||
<a class="xe-user-img">
|
||||
<img src="../assets/images/logos/usepanda.png" class="img-circle" width="40">
|
||||
</a>
|
||||
<div class="xe-comment">
|
||||
<a href="#" class="xe-user-name overflowClip_1">
|
||||
<strong>Panda</strong>
|
||||
</a>
|
||||
<p class="overflowClip_2">A smart news reader built for productivity.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-3">
|
||||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://sizzy.co/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://sizzy.co/">
|
||||
<div class="xe-comment-entry">
|
||||
<a class="xe-user-img">
|
||||
<img src="../assets/images/logos/sizzy.png" class="img-circle" width="40">
|
||||
</a>
|
||||
<div class="xe-comment">
|
||||
<a href="#" class="xe-user-name overflowClip_1">
|
||||
<strong>sizzy</strong>
|
||||
</a>
|
||||
<p class="overflowClip_2">A tool for developing responsive websites crazy-fast</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-3">
|
||||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://csspeeper.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://csspeeper.com/">
|
||||
<div class="xe-comment-entry">
|
||||
<a class="xe-user-img">
|
||||
<img src="../assets/images/logos/csspeeper.png" class="img-circle" width="40">
|
||||
</a>
|
||||
<div class="xe-comment">
|
||||
<a href="#" class="xe-user-name overflowClip_1">
|
||||
<strong>csspeeper</strong>
|
||||
</a>
|
||||
<p class="overflowClip_2">Smart CSS viewer tailored for Designers.</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://insight.io/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://insight.io/">
|
||||
<div class="xe-comment-entry">
|
||||
<a class="xe-user-img">
|
||||
<img src="../assets/images/logos/insight.png" class="img-circle" width="40">
|
||||
</a>
|
||||
<div class="xe-comment">
|
||||
<a href="#" class="xe-user-name overflowClip_1">
|
||||
<strong>insight</strong>
|
||||
</a>
|
||||
<p class="overflowClip_2">IDE-like code search and navigation, on the cloud</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-3">
|
||||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://mustsee.earth/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://mustsee.earth/">
|
||||
<div class="xe-comment-entry">
|
||||
<a class="xe-user-img">
|
||||
<img src="../assets/images/logos/mustsee.png" class="img-circle" width="40">
|
||||
</a>
|
||||
<div class="xe-comment">
|
||||
<a href="#" class="xe-user-name overflowClip_1">
|
||||
<strong>mustsee</strong>
|
||||
</a>
|
||||
<p class="overflowClip_2">Discover the world's most beautiful places at every opened tab.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<br />
|
||||
<!--END Chrome插件 -->
|
||||
<!-- 设计规范 -->
|
||||
<h4 class="text-gray"><i class="linecons-cog" 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('http://designguidelines.co/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://designguidelines.co/">
|
||||
<div class="xe-comment-entry">
|
||||
<a class="xe-user-img">
|
||||
<img src="../assets/images/logos/designguidelines.png" class="img-circle" width="40">
|
||||
</a>
|
||||
<div class="xe-comment">
|
||||
<a href="#" class="xe-user-name overflowClip_1">
|
||||
<strong>Design Guidelines</strong>
|
||||
</a>
|
||||
<p class="overflowClip_2">Design Guidelines — The way products are built.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-3">
|
||||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://github.com/alexpate/awesome-design-systems', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://github.com/alexpate/awesome-design-systems">
|
||||
<div class="xe-comment-entry">
|
||||
<a class="xe-user-img">
|
||||
<img src="../assets/images/logos/awesome_design_systems.png" class="img-circle" width="40">
|
||||
</a>
|
||||
<div class="xe-comment">
|
||||
<a href="#" class="xe-user-name overflowClip_1">
|
||||
<strong>Awesome design systems</strong>
|
||||
</a>
|
||||
<p class="overflowClip_2"> A collection of awesome design systems</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-3">
|
||||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://material.io/guidelines/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://material.io/guidelines/">
|
||||
<div class="xe-comment-entry">
|
||||
<a class="xe-user-img">
|
||||
<img src="../assets/images/logos/Material_Design.png" class="img-circle" width="40">
|
||||
</a>
|
||||
<div class="xe-comment">
|
||||
<a href="#" class="xe-user-name overflowClip_1">
|
||||
<strong>Material Design</strong>
|
||||
</a>
|
||||
<p class="overflowClip_2">Introduction - Material Design</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-3">
|
||||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://developer.apple.com/ios/human-interface-guidelines', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://developer.apple.com/ios/human-interface-guidelines">
|
||||
<div class="xe-comment-entry">
|
||||
<a class="xe-user-img">
|
||||
<img src="../assets/images/logos/human_interface_guidelines.png" class="img-circle" width="40">
|
||||
</a>
|
||||
<div class="xe-comment">
|
||||
<a href="#" class="xe-user-name overflowClip_1">
|
||||
<strong>Human Interface Guidelines</strong>
|
||||
</a>
|
||||
<p class="overflowClip_2">Human Interface Guidelines iOS</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://viggoz.com/photoshopetiquette/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://viggoz.com/photoshopetiquette/">
|
||||
<div class="xe-comment-entry">
|
||||
<a class="xe-user-img">
|
||||
<img src="../assets/images/logos/photoshopetiquette.png" class="img-circle" width="40">
|
||||
</a>
|
||||
<div class="xe-comment">
|
||||
<a href="#" class="xe-user-name overflowClip_1">
|
||||
<strong>Photoshop Etiquette</strong>
|
||||
</a>
|
||||
<p class="overflowClip_2">PS礼仪-WEB设计指南</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<br />
|
||||
<!--END 设计规范 -->
|
||||
<!-- 视频教程 -->
|
||||
<h4 class="text-gray"><i class="linecons-cog" 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('http://www.photoshoplady.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.photoshoplady.com/">
|
||||
<div class="xe-comment-entry">
|
||||
<a class="xe-user-img">
|
||||
<img src="../assets/images/logos/PhotoshopLady.png" class="img-circle" width="40">
|
||||
</a>
|
||||
<div class="xe-comment">
|
||||
<a href="#" class="xe-user-name overflowClip_1">
|
||||
<strong>Photoshop Lady</strong>
|
||||
</a>
|
||||
<p class="overflowClip_2">Your Favourite Photoshop Tutorials in One Place</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-3">
|
||||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://doyoudo.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://doyoudo.com/">
|
||||
<div class="xe-comment-entry">
|
||||
<a class="xe-user-img">
|
||||
<img src="../assets/images/logos/doyoudo.png" class="img-circle" width="40">
|
||||
</a>
|
||||
<div class="xe-comment">
|
||||
<a href="#" class="xe-user-name overflowClip_1">
|
||||
<strong>doyoudo</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.c945.com/web-ui-tutorial/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.c945.com/web-ui-tutorial/">
|
||||
<div class="xe-comment-entry">
|
||||
<a class="xe-user-img">
|
||||
<img src="../assets/images/logos/web_ui_tutorial.png" class="img-circle" width="40">
|
||||
</a>
|
||||
<div class="xe-comment">
|
||||
<a href="#" class="xe-user-name overflowClip_1">
|
||||
<strong>没位道</strong>
|
||||
</a>
|
||||
<p class="overflowClip_2">WEB UI免费视频公开课</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-3">
|
||||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.imooc.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.imooc.com/">
|
||||
<div class="xe-comment-entry">
|
||||
<a class="xe-user-img">
|
||||
<img src="../assets/images/logos/imooc.png" class="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-cog" 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('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 src="../assets/images/logos/uisdc.png" class="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://webdesignledger.com', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://webdesignledger.com">
|
||||
<div class="xe-comment-entry">
|
||||
<a class="xe-user-img">
|
||||
<img src="../assets/images/logos/webdesignledger.png" class="img-circle" width="40">
|
||||
</a>
|
||||
<div class="xe-comment">
|
||||
<a href="#" class="xe-user-name overflowClip_1">
|
||||
<strong>Web Design Ledger</strong>
|
||||
</a>
|
||||
<p class="overflowClip_2">Web Design Blog</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 src="../assets/images/logos/medium.png" class="img-circle" width="40">
|
||||
</a>
|
||||
<div class="xe-comment">
|
||||
<a href="#" class="xe-user-name overflowClip_1">
|
||||
<strong>Medium</strong>
|
||||
</a>
|
||||
<p class="overflowClip_2">Read, write and share stories that matter</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<br />
|
||||
<!--END 设计文章 -->
|
||||
<!-- 设计电台 -->
|
||||
<h4 class="text-gray"><i class="linecons-cog" 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('http://uxcoffee.co/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://uxcoffee.co/">
|
||||
<div class="xe-comment-entry">
|
||||
<a class="xe-user-img">
|
||||
<img src="../assets/images/logos/uxcoffee.png" class="img-circle" width="40">
|
||||
</a>
|
||||
<div class="xe-comment">
|
||||
<a href="#" class="xe-user-name overflowClip_1">
|
||||
<strong>UX Coffee</strong>
|
||||
</a>
|
||||
<p class="overflowClip_2">《UX Coffee 设计咖》是一档关于用户体验的播客节目。我们邀请来自硅谷和国内的学者和职人来聊聊「产品设计」、「用户体验」和「个人成长」。</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-3">
|
||||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://anyway.fm/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://anyway.fm/">
|
||||
<div class="xe-comment-entry">
|
||||
<a class="xe-user-img">
|
||||
<img src="../assets/images/logos/anyway.png" class="img-circle" width="40">
|
||||
</a>
|
||||
<div class="xe-comment">
|
||||
<a href="#" class="xe-user-name overflowClip_1">
|
||||
<strong>Anyway.FM</strong>
|
||||
</a>
|
||||
<p class="overflowClip_2">设计杂谈 • UI 设计师 JJ 和 Leon 主播的设计播客</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-3">
|
||||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.yineng.fm', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.yineng.fm">
|
||||
<div class="xe-comment-entry">
|
||||
<a class="xe-user-img">
|
||||
<img src="../assets/images/logos/yineng.png" class="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 设计电台 -->
|
||||
<!-- 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) -->
|
||||
|
||||
Reference in New Issue
Block a user