Most useful CSS trick you know?

PenguinManiac

New member
Joined
Jun 27, 2017
Messages
200
Points
0
HTML and CSS are the nuts and bolts of front-end development for both static and dynamic pages, and learning their ins and outs is fundamental to make the most of the resources you have.
Whenever I look online for solutions to problems I stumble upon, most times I'm greeted by JS scripts that obviously get the job done, but that make the code feel... dirtier. CSS tricks, on the other hand, are lighter on the page, often clever and (more often than not) won't be subject to compatibility or safety issues.

What are your favourite CSS tricks you use to solve common problems you face during development?
 

Mike001

New member
Joined
Apr 27, 2016
Messages
578
Points
0
My favorite CSS tricks, boy is that an open ended question. There are just so many of them.

Some of the new features of CSS3, with transitions, 3D modeling, shadowing, etc. are awesome. They save so much time from how things were done just a couple of years ago.

With the CSS specification constantly in a state of flux as more features are added it becomes very hard to keep up with some of the cool things that can now be done with CSS.

I have a really cool group of video tutorials I wrote about a year ago on the transforms and the transition properties of CSS that you can view on my website for free. They go into some really good detail as to how to use these new properties and how to implement them on your site.

Check them out, they get into 3D models, transforms and transitions with nothing but CSS and HTML.

I hope this helps.
 

PenguinManiac

New member
Joined
Jun 27, 2017
Messages
200
Points
0
PenguinManiac
Transform and transition properties are extremely versatile, I agree, and they do wonders to a website's feeling. I knew CSS3 could handle models, but I never bothered with it because I though it would have been too complicated for me. It could be a nice ace up my sleeve for my future projects. I'll give it a look, thanks!
 

Novakin

Member
Joined
Jan 23, 2013
Messages
39
Points
8
Well, believe it or not, my favorites are "before" and "after" pseudo elements. I achieved pretty good stuff with those two :D
 
Older threads
Newer threads
Replies
2
Views
2,541
Replies
0
Views
1,637
Replies
4
Views
1,706
Replies
3
Views
1,705
Latest threads
Replies
1
Views
74
Replies
1
Views
172
Replies
4
Views
378
Replies
11
Views
522
Replies
2
Views
227
Recommended threads
Replies
6
Views
3,331
Replies
2
Views
2,872
Replies
11
Views
5,269
Replies
0
Views
1,803
Similar threads

Latest postsNew threads

Referral contests

Referral link for :

Sponsors

Popular tags

You are using an out of date browser. It may not display this or other websites correctly.
You should upgrade or use an alternative browser.

Top