19 posts tagged with CSS.
Displaying 1 through 19 of 19. Subscribe:
ICS-in-CSS
International Code of Signals Flags in the Browser – is an HTML/CSS implementation for the flags of The International Code of Signals (ICS), a system of signals and codes designed to communicate important safety and navigational messages when speaking is difficult, for use by vessels to communicate important messages regarding safety of navigation and related matters. [more inside]
Needledrop
Needledrop is a skeuomorphic vinyl turntable interface for listening to music on YouTube. Use it with your favorite albums and share with friends. Try it out for good vibes.
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.
Gist Press
Publishes GitHub gists in a friendly article format, with a little help from Tufte CSS.
Accepts Markdown, syntax-highlights code, renders math symbols beautifully. [more inside]
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]
WhatCSS:
Dramatically decrease your page's initial CSS load. WhatCSS.info automatically generates a minified version of the bare minimum CSS a user needs to begin interacting with your site. [more inside]
peaceful, easy gmail
New Gmail sucks and I hate change. So I used someone else's userstyle and made a Gmail that is incredibly mellow (and yes, a little broken). You can use it if you want. No warranty expressed or implied. [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]
Tufte CSS
Style your webpage like Edward Tufte's handouts! [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.
Decision Tree Generator
The Decision Tree Generator parses a YAML file and, if it's in the correct syntax, creates a series of questions and responses that can be displayed on a webpage. It doesn't require a login, and the tree you create is around until someone else overwrites it. [more inside]
Gibberish Generator
I'm proud to announce my first iPhone App: Gibberish Generator.
This app allows you to generate pseudo-random sentences from lists of verbs, nouns, and the like. Optionally, you can enable your contacts, to allow them to be used in the random fun.
The result can be tweeted or emailed to your friends. I can't imagine a more useful app than that. Perhaps I need a better imagination. [more inside]
Web Developer Guide: XHTML, CSS, PHP, JavaScript, HTML5, and PhotoShop
For the last nine years I have taught web development, with a sideline in 3D, while continuing to freelance. The product of this AskMeFi question, my blog contains lectures, lessons, tutorials, resources and practice quizzes for XHTML, PHP and CSS. Increasingly, I’m focusing my writing on JavaScript, CSS3 and HTML5. I’ve just added the (very much beta) ability to sign up and leave comments, with many more features planned. [more inside]
The Ransomizer
It's a ransom note generator with some CSS widgetry.
TaskPaper to html conversion script
I was using TaskPaper for something I later wanted to put on the web. Given that TaskPaper's uses a pretty simple text format, I was surprised that my Googling to find something to convert the TaskPaper file to html failed. So, here's a Perl script to do that if you need it.
Page:
1