SitePoint Sponsor

User Tag List

Results 1 to 3 of 3

Hybrid View

  1. #1
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,118
    Mentioned
    448 Post(s)
    Tagged
    8 Thread(s)

    This Week in CSS—October 28, 2013

    Here are some nice links that we've gathered for you this week:

    Articles

    Interesting article on how the BBC deals with responsive web design (best read in a refined BBC accent).

    It's important to remember accessibility as our designs trend toward "flat" UIs, as James Edwards reminds us.

    Meh ... who needs @media? If you are thinking it's better just to have a separate m., maybe read this first: Google Hates Your Mobile Website (Here's How to Fix It).

    Yes, you guessed right: another ******* article on responsive images. O no, and another one! Argh! And another! Are you still alive? Well, then, check out Craig's post that looks for a consensus to the issue.

    Two opposing views on how to manage your css.
    Challenging Css Best Practices
    Cargo Cult css

    Demos

    Chris Coyier posted a nice, simple example of a responsive form on CodePen recently. (Not everything cool has to be super complex!)

    Speaking of CodePen (Chris Coyier's really cool new app), there are lots of really cool demos appearing there daily, such as:

    Faking dropdown selects with radios
    Device Carousel
    A cool background hover effect
    Pure CSS Stamp
    Radio Buttons - next generation
    Amazing "impulse loader"
    Different ways rectangles make circles

    Resources

    CSS Typeset is a fun little tool for experimenting with text styling. You can play with fonts, font size, color, line height etc. to see how these all work and perhaps establish some styles you want to use.

    If you are into CSS animations and want more options for stacking them, specifying callbacks on completion etc., you might like to check out animo.js.

    If you are into tooltips, hint.css is a handy library (written in SASS) for creating some pretty spiffy examples.

    If you are taked with creating HTML emails, make sure to check out CampaignMonitor's really handy table of CSS support, which has recently been updated.

    Tips

    And once again, some lighthearted tips for the week, courtesy of @H9RBSjs ...

    Hey, everyone, check out my flat UI design CSS framework → * { box-shadow: none; text-shadow: none; }

    source
    "border-bottom: 1px solid" vs. "text-decoration: underline" -- that debate could be a major bloodbath.

    source
    Did you know that if you use OOCSS, rainbow-coloured antelopes will fly out of your butt distributing crisp hundred-dollar bills to all?

    source



    Take a look at any or all of the links above and tell us what you think! And feel free to PM me if you have an great links for the next issue.

    You can also view a list of previous posts here.

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,296
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    Good round up again Ralph.

    Those radio buttons look cool

  3. #3
    SitePoint Member
    Join Date
    Nov 2013
    Posts
    9
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Excellent post. You nailed it.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •