在线时间:8:00-16:00
迪恩网络APP
随时随地掌握行业动态
扫描二维码
关注迪恩网络微信公众号
开源软件名称:foundation/foundation-emails开源软件地址:https://github.com/foundation/foundation-emails开源编程语言:HTML 60.7%开源软件介绍:Foundation for EmailsFoundation for Emails (previously known as Ink) is a framework for creating responsive HTML emails that work in any email client — even Outlook. Our HTML/CSS components have been tested across every major email client to ensure consistency. And with the Inky templating language, writing HTML emails is now even easier. Getting StartedThe main way to get started is with our email template stack. To use the stack, you'll need Node.js no greater than version 10 installed on your machine.
To set up the emails template, run these commands: git clone https://github.com/zurb/foundation-emails-template project
cd project
nvm install 10
nvm use 10
npm install Then run Run Using the Ruby gemfoundation_emails is a gem that enables you to use Foundation for Emails assets within a Rails project. To install in your app:
gem 'foundation_emails'
bundle install
// app/assets/stylesheets/your_emails_stylesheet.scss
@import "foundation-emails"; Adding Inky's templating capabilities to Rails is easy thanks to the inky-rb gem, which bundles DocumentationCheck out our Migration Guide for upgrading an existing template or for more in-depth code examples. Foundation for Emails 2.0 documentation and framework are on the Run these commands to set up the documentation: git clone https://github.com/zurb/foundation-emails.git
cd foundation-emails Foundation for Emails 2.0 documentation is on the git fetch
git checkout develop
npm install Then run TestingRun InkyInky is our new templating language that converts simple HTML into the complex tables required for email layout. The parser converts a set of custom HTML tags, expanding them out into full HTML syntax. Below is a list of every custom element. Grid<container>
<row>
<column small="12" large="4"></column>
<column small="12" large="8"></column>
</row>
</container> Block Grid<block-grid up="3">
<td></td>
<td></td>
<td></td>
</block-grid> Components<button href="http://zurb.com"></button> <menu>
<item href="one.html">Item One</item>
<item href="one.html">Item Two</item>
<item href="one.html">Item Three</item>
</menu> ContributingAs an open source project, we looooove our community support. Please file issues, or better yet pull requests on the Foundation for Emails Repo. We're stoked to hear your feedback, make improvements, and keep evolving Foundation for Emails! Copyright (c) 2018 ZURB, inc. |
2023-10-27
2022-08-15
2022-08-17
2022-09-23
2022-08-13
请发表评论