pcface
awesome-css-frameworks
pcface | awesome-css-frameworks | |
---|---|---|
13 | 14 | |
78 | 7,360 | |
- | - | |
5.3 | 5.2 | |
10 months ago | 6 days ago | |
Python | CSS | |
GNU General Public License v3.0 or later | - |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
pcface
-
Game Font Forensics
I hold VileR's work on int10h.org in high esteem, given its exceptional quality. As someone whose initial exposure to computers was through IBM PCs, I find VileR's website to be a treasure trove of IBM PC fonts, BIOS fonts, and related resources.
Inspired by IBM PC games from the 1990s, I aspired to create my own invaders-like game. However hindered by limited access to computers and limited computer programming knowledge, the most I could manage to make were a few text-based adventure games. Although 25 years too late, during the COVID-19 pandemic, I revisited this dream and spent a weekend writing my own Invaders game[1] using HTML5 Canvas.
Initially, I used CanvasRenderingContext2D: fillText() to display text (current score, info screen, etc.). However, dissatisfied with the text rendering quality, I began looking for IBM PC OEM fonts online and came across the Oldschool PC Fonts[2] on int10h.org. I downloaded the font packs from the website, used a Python script to convert them to bitmaps[3] (arrays of integers), and then used the bitmaps to draw text on the canvas, one cell at a time, to get pixel-perfect results!
I eventually switched to a different font pack called Modern DOS[4] developed by Jayvee Enaguas. Nevertheless given how extensive VileR's website is and how convenient the font preview tools[5] on the website are, int10h.org remains as my go-to website whenever I am doing any type of retrocomputing work for fun.
[1] https://susam.net/invaders.html
[2] https://int10h.org/oldschool-pc-fonts/
[3] https://github.com/susam/pcface
[4] https://www.dafont.com/modern-dos.font
[5] https://int10h.org/oldschool-pc-fonts/fontlist/font?ibm_vga_...
-
Demo of Bitmap Arrays for Rendering CP437 Glyphs Using IBM PC OEM Fonts
Although not included in this demo, VileR does provide aspect-correct variants of the fonts at https://int10h.org/oldschool-pc-fonts/fontlist/. One can take the scripts at https://github.com/susam/pcface and generate the bitmap arrays for the aspect-correct variants too.
-
What Is Textmode?
> It typically uses 256 characters exemplified by the font CP437
I have very fond memories of code page 437 (CP437). ASCII code 1 is a smiley face in CP437. How cool is that!
Shameless plug: I recently wrote a small toolkit to render CP437 characters on HTML5 canvas for a retro-style game project I was working on. Source: https://github.com/susam/pcface Demo: https://susam.github.io/pcface/src/demo.html
- Bitmap arrays for rendering CP437 glyphs using IBM PC OEM fonts
- Show HN: Bitmap arrays for rendering CP437 glyphs using IBM PC OEM fonts
- Show HN: PC Face: Bitmap arrays for rendering CP437 glyphs using PC OEM fonts
- PC Face: Bitmap arrays for rendering CP437 glyphs using IBM PC OEM fonts
- Bitmap Arrays for Rendering CP437 Glyphs Using IBM PC OEM Fonts
- PC Face: Bitmap Arrays for Rendering CP437 Glyphs Using IBM PC OEM Fonts
awesome-css-frameworks
-
I hate CSS: how can I build UIs?
Agreed, find a class-less framework to start, so that you focus on just the HTML, semantic structure first. Here's a couple of lists of such frameworks:
https://github.com/troxler/awesome-css-frameworks#class-less
https://github.com/dohliam/dropin-minimal-css
Personally, I like simple.css (https://github.com/kevquirk/simple.css)
- Microframework CSS
-
What Is Textmode?
Maybe not exactly what you‘re looking for, but you could give https://github.com/vinibiavatti1/TuiCss a try.
More here: https://github.com/troxler/awesome-css-frameworks#specialize...
-
Suggest minimal CSS framework
I need a minimal CSS framework to use as a basis to extend for a new project. I hate bloated CSS frameworks like Bootstrap and Tailwind. My ideal CSS framework would have SCSS components, well thought defaults to deal with different device sized, a decent user-base, a pre-made darkmode and less than 20KB when minimized. I saw a list of css frameworks here, but none have all my criteria. So appreciate your suggestions.
-
100+ Must Know Github Repositories For Any Programmer
4. Awesome Css Frameworks
-
I am looking for a light CSS "framework" that I can use with vanilla JS and html
Anything from here would probably suit your needs quite easily: https://github.com/troxler/awesome-css-frameworks
-
SimpleCSS: A Classless CSS Framework
You can have a look at https://github.com/troxler/awesome-css-frameworks which is an extensive collection of CSS frameworks. Have a look at the "Class-less" section to checkout similar projects.
There is also an open PR to add Simple.css to the list: https://github.com/troxler/awesome-css-frameworks/pull/85
-
The world of Awesome CSS Frameworks
In February 2018 I joined Dev.to 😎 and also I found the amazing Awesome CSS Frameworks. I was in love with all the world that existed apart Boostrap.
- CSS Frameworks
- In depth comparison of classless css frameworks
What are some alternatives?
saman - Saman Dere Sans-Serif Font
classless-css - A list of classless CSS themes/frameworks with screenshots
bitmap-font-css - Trying to make bitmap web fonts look better.
react-bootstrap - Bootstrap components built with React
chiron-sans-hk - 昭源黑體:現代筆形風格,平衡標準字形和印刷體慣用筆形的免費開源黑體字型
aspekta - Modern sans-serif font family.
public-sans - A strong, neutral, principles-driven, open source typeface for text or display
Pure - A set of small, responsive CSS modules that you can use in every web project.
Monocraft - A monospaced programming font inspired by the Minecraft typeface
asciidoctor-skins - Control how your asciidoctor powered documentation looks
Work-Sans - A grotesque sans.
Material UI - Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design.