- 浏览: 2543071 次
- 性别:
- 来自: 成都
文章分类
最新评论
-
nation:
你好,在部署Mesos+Spark的运行环境时,出现一个现象, ...
Spark(4)Deal with Mesos -
sillycat:
AMAZON Relatedhttps://www.godad ...
AMAZON API Gateway(2)Client Side SSL with NGINX -
sillycat:
sudo usermod -aG docker ec2-use ...
Docker and VirtualBox(1)Set up Shared Disk for Virtual Box -
sillycat:
Every Half an Hour30 * * * * /u ...
Build Home NAS(3)Data Redundancy -
sillycat:
3 List the Cron Job I Have>c ...
Build Home NAS(3)Data Redundancy
SuperPlan(2)TaoBao Winner - UI Bootstrap
Try and install the tool named Sublime Text 2 on my MAC.
http://www.sublimetext.com/2
1. Bootstrap
Download the compiled and source of Bootstrap.
http://twitter.github.io/bootstrap/assets/bootstrap.zip
https://nodeload.github.com/twitter/bootstrap/legacy.zip/master
1.1. File Structure
Unzip the compiled file named bootstrap.zip.
And we can compress the image file by http://imageoptim.com/.
css
bootstrap.css
bootstrap.min.css
js
bootstrap.js
bootstrap.min.js
img
*.png
1.2. Basic HTML template
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
<script src="http://code.jquery.com/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
1.3. Examples
There are some useful examples. But I will skip that and directly look into the example of computer-database.
There are some useful documents
http://twitter.github.io/bootstrap/base-css.html
http://twitter.github.io/bootstrap/components.html
I will forget about the js, just use bootstrap as my CSS framework.
Examples from play samples: computer-database, forms
I got the table list sample in computers_withmessage.html, computers_nothing.html, computers.html
I got the form sample in computers_edit.html, users.signup.html
All these samples are in the project easybootstrap.
I will use the login sample from here http://twitter.github.io/bootstrap/examples/signin.html
This is really an easy sample. I would like to use this CSS in the future. Here put one example for me to get a feel about this.
users_logon.html
<html]]>
<head]]>
<title]]>Logon</title]]>
<metaname="viewport"content="width=device-width, initial-scale=1.0"]]>
<linkrel="stylesheet"media="screen"href="./stylesheets/bootstrap.min.css"]]>
<linkrel="stylesheet"media="screen"href="./stylesheets/bootstrap-responsive.min.css"/>
<linkrel="stylesheet"media="screen"href="./stylesheets/users_logon.css"]]>
<linkrel="shortcut icon"type="image/png"href="./images/favicon.png"]]>
</head]]>
<body]]>
<divclass="container"]]>
<formclass="form-signin"]]>
<h2class="form-signin-heading"]]>Please sign in</h2]]>
<inputtype="text"class="input-block-level"placeholder="Email address"]]>
<inputtype="password"class="input-block-level"placeholder="Password"]]>
<labelclass="checkbox"]]>
<inputtype="checkbox"value="remember-me"]]> Remember me
</label]]>
<buttonclass="btn btn-large btn-primary"type="submit"]]>Sign in</button]]>
</form]]>
</div]]>
</body]]>
</html]]>
users_logon.css
body {
padding-top: 40px;
padding-bottom: 40px;
background-color: #f5f5f5;
}
.form-signin {
max-width: 300px;
padding: 19px29px29px;
margin: 0auto20px;
background-color: #fff;
border: 1pxsolid#e5e5e5;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 01px2pxrgba(0,0,0,.05);
-moz-box-shadow: 01px2pxrgba(0,0,0,.05);
box-shadow: 01px2pxrgba(0,0,0,.05);
}
.form-signin .form-signin-heading,.form-signin .checkbox {
margin-bottom: 10px;
}
.form-signin input[type="text"],.form-signin input[type="password"] {
font-size: 16px;
height: auto;
margin-bottom: 15px;
padding: 7px9px;
}
There are also many examples in zentasks, but I do not like the look and feel.
There are also many example in spring side, it looks good.
https://github.com/springside/springside4/wiki/QuickStart
>cd /Users/carl/book/springside/springside4/examples
>cd quickstart
>mvn install
>mvn antrun:run -Prefresh-db
>mvn jetty:run
http://localhost:8080/quickstart/task/
When I try to start the other example, I met the out of memory error.
http://www.webappsolution.com/wordpress/2009/07/08/set-maven_opts-for-all-terminal-sessions/
I try to change that on my system to enable a big memory for my command.
>vi ~/.profile
export MAVEN_OPTS=-Xmx1024m
>. ~/.profile
But it needs more steps to set up the database part. So I will not see these examples.
Pay attention to the version of bootstrap, play use an old version 1.x.x, and the spring side use the version of 2.2.2.
The latest version is 2.3.1
2. NodeJS http://nodejs.org/
Install NodeJS, download the package from here http://nodejs.org/dist/v0.10.5/node-v0.10.5.pkg
/usr/local/bin/node
/usr/local/bin/npm
>node -v
v0.10.5
>npm -v
1.2.18
3. NPM https://npmjs.org/
After you install the NodeJS, the NPM will be there
We can also search the package here https://npmjs.org/, like maven repository.
>npm -h
>npm install
>npm install -h
4. Backbone
come soon…
5. SSI
http://sillycat.iteye.com/blog/1075378
come soon…
6. RequireJS http://requirejs.org/
come soon...
7. Grunt http://gruntjs.com/
come soon...
References:
http://twitter.github.io/bootstrap/getting-started.html
http://sillycat.iteye.com/blog/1075378
NodeJS 1~3
http://sillycat.iteye.com/blog/1453848
http://sillycat.iteye.com/blog/1460938
http://sillycat.iteye.com/blog/1462736
Try and install the tool named Sublime Text 2 on my MAC.
http://www.sublimetext.com/2
1. Bootstrap
Download the compiled and source of Bootstrap.
http://twitter.github.io/bootstrap/assets/bootstrap.zip
https://nodeload.github.com/twitter/bootstrap/legacy.zip/master
1.1. File Structure
Unzip the compiled file named bootstrap.zip.
And we can compress the image file by http://imageoptim.com/.
css
bootstrap.css
bootstrap.min.css
js
bootstrap.js
bootstrap.min.js
img
*.png
1.2. Basic HTML template
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
<script src="http://code.jquery.com/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
1.3. Examples
There are some useful examples. But I will skip that and directly look into the example of computer-database.
There are some useful documents
http://twitter.github.io/bootstrap/base-css.html
http://twitter.github.io/bootstrap/components.html
I will forget about the js, just use bootstrap as my CSS framework.
Examples from play samples: computer-database, forms
I got the table list sample in computers_withmessage.html, computers_nothing.html, computers.html
I got the form sample in computers_edit.html, users.signup.html
All these samples are in the project easybootstrap.
I will use the login sample from here http://twitter.github.io/bootstrap/examples/signin.html
This is really an easy sample. I would like to use this CSS in the future. Here put one example for me to get a feel about this.
users_logon.html
<html]]>
<head]]>
<title]]>Logon</title]]>
<metaname="viewport"content="width=device-width, initial-scale=1.0"]]>
<linkrel="stylesheet"media="screen"href="./stylesheets/bootstrap.min.css"]]>
<linkrel="stylesheet"media="screen"href="./stylesheets/bootstrap-responsive.min.css"/>
<linkrel="stylesheet"media="screen"href="./stylesheets/users_logon.css"]]>
<linkrel="shortcut icon"type="image/png"href="./images/favicon.png"]]>
</head]]>
<body]]>
<divclass="container"]]>
<formclass="form-signin"]]>
<h2class="form-signin-heading"]]>Please sign in</h2]]>
<inputtype="text"class="input-block-level"placeholder="Email address"]]>
<inputtype="password"class="input-block-level"placeholder="Password"]]>
<labelclass="checkbox"]]>
<inputtype="checkbox"value="remember-me"]]> Remember me
</label]]>
<buttonclass="btn btn-large btn-primary"type="submit"]]>Sign in</button]]>
</form]]>
</div]]>
</body]]>
</html]]>
users_logon.css
body {
padding-top: 40px;
padding-bottom: 40px;
background-color: #f5f5f5;
}
.form-signin {
max-width: 300px;
padding: 19px29px29px;
margin: 0auto20px;
background-color: #fff;
border: 1pxsolid#e5e5e5;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 01px2pxrgba(0,0,0,.05);
-moz-box-shadow: 01px2pxrgba(0,0,0,.05);
box-shadow: 01px2pxrgba(0,0,0,.05);
}
.form-signin .form-signin-heading,.form-signin .checkbox {
margin-bottom: 10px;
}
.form-signin input[type="text"],.form-signin input[type="password"] {
font-size: 16px;
height: auto;
margin-bottom: 15px;
padding: 7px9px;
}
There are also many examples in zentasks, but I do not like the look and feel.
There are also many example in spring side, it looks good.
https://github.com/springside/springside4/wiki/QuickStart
>cd /Users/carl/book/springside/springside4/examples
>cd quickstart
>mvn install
>mvn antrun:run -Prefresh-db
>mvn jetty:run
http://localhost:8080/quickstart/task/
When I try to start the other example, I met the out of memory error.
http://www.webappsolution.com/wordpress/2009/07/08/set-maven_opts-for-all-terminal-sessions/
I try to change that on my system to enable a big memory for my command.
>vi ~/.profile
export MAVEN_OPTS=-Xmx1024m
>. ~/.profile
But it needs more steps to set up the database part. So I will not see these examples.
Pay attention to the version of bootstrap, play use an old version 1.x.x, and the spring side use the version of 2.2.2.
The latest version is 2.3.1
2. NodeJS http://nodejs.org/
Install NodeJS, download the package from here http://nodejs.org/dist/v0.10.5/node-v0.10.5.pkg
/usr/local/bin/node
/usr/local/bin/npm
>node -v
v0.10.5
>npm -v
1.2.18
3. NPM https://npmjs.org/
After you install the NodeJS, the NPM will be there
We can also search the package here https://npmjs.org/, like maven repository.
>npm -h
>npm install
>npm install -h
4. Backbone
come soon…
5. SSI
http://sillycat.iteye.com/blog/1075378
come soon…
6. RequireJS http://requirejs.org/
come soon...
7. Grunt http://gruntjs.com/
come soon...
References:
http://twitter.github.io/bootstrap/getting-started.html
http://sillycat.iteye.com/blog/1075378
NodeJS 1~3
http://sillycat.iteye.com/blog/1453848
http://sillycat.iteye.com/blog/1460938
http://sillycat.iteye.com/blog/1462736
发表评论
-
Stop Update Here
2020-04-28 09:00 310I will stop update here, and mo ... -
NodeJS12 and Zlib
2020-04-01 07:44 468NodeJS12 and Zlib It works as ... -
Docker Swarm 2020(2)Docker Swarm and Portainer
2020-03-31 23:18 362Docker Swarm 2020(2)Docker Swar ... -
Docker Swarm 2020(1)Simply Install and Use Swarm
2020-03-31 07:58 364Docker Swarm 2020(1)Simply Inst ... -
Traefik 2020(1)Introduction and Installation
2020-03-29 13:52 330Traefik 2020(1)Introduction and ... -
Portainer 2020(4)Deploy Nginx and Others
2020-03-20 12:06 424Portainer 2020(4)Deploy Nginx a ... -
Private Registry 2020(1)No auth in registry Nginx AUTH for UI
2020-03-18 00:56 428Private Registry 2020(1)No auth ... -
Docker Compose 2020(1)Installation and Basic
2020-03-15 08:10 367Docker Compose 2020(1)Installat ... -
VPN Server 2020(2)Docker on CentOS in Ubuntu
2020-03-02 08:04 445VPN Server 2020(2)Docker on Cen ... -
Buffer in NodeJS 12 and NodeJS 8
2020-02-25 06:43 377Buffer in NodeJS 12 and NodeJS ... -
NodeJS ENV Similar to JENV and PyENV
2020-02-25 05:14 468NodeJS ENV Similar to JENV and ... -
Prometheus HA 2020(3)AlertManager Cluster
2020-02-24 01:47 414Prometheus HA 2020(3)AlertManag ... -
Serverless with NodeJS and TencentCloud 2020(5)CRON and Settings
2020-02-24 01:46 332Serverless with NodeJS and Tenc ... -
GraphQL 2019(3)Connect to MySQL
2020-02-24 01:48 243GraphQL 2019(3)Connect to MySQL ... -
GraphQL 2019(2)GraphQL and Deploy to Tencent Cloud
2020-02-24 01:48 445GraphQL 2019(2)GraphQL and Depl ... -
GraphQL 2019(1)Apollo Basic
2020-02-19 01:36 321GraphQL 2019(1)Apollo Basic Cl ... -
Serverless with NodeJS and TencentCloud 2020(4)Multiple Handlers and Running wit
2020-02-19 01:19 307Serverless with NodeJS and Tenc ... -
Serverless with NodeJS and TencentCloud 2020(3)Build Tree and Traverse Tree
2020-02-19 01:19 310Serverless with NodeJS and Tenc ... -
Serverless with NodeJS and TencentCloud 2020(2)Trigger SCF in SCF
2020-02-19 01:18 286Serverless with NodeJS and Tenc ... -
Serverless with NodeJS and TencentCloud 2020(1)Running with Component
2020-02-19 01:17 303Serverless with NodeJS and Tenc ...
相关推荐
作为一种广泛存在于各个领域的竞争现象,关于赢者通吃(winner-take-all)的大部分研究太复杂以至于难以很好地理解该现象。为了用简单的方式解释winner-take-all现象,提出了一个改进的winner-take-all模型,由离散...
WINNER-II场景下的信道仿真模型,可用于分析各个场景下的信道参数
在给定的"winner-filter.zip"压缩包文件中,包含了一个名为"维纳滤波器仿真.m"的MATLAB代码文件,这显然是一个用于仿真和分析维纳滤波器性能的程序。MATLAB是一种广泛应用于科学计算、数据分析和工程领域的编程环境...
SOM网络即自组织特征映射网络,采用竞争学习规则——Winner-Take-All 。网络的输出神经元之间相互竞争以求被激活,结果在每一时刻只有一个输出神经元被激活。这个被激活的神经元称为竞争获胜神经元,而其它神经元的...
WINNER II信道模型的建模与仿真 绍WINNER II信道模型所支持的场景,信道建模方法及信道参数和信道系数产生.
《AFL_Winner - MetaTrader 5脚本.zip:基于趋势反转的交易策略解析》 在金融交易领域,有效的指标工具对于投资者来说至关重要。本文将深入解析名为"AFL_Winner"的MetaTrader 5脚本,它是一款专为MT5交易平台设计的...
SCM WINNER II Channel Models, D1.1.2 V1.2, IST-4-027756 WINNER II Deliverable
winner2信道模型仿真了3D信道模型,里面涉及好多应用场景。可以与现实生活中的场景相匹配
为了解决上述问题,本研究提出了结合Winner-Take-All(WTA)竞争模型和改进的人工势场(Artificial Potential Field,简称APF)路径规划方法的控制策略。WTA竞争模型是一种有效的多机器人竞争问题解决方案,它模拟了...
Argon2具有三个变体:Argon2i,Argon2d和Argon2id。 Argon2d速度更快,并且使用依赖于数据的内存访问,这使其对GPU破解攻击具有很高的抵抗力,并适用于不受旁通道定时攻击(例如加密货币)威胁的应用程序。 Argon2i...
FF Winner-crx插件是一款专为ESPN幻想足球爱好者设计的扩展程序,旨在帮助用户通过计算分数分布来预测比赛的可能赢家。这款插件利用了IBM Watson的先进数据分析能力,为用户提供了一个直观的方式来评估每个球员在...
在IT行业中,"Winner-gets-all"这个标题可能暗示了一个竞争激烈的环境,特别是在软件开发或者数据分析的场景下,其中胜者通常能获取大部分资源或市场份额。在这个特定的案例中,结合"世界高尔夫协会工作流程"的描述...
ZS-Young-Data-scientist-2018-Winner-Solution-rank-3:ZS年轻数据科学家挑战赛2018
在"crispy-octo-winner-client-main"这个文件夹中,我们可能会找到以下关键文件和目录: 1. `index.html`:这是游戏的主页面,通常包含引入JavaScript和CSS文件的链接,以及游戏启动的JavaScript代码。 2. `scripts...
默认情况下,winner-mode 包含在 emacs 中,因为版本 20 但它没有启用。 这是一个制作支持微功能的包的实验。 我有一段时间的想法,我终于要测试了。 安装 这个包裹是果酱。 从果酱安装它 package-install winner-...
冠军得主,鸡肉晚餐! :rooster: 输入列表并旋转方向盘,即可每次获得随机赢家。 :crystal_ball: 目录 特征 输入名称或对象列表。 编辑并删除您的列表。 始终使用localStorage访问您最近创建的列表。...
ToneWinner天逸设备说明书
克隆或分叉此存储库: git clone https://github.com/jamigibbs/and-the-winner-is 安装依赖项: npm install 下载并安装桌面在Neo4j桌面上,使用用户neo4j和密码1234创建一个新的图形数据库。 注意:在生产
在电子商务领域,组合拍卖(Combinatorial Auction)是一种复杂而有趣的拍卖形式,它允许投标人提交对多个物品的联合出价,而非仅仅对单个物品出价。这种拍卖机制旨在优化资源配置,提高拍卖效率,同时也增加了投标...
优胜者选择引擎 示例 React.js 项目 -> 按照 用法 要跟随本文,请克隆此存储库(请参阅下文以了解运行情况)并从master分支工作。 如果要查看完成的版本,请查看finished分支: git checkout finished ...