首先声明:本人非印刷行业的专业人士,也非网页设计的专业人士,故这系列博文全当本人的个人消遣。
最近发现技术类公众号文章的代码块排版都是类似终端的窗口,才意思到自己的排版已经落伍了
前段时间一直在折腾中文排版相关的事情,自认为结果还算不错。故开源之,即是Entry.css。这是一个可配置的、更适合阅读的中文文章样式库,可以用来快速搭建中文博客主题或是用于项目文档的样式。在这篇博文中会介绍下在做这个库过程中学到的一些中文排版知识,以及它的特色。
免费、便捷、高效的知乎专栏Markdown排版技巧。希望本文可以让你的写作过程也变得更愉悦。
用户体验现在作为很多工作的重中之重,设计师们更要把用户体验放在第一位,如果你曾经尝试过想把你的板面调整到最适合阅读的状态,就会知道多么令人抓狂。但是懒人总是会创造出新科技,国外开发者为我们带来了今天要讲的协助设计网页排版及字型等相关属性的便利工具。
最近喜欢研究公众号,是因为公众号的单篇付费文章正好解决CSDN没有单篇付费模式的问题。 今天的重点内容是自定义菜单模版。
TailwindCSS 发布了 3.0, 功能也越来越好用,那么是否有与之相关的组件库呢 ? 每个项目都有 awesome ,TailwindCSS 也有 awesome-tailwindcss, 你可以在这里找到插件、工具、 组件资源库、以及脚手架和学习资源。但上面的资源太多了,下面是我将推荐我个人认为比较好用的资源。
写作是技术输出的重要手段。自己也写了一年多的文章,累计也超过五万多字。今天就想谈谈自己对于写作的一些看法以及写作时使用到的工具。工欲善其事必先利其器。
我们的博客网站有时候 404 页面比较普通,我们可以通过 SVG 加动画来实现一个有个性的页面
本文版权归作者所有,转载请注明作者和出处。 未经作者许可,请勿将本文用作商业用途。 封面来源:见图片水印 Markdown 是一种轻量级的标记语言,它的文本可以转换为 HTML ,加上 CSS 的样式控制,能够很方便快捷进行文章排版。Markdown 解决了一文多处投放(微信公众号+博客)以及排版的问题。 CSS 指层叠样式表 (Cascading Style Sheets),样式定义如何显示 HTML 元素,样式通常存储在样式表中,外部样式表可以极大提高工作效率,外部样式表通常存储在 CSS 文件中。
常言道网页设计的好坏,95%取决于字体的排版。尽管现在抖音、小视频和游戏的盛行,其占据了我们大部分的业余时间,但是还是有大部分人在网络上进行阅读,比如查阅资料,阅读小说、看新闻、知识学习之类。
这一周我们重新回到《重学 CSS》系列,之前的文章中我们重新学习了《CSS 选择器》和《CSS 语法与规则》。接下来我们就一起来讲讲 CSS 里面的排版与正常流。
LaTeX是一种基于ΤΕΧ的排版系统,由美国计算机学家莱斯利·兰伯特(Leslie Lamport)在20世纪80年代初期开发,利用这种格式,即使使用者没有排版和程序设计的知识也可以充分发挥由TeX所提供的强大功能,能在几天,甚至几小时内生成很多具有书籍质量的印刷品。对于生成复杂表格和数学公式,这一点表现得尤为突出。因此它非常适用于生成高印刷质量的科技和数学类文档。这个系统同样适用于生成从简单的信件到完整书籍的所有其他种类的文档。
##1 支持 Markdown 的编辑器 ###Windows 推荐 Sublime Text 3,强大优雅的编辑器。 MarkdownPad,一款可以直接预览排版效果的编辑器。 ###Mac 推荐 Ulysess,专注写作的编辑器,功能强大,体验一流。 Macdown,可以预览排版效果。 ###Linux 推荐 VIM,编辑器之神。当然,Emacs是神的编辑器。 ReText,也可以预览。 ###Web 推荐简书,有 Markdown 写作/预览模式。 作业部落,功能强大的 Markdown 编辑器。 与其他常用工具配合 在 Firefox 浏览器上,推荐插件 It’s All Text!,可以将网页上的文本框转化为 Markdown 编辑器。 在和 Evernote 配合使用时,推荐使用马克飞象。 ###扩展阅读 《好用的 Markdown 编辑器一览》 欢迎补充,随时更新。
一篇文章是否好看,无非在于两方面,第一个就是文章本身的内容,另一个就是文章显示的排版布局。潜行者m博客自创建以来,也已经过去了近两年的时间,这其中积攒了很多在 WordPress 写作的经验,特别是在文字排版这块。回首观看,早期的文章质量比现在的要差远了,本文就是总结一下对于使用 WordPress 写作文章排版的经验。
大家好,我是 developerHaoz,一名 96 年的腾讯 Android 工程师。双非本科,校招拿过腾讯、阿里等多家头部互联网公司的 offer,而且面试通过率 100%,曾指导多位师弟师妹拿到包括阿里、拼多多、头条、bigo 等校招 offer。近期也拿了腾讯考核的最高绩效,在面试和职场算是有些自己的心得,今天给大家分享下校招面试相关的方方面面。
LaTeX下载安装与使用 最近要学着用LaTeX,发现一篇比较好的教程,转载一下 ---- 毕业论文中需要使用Ctex来写,但是之前完全没有接触过这个软件,所以就打算记录一下自己的学习过程。本来打算自己写一下相关的一些东西,但是发现大佬们已经写得特别棒了,就把一些大佬写得东西的链接写出来,希望能帮到有需要的小伙伴们。 1.关于 LaTeX和CTeX LaTeX是一种基于ΤΕΧ的排版系统,由美国计算机学家莱斯利·兰伯特(Leslie Lamport)在20世纪80年代初期开发,利用这种格式,即使
想写这篇文章很久了,也想做这件事很久了,我个人感觉自己是有强迫症的,所以一直有什么事让我看着不太舒服就想把它纠正过来。
第一次打美赛就用了latex,比赛前刷了各种博客,学习了1天就上场。美赛期间全程扮演不同角色,就是打杂的,大家都是第一次参加,都很累,不过我是最累的,两天两夜没睡。建模,编程,latex写论文全程参与。用latex写论文真的是太爽了,闲着也是闲着,不如把latex好好学习下,方便以后建模比赛提高速度。总结下其他博主的笔记
写在前面:开发过程中,会遇到很多繁杂精细的麻烦问题,虽然知道要去按照步骤解决,但总归耗费大量的时间,那为什么不去寻求一个捷径,本文总结了一些在线工具,遇到问题,打开网页,想要的东西,分分钟就能解决,让开发变得高效,快速,有了这些工具在手,就可以从繁重的工作任务中解脱出来,有大把的时间去王者峡谷散步打野浪一圈了。 一:Atool在线工具: http://www.atool.org/ aTool,工具在线工具,由华中科技大学一位在校女研究生开发的在线工具集合网站,旨在做出最简单方便、最完整干净、最全面完整的工具
写公众号写了一年,穿插着写了一本书,在工具的使用上,也渐渐有了些心得,不敢独专,跟大家分享一下。 最早我使用的是reST [1] ,使用sphinx [2] 来撰写文章。使用reST/sphinx最大的好处是格式简单,扩展性强,便于生成PDF和多种文档结构。 然而我的博客在用octopress等工具生成的 [3] ,使用的是markdown。做类似的事,却用两种格式,这让人十分抓狂。再三考虑后,我决定也使用markdown来写公众号。 使用markdown恼人的是格式太简单,有时候需要一些变化,便只好直接上
我遇到过一些人,他们根本不认为CSS与国际化有关,但如果你仔细想想,国际化不仅仅是把你网站上的内容翻译成多种语言,然后就收工了。该内容的呈现方式有各种细微的差别,这些细微的差别会影响到母语人士使用您的网站的体验。
从 13 年专科毕业开始,一路跌跌撞撞走了很多弯路,做过餐厅服务员,进过工厂干过流水线,做过客服,干过电话销售可以说经历相当的“丰富”。
伪元素常用的一般就两个, ::before 和 ::after ,都是用来向被选中的元素添加元素之外的装饰性内容(文字)等
CSS的英文全称为CascadingStyleSheets。几个单词拆开翻译,Cascading有大量的意思,Style有风格样式的意思,Sheets有表格的意思,整合在一起翻译为中文意思为层叠样式表。 层叠样式表是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。 CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。 CSS能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。
前些日子,我写了一篇《Markdown懒办法排版微信公众号文章》,很受读者欢迎。简书平台上该文的统计数据如下:
前言 移动端开发,经常会遇到的问题,就是文字居中。一般都只能往css方向去fix这个问题。 自己以前也用过position:relative;top:-*px的方式去解决。? 后来才发现,原来不是cs
HTML 中的元素、属性及属性值都拥有某种含义,如有序列表用 ol,无序列表用 ul.
开本系列,谈谈一些有趣的 CSS 题目,题目类型天马行空,想到什么说什么,不仅为了拓宽一下解决问题的思路,更涉及一些容易忽视的 CSS 细节。 解题不考虑兼容性,题目天马行空,想到什么说什么,如果解题中有你感觉到生僻的 CSS 属性,赶紧去补习一下吧。 不断更新,不断更新,不断更新,重要的事情说三遍。 谈谈一些有趣的CSS题目(一)-- 左边竖条的实现方法 谈谈一些有趣的CSS题目(二)-- 从条纹边框的实现谈盒子模型 谈谈一些有趣的CSS题目(三)-- 层叠顺序与堆栈上下文知多少 谈谈一些有趣的CSS题目
github地址:https://github.com/1314mxc/yunUI ,欢迎star!
(若有 issue / pull request 一律需附上编号) {type}:{subject (并在50个字内)} #{issue/pull request}
你是否使用过智能手机浏览真正的网页? 你是否因为自己作为后端程序员而不能开发出较漂亮的页面? 你是否开发过能够同时适应不同分辨率的屏幕的页面? 如果你出现过上述问题并想解决这些问题,那么友好的Boo
✍️ 作者简介: 一个热爱把逻辑思维转变为代码的技术博主 💂 作者主页: 【主页——🚀获取更多优质源码】 🎓 web前端期末大作业: 【📚毕设项目精品实战案例 (1000套) 】 🧡 程序员有趣的告白方式:【💌HTML七夕情人节表白网页制作 (110套) 】 🌎超炫酷的Echarts大屏可视化源码:【🔰 echarts大屏展示大数据平台可视化(150套) 】 🎁 免费且实用的WEB前端学习指南: 【📂web前端零基础到高级学习视频教程 120G干货分享】 🥇 关于作者: 历任研发工程师,技
一、前言 文字承载着站点内涵,而良好的字体、排版则为用户提供舒适的阅读体验。本文打算对字体稍微深入一下子网页字体的内容,若有纰漏请大家指正,谢谢! 目录一坨: 二, 字体分类 1. 衬线体(Serif) 2. 无衬线体/非衬线体(Sans-Serif) 3. 等宽体(Monospace) 4. 手写体/书法体(Calligraphy) 5. 符号体(Symbol) 三, 再识font-family 1. 认识font-fam
一个非创意性质的网页,最重要的内容,就是文字。出现了文字,就会出现文字排版、字体选择、字体颜色大小粗细等细节。而这些细节,往往是非常重要的细节。
微信自带编辑的编辑器想必是新手用的最多的编辑器,这个编辑器和我们常用的word十分相似,可以实现简单的排版,但是限制十分多。如果你不最求精美的界面的话,用这个确实足够了
我是一个程序员,不是设计师。我没有受过设计师的训练。我也没有读过关于设计的书籍。尽管如此,在数年的开发过程中,我学会了让自己的网站和应用看起来很专业。
我们在日常需求中,经常会碰到视觉设计师对某个中文字体效果非常坚持的情况,因为页面是否高大上,字体选择是很重要的一个因素,选择合适的字体可以让页面更优雅。面对这种问题,我们通常以下方式来进行设计还原: 使用图片背景还原设计,即使用 photoshop 将文本图层单独导出成网页背景图片。 产生的问题 1.制作与维护成本很高。切图繁琐、高清屏适配繁琐、合并雪碧图更繁琐,后期修改更加繁琐。 2.用户体验差。导致网页不支持选中、复制、搜索、翻译、矢量缩放,也会影响视障用户使用读屏器操作网页。 3.带来更多带宽消耗。导
1.认识CSS样式 CSS全称为“层叠样式表 (Cascading Style Sheets)”,它主要是用于定义HTML内容在浏览器内的显示样式,如文字大小、颜色、字体加粗等。 如下列代码: p{
写在最前面的话 本文参考了很多大神的 Markdown 入门教程,旨在推广,不标原创。所引部分参考文献列于文末,如有疏漏,还请海涵。 文中介绍的 Markdown 语法为最常用的基础语法,每种标签的语法表达不止一种方式,这里只选用了最常用的一两种,更多语法格式请参考文末给出的官方文档链接内容。 本文用Markdown完成,想看 Markdown 源文件的小伙伴请在后台回复「Markdown源文件」获取网盘下载链接。这是一篇小白科普文,有 HTML 基础的都自己去看 Markdown 官方文档,别在这儿秀优
在中文里面,我们一般会在文字下方加上圆形符号。在日语中会在文字上方加上小顿号。在CSS3中如下属性可以控制着重符号:
更新于 2016/08/23 资源 Open Source Society University 自学计算机科学的学习路径和资源。 免费的计算机编程类中文书籍 免费编程书籍 计算机科学论文 awesome 各种了不起的资源。 Python Share Python初学者书籍、视频、资料、社区推荐。 Python 资料汇总 码农周刊整理 500 Lines or Less 一些高质量的代码总数小于 500 行的小项目 前端 Github FE project Github 上值得关注的前端项目 n
Adobe InDesign 2023是Adobe公司推出的一款专业级排版设计软件,也是出版、印刷和数字出版方面最常用的软件之一。它与其他Adobe Creative Cloud软件相辅相成,例如Photoshop、Illustrator、Acrobat等软件,一起构成了广泛应用于图像、设计和出版领域的行业标准平台。Adobe InDesign 2023的功能非常强大,可以帮助用户完成数字出版物、电子书、互动文档和印刷品等设计和制作,凭借其高效性和专业性得到了广泛认可。
UI设计越来越火,很多朋友在问UI设计要学什么?怎么学?关于UI设计的学习,常常会听到这么一些忠告“多看 多想 多做”,但作为新人更想知道咋看、咋想、咋做。下面为大家总结了几个学习UI设计的小技巧,希望对新人有所帮助。
LaTex 是基于 Tex 的排版系统,常用于科技出版物的排版。和 word 等排版工具的最大区别在于,它是纯文本格式的,掌握基本的规则,就能输出专业美观的展示效果。纯文本格式,也就意味着它不像 word 那样,所见即所得,对初学者不友好。
本文介绍了 LaTex 公式在网页中的展示方案,通过不同的引擎和工具,如 MathJax、KaTex、MathQuill 等,实现了公式在网页中的渲染。同时,也讨论了在服务器端渲染的情况下,如何解决公式超出限制的问题。
默认的话,WordPress 后台管理界面的字体样式是“sans-serif”,中文的话直接是宋体了(当然,在Windows的机子上是这样,苹果机可能不同)。不知道是看多了的缘故,总觉得宋体太难看了,想换成微软雅黑。但是苦于WordPress 特殊的文件机制,实现起来并不是加个CSS 样式那么简单(没耐心得直接看折腾三)。 折腾一(fail) Jeff 在本地测试,通过开发者工具查看WordPress 后台样式文件,结果让我蒙了:比如说,某部分的CSS 竟然是通过PHP 文件来加载CSS 的(讲得不明不白,
前端学习资源实在是又多又广,在这样的一个知识的海洋里,我们像一块海绵一样吸收,想要快速提高效率,平时的总结不可缺少,以下总结了一些,排版自我感觉良好,推送出来,后续持续跟新中......
领取专属 10元无门槛券
手把手带您无忧上云