Skip to main content

Forums

Forum Replies Created

Viewing 15 posts - 1 through 15 (of 240 total)
  • Author
    Posts
  • in reply to: Future of These Forums #273295

    bearhead
    Participant

    I notice that the codepen forums only allow login through social media or github accounts (which seems weird that you can’t use your codepen login)? Would that be the same for css tricks if you go with spectrum? I’m not sure I would want any of those connected to css tricks (or codepen for that matter)?

    The codepen forum also seems a little difficult to read and navigate on a desktop to me? The individual threads only open as a little half-screen on the right, and it is organized like a mobile chat – which is fine for conversations, but maybe not so great for information? Plus all of the topics are lumped together – I guess this wouldn’t be an issue if you can have multiple “channels” though (I did notice there was a post about it).

    Basically I think the css tricks forums are (in terms of function) something closer to Stack Exchange than to facebook.

    in reply to: Turn the whole of the footer one colour?! #269922

    bearhead
    Participant

    Here is a css tricks article about it. There are a few methods:

    Full Browser Width Bars

    in reply to: set image to 100% unless container wider than image #269920

    bearhead
    Participant

    You should be able to do this by applying max-width:100%; to the img element.


    bearhead
    Participant

    Are you using any additional css? Maybe bootstrap or some other framework?

    in reply to: Does valid markup matter? #269032

    bearhead
    Participant

    You shouldn’t need the invalid span to get the functionality you are looking for. I would just set the ul to display:none when the menu is closed and the display:flex when it is open.

    Most modern browsers can interpret invalid html, but they do so in ways that you might not expect, and are not consistent between browsers.

    in reply to: What i'm missing here? #268083

    bearhead
    Participant

    couldn’t you just use the .devices element as the icon container and change its width and height to resize the icon?

    Like so:

    I guess I don’t understand what you’re looking for?

    If you want the line weight to scale too, you could also define that with vw:

    .laptop {
      border: .1vw solid rgba(0, 190, 251, 1);
    }
    
    in reply to: What i'm missing here? #268077

    bearhead
    Participant

    Just change the 500px width and height on .devices to vw units:
    https://codepen.io/kvana/pen/Wzbboj

    in reply to: What i'm missing here? #268016

    bearhead
    Participant

    You’ll either have to use media queries to change the width and height of .devices for different screen widths, or you you’ll have to use something like view width instead of pixels to define the width and height of .devices (i.e. width:50vw; height:50vw;

    in reply to: Mobile first CSS #266189

    bearhead
    Participant

    Also, depending on your audience, there is a pretty good chance that the majority of your users are on mobile devices. It makes sense to design the default around them rather than the desktop users.

    in reply to: transform-translate isn't working with animation #266048

    bearhead
    Participant

    The transforms in the animation are overriding the transform on the div. I’d recommend wrapping the spinner div in parent div, and then translate the parent div.

    Or if you need to do it with a single element, use two animations. One for the div and another for the :before and :after pseudo elements. On the animation for the div, add the translate to each keyframe.

    in reply to: Is there any way to restrict a content in WordPress ? #265822

    bearhead
    Participant

    When editing a post in wordpress you have a choice of three access levels: Public, admins and editors, and password-protected.

    You can access these options by going to: post settings (gear icon) > status

    in reply to: Trying to spruce up this 3d ticker wheel #264856

    bearhead
    Participant

    I was thinking something like this:

    But you’ll have to play with the shadows to get them to look right

    in reply to: Trying to spruce up this 3d ticker wheel #264786

    bearhead
    Participant

    Maybe try with the reels sharing the same perspective?

    in reply to: stack div tag under each other BUT disregarding the height #261773

    bearhead
    Participant

    You might be able to do it css-only with columns:

    But note that it will render items top-to-bottom instead of left-to-right.

    in reply to: CSS Background image , not working #261675

    bearhead
    Participant

    Your background declaration should look like this:

    background:url(https://i.ytimg.com/vi/n1sk-0k6ysc/maxresdefault.jpg) top left/cover no-repeat;
    
Viewing 15 posts - 1 through 15 (of 240 total)
icon-link icon-logo-star icon-search icon-star