Tag: css
-
Gradients!
Everybody loves gradients, right? This graphical interface enables you to see your gradient as you make it, and writes out the CSS declarations you need for your website!
-
The Typography handbook
Yet another incredibly useful website! The Typography Handbook explores the world of web type and offers suggestions to improve your use of typography when building your websites!
-
Another CSS resource!
With his site The Magic of CSS, Adam Schwartz hopes to compile an open-source, freely editable compendium of all the cutting edge information about CSS and how to use it. Thanks, Adam!
-
CSS cheat sheet!
This person compiled a series of CSS Refresher Notes from various sources around the net. It features a lot of stuff we haven’t seen in class, but should still be incredibly useful as we continue to discover the wonderful world of CSS!
-
transitions & transformations
A lot of cool animation stuff can be done in css these days, and a few people have written some incredibly useful guides for us! CSS transitions and transforms for beginners goes through the whole list and shows great examples for each feature, as well as giving you access to the source html and css […]
-
More flex resources!
A good complement to the css-tricks flex page mentioned before, the ultimate flexbox cheat sheet separates the different concepts of flex into individual, bite-size snippets. Then there’s a visual guide to css3 flexbox properties, which shows useful visuals (a bit down the page) to explain the different properties.
-
Flex
…not to be confused with the song, flex is also a really useful way to make grid layouts. Not limited to columns (rows too!), it’ll make your website/web page look awesome… if you know how to use it. Thankfully, the nice people at CSS-tricks.com made a very informative page to teach us how to use […]
-
Cleaning up your html and css
Well, eventually, you get to the point where your css file is a long, tangled mess, with a bunch of extra stuff that doesn’t do anything anymore, and some redundant instructions. You could go through it and clean it up yourself, but it’s always a good idea to let robots do it first! First, running […]
-
Well crap.
Last week, I mentioned that there wasn’t really a great way to make a column layout with html and css. Well, a day later, I found this new css3 multi-column property. Shows what I know! Note that it’s not completely supported yet (since it’s so new), but who knows what that will mean in a […]
-
More info about flex
We’re not talking too much about flexboxes in class, because they’re not completely supported yet, but if you’re curious and want to try playing with them, you can check out Learn CSS Layout‘s flexbox entry, css-tricks‘ take on the subject, or MDN‘s very in-depth explanation. Looks promising!