8 posts tagged with web and css.
Displaying 1 through 8 of 8. Subscribe:
Codepip: coding games for learning web dev
A few years back, I released two CSS coding games as weekend open source projects: Flexbox Froggy and Grid Garden. Based on the positive reception they got, I was motivated to launch Codepip and expand into more games. Since launch I've added six games for learning different aspects of HTML, CSS, and JavaScript, with more in the works. Last week came Sourcery, which introduces the HTML workflow tool Emmet.
The Mad Magazine Fold-In Effect in CSS
At age 99, comic artist Al Jaffee just announced his retirement. Jaffee was best known for his Mad Magazine fold-ins, where folding the page reveals a hidden message in the artwork. Plenty of examples can be found on the web. Unfortunately, they all show the before and after statically, diminishing the magic. There’s a whole generation who may have only seen the fold-ins in this format.
So of course I had to create the paper folding effect for the web.
Tufte Bootstrap
Edward Tufte uses distinctive, simple, well-set typography, extensive sidenotes, and tight integration of graphics and charts. This project is an attempt to bring that style to the Bootstrap framework. Contributors to this open source project are welcome. [more inside]
Chart.Business
High-performance web site for business professionals with advanced business needs, keep up-to-date on all business facts for your business. Growth, leverage, portfolio, value-added, markets and other key business metrics. [more inside]
Dingwings: Reverse Wingdings
Dingwings is a font you can only type with an emoji keyboard. [more inside]
The New Code
Seven years ago I asked about blogging solutions on AskMe. A year after that, I had the site up and running. But times (and best practices) change, so I've completely rewritten, redesigned, rebranded and relaunched my web development site. [more inside]
Let's build a browser engine!
I work for Mozilla as a web browser developer. I've found that it's hard to learn the inner workings of a browser, so I started building a “toy” HTML/CSS rendering engine designed to be easy to understand and modify. This is the first in a series of articles that will explain the code I wrote, and also walk you through the process of writing your own toy rendering engine from scratch.
Shoot the Rancors!
Shoot the Rancors! is a retro arcade-style game implemented in pure CSS — no Flash or Javascript — as an exercise to see how far CSS can be stretched and abused. Players proceed through levels of shooting moving Rancors (from the Star Wars films), with all user interaction, transitions, animations, and level progressions implemented in HTML and CSS3. It should work cross-platform on modern desktop browsers.
Page:
1