Search results for 2013 11 25 css alignment and sizing snippets

CSS for Beginners with Dreamweaver

by Brian Rinaldi

…external CSS files added which are already listed in this panel: normalize.min.css and main.css. Click on main.css, as that is the file we’re primarily going to work with here. You…

Picture showing a magazine layout with columns of different heights

CSS Regions Matter

by Brian Rinaldi

CSS features, and this article is the result of what I found out and my personal opinion regarding the usefulness of CSS Regions. Whether or not CSS Regions can be…

Best of JavaScript, HTML & CSS – 2013

by Brian Rinaldi

…in CSS. In defense of the humble id attribute A great article by Hugo Giraudel on troubleshooting some very common and frustrating CSS issues. Troubleshooting CSS PhoneGap 3.0 includes a…

CSS Alignment and Sizing Snippets

by Brian Rinaldi

discussed here can be combined by nesting them. Do you know any other great tricks or useful snippets? Please share in the comments. This article was originally published at http://timseverien.nl/2013/10/cssalignment-and-sizing/…

Introduction to Animating in HTML

by Krasimir Tsonev

…two classes: rotateInDownLeft and bounceOutRight. I also used additional helper for detecting the end of the animation. Animate.css uses CSS animations, not CSS transitions, so the method is a bit…

5 things you won’t believe are only built with CSS

mm by Trevan Hetzel

Trevan Hetzel breaks down 5 UI interactions typically built with JavaScript, implemented only with CSS. By Trevan Hetzel I often find myself amazed at what plain ‘ol CSS can do….

Best of JavaScript, HTML & CSS – Week of July 29, 2013

by Brian Rinaldi

…maintainable CSS. CSS-Guidelines David Walsh shows how Using pure CSS you can create cross-browser compatible triangles with very little code. CSS Triangles Pamela Fox shares investigation that she and her…

Functional CSS (FCSS)

by Matt Baker

it’s more expressive to define the composition of your styles in scss itself by way of the @extend directive. /*errors.css.scss*/ .error { color: red; } .sidebar-error { @extend .error; border:1px…

Using CSS Regions in Responsive Designs

by Brian Rinaldi

the details regarding the author’s complaints in this regard, which are very specific to the relative merits of CSS Regions over and above what can be done with CSS multi-column…

Best of JavaScript, HTML & CSS – Week of July 8, 2013

by Brian Rinaldi

This week features lots of CSS from maintaining aspect ratios in CSS to CSS custom filters to a CSS media query generator and a new CSS Regions working draft. Of…