the css behind a responsive site

It’s been impossible for a company to get by without a website for a very long time, now. Over the last couple of decades, this sort of platform has become more and more essential, becoming something which a lot of people use every day. Of course, though, a lot of web standards were made before phones ever existed. The appearance of so many different devices can make it hard to create a site which works on any screen. Thankfully, though, this post is here to help you, and it will be going through some of the CSS behind a responsive website.

. . .
Continue reading
a 5 minute guide to css animations

If you are looking to add a splash of design to your existing websites, then CSS animations are a simple and quick way to do so, and they have a few benefits over the traditional use of JavaScript animations. For one, and the most important I think, you don't have to worry about math and geometry as the browser will take care of that for you. Many are put off by adding animations because for sure they are not simple. Even just sliding a text paragraph into focus on page load can be a bit tricky in the traditional JavaScript way. You'll have to worry about managing timers and setting coordinates yourself with plenty more room for error. Whereas with Animations, it is just a few style rules away.

. . .
Continue reading
a 5 minute guide to css transitions

CSS transitions have been out for a bit now, but many websites still don't make full use of them, unfortunately. And they should, as they provide a clean mechanism for creating smoother animations and better-looking sites. This works in guiding users and giving them subtle queues on how a site works. Fading out an element for example. Or moving an item on a certain action. All important queues. And also, they just look nice. It gives a website a more fluid feel overall.

. . .
Continue reading
a quick 5 minute guide to css media queries

CSS3 Media Queries are one of the best things to happen to front-end development since that terrible blink tag was deprecated eons ago and it stopped working on MySpace backgrounds. Media queries are expressions that limit the scope of styled elements depending on media features like width and height and resolution. In other words depending on the type of output device, screen width, screen height you can render specifically targeted CSS rules to your elements.

. . .
Continue reading
"sometimes you have to delete, to find your answer"
Copyright © 2018 thatsoftwaredude.com
Score in the top 10 and leave your Instagram handle.
snake left
snake up
snake down
snake right