bootstrap网站框架

技术2022-07-11 128

bootstrap网站框架

One conclusion that I've come to when evaluating my skills is that I'm not a designer. Each time I redesign this blog, I identify a few sites I like and then meld them together. Of course that means I end up with UI components that don't look uniform, and so I iterate on those over and over and in doing so create a massive code mess. Of course there are UI frameworks out there but everyone uses them and sites start looking way too similar. I was recently able to check out Startup Framework, a new product created for startups to quickly develop a mobile-friendly, semantically correct, and stylish site. A few highlights of Startup Framework include:

我在评估自己的技能时得出的一个结论是，我不是设计师。每次重新设计此博客时，我都会确定一些我喜欢的站点，然后将它们融合在一起。当然，这意味着我最终会看到外观不一致的UI组件，因此我要一遍又一遍地遍历这些组件，从而造成大量的代码混乱。当然，那里有UI框架，但是每个人都在使用它们，并且网站看起来太相似了。最近，我能够检查Startup Framework ，这是一个为初创公司创建的新产品，可以快速开发一个对移动设备友好，语义正确且时尚的网站。 Startup Framework的一些重点包括：

HTML and CSS templates for common UI pieces: headers, footers, content areas

常见UI片段HTML和CSS模板：页眉，页脚，内容区域 HTML and CSS templates for common in-content UI pieces: pricing blocks, blogs, contacts, project, and about content

用于常见的内容内UI片段HTML和CSS模板：定价块，博客，联系人，项目以及关于内容 The HTML and CSS templates are created as Bootstrap themes, so you're truly getting ready-made web templates

HTML和CSS模板是作为Bootstrap主题创建的，因此您确实可以得到现成的Web模板 An excellent widget styling kit called Flat UI, built on top of Bootstrap, which includes HTML, CSS, and JavaScript to make the the widgets rich and accessible

一个出色的小部件样式工具包，称为Flat UI，建立在Bootstrap的基础上，其中包括HTML，CSS和JavaScript，以使小部件变得丰富且易于访问 PSD files for each of the page and content components mentioned above, complete with rulers and detailed layers

上面提到的每个页面和内容组件的PSD文件，包括标尺和详细层 Custom icon fonts for use within widgets and content

在小部件和内容中使用的自定义图标字体 LESS-formatted CSS for easy organization and maintenance of CSS code

LESS格式CSS，便于组织和维护CSS代码 Dozens of ready-made sample sites to draw inspiration from

数十个现成的示例站点从中汲取灵感 More complete than the free version, with 100 photos, 25 samples, and 14 pictures

比免费版本更完整，具有100张照片，25个样本和14张图片 A manual and instructions to more quickly get you started

手册和说明，可帮助您更快地入门

You aren't going to find that level of detail in any of the existing startup frameworks, and it's that detail that sets Startup Framework apart.

您不会在任何现有的启动框架中找到那种详细程度，而正是这种细节使Startup Framework脱颖而出。

You can give the Startup Framework demo a spin to see how useful Startup Framework is. The demo provides eleven component, two samples, and two images as a preview to the full Startup Framework. The Startup Framework demo page provides details as to what's included and how you can get moving!

您可以旋转Startup Framework演示，看看Startup Framework有多有用。该演示提供了11个组件，两个示例和两个图像，作为完整Startup Framework的预览。 Startup Framework演示页面提供了有关内容以及如何移动的详细信息！

内容和组件审查 (Contents and Components Review)

This video details the contents of Startup Framework, where they live and how they are to be used.

该视频详细介绍了Startup Framework的内容，它们的住处以及如何使用它们。

演示地址

如何使用启动设计框架启动和创建网站 (How to Start and Create Website with Startup Design Framework)

This video details how you can get up and running quickly with Startup Framework.

该视频详细介绍了如何使用Startup Framework快速启动和运行。

演示地址

判决 (Verdict)

There's very little reason to start from scratch these days, especially since these frameworks are getting smaller, more efficient, more encompassing, and most importantly, more able to flawlessly adapt to different devices. What's great about Startup Framework is that it goes a step further than existing UI toolkits by providing developers with detailed Photoshop files, a unique UI toolkit (Flat UI), and countless unique and mobile-ready templates for building the perfect website.

如今，没有什么理由从头开始，尤其是因为这些框架变得越来越小，更高效，更具包容性，最重要的是，它们能够更完美地适应不同的设备。 Startup Framework的优点在于，它通过为开发人员提供详细的Photoshop文件，独特的UI工具包(Flat UI)和无数独特且可移动的模板来为开发人员提供完美的网站，从而比现有的UI工具包更进一步。

Startup Framework is incredibly useful and exactly what startups down to basic sites need to get up and quickly! Check out DesignModo's YouTube channel and Twitter account to keep up with Startup Framework updates!

Startup Framework非常有用，而且正是基础站点需要哪些启动程序才能快速启动！查看DesignModo的YouTube频道和Twitter帐户，以了解Startup Framework更新！

翻译自: https://davidwalsh.name/startup-framework

bootstrap网站框架