I really like this experiment from Jordan Moore on changing the scroll pattern on his website. While it goes against the users expectation, it does make you take a bit more notice of the page. Some key things to consider moving forward with this would be… Handling RTL content How does mouse scroll behaviour work… Continue reading Horizontal scroll on the web
Tag: Typography
Lining.js
In CSS we already have the selector ::first-line to apply style on the first line of element. But there is no selector like ::nth-line(), ::nth-last-line() or even ::last-line. Lining.JS gives you the ability to achieve this. Visit Link
The Futures so bright, you gotta wear SHADES
Typekit are a font service that allow you to use beautiful webfonts on your website without the additional costs or complexity of purchasing a font from a foundry and converting it to all of the web formats.
TypoGui.de
A Pocket Guide to Master Every Day’s Typographic Adventures Visit Link
Type Rendering Mix
Apply CSS based on the text rasterizer and antialiasing your browser is using Visit Link
Typeup
A nifty Compass extension for quick typesetting without hours of math churning. Visit Link
Typograph – Scale & Rhythm
A great tool for understanding scale & rhythm with your typography. Visit Link
Vector & Icon Webfonts
This is a corker of a list of icons and web fonts to make life a little more pretty on your site. Visit Link
Responsive Measure: A jQuery plugin for responsive typography
Responsive Measure is a simple script that allows you to pass in a selector (ideally the container where your primary content will go) which generates the ideal font size needed to produce the ideal measure for your text. http://jbrewer.github.com/Responsive-Measure/
Weekly Web Update #3
This week we take a look at Typography Tools, Rethinking the CSS Grid, is HTML5 Web Apps really the answer and making beautiful shapes with CSS3