+ 4

What is a webkit in css and how do you use it

question as title, thanks

13th Apr 2017, 10:11 PM
Rafael
6 odpowiedzi
+ 12
All web browsers use an engine, which is the component that is responsible for rendering the content, I mean, for what is seen in the browser. NOT all web browsers use the same rendering engine. Safari and Chrome browsers use the WebKit engine. Opera uses Presto engine, Firefox uses Gecko engine, and so on. Due to different web browser rendering engines there are compatibility issues for content layout. Therefore, if you want your website to be seen properly across different web browsers, in this particular case, in Safari and Chrome, then you must use the webkit module: -webkit- This -webkit- code will be applied on those browsers using the WebKit engine, and will be ignored by other web browser rendering engines. You can take a look at one of my codes here at SoloLearn where I used the corresponding modules for different rendering engines: -webkit- for Chrome and Safari -o- for Opera -moz- for Mozilla Firefox https://code.sololearn.com/WZldJHoR7mkY/?ref=app
13th Apr 2017, 11:48 PM
Pao
Pao - avatar
+ 9
hahahah yeah @Abner 😂 all I know IE uses the Trident engine and the module in CSS for it is -ms- but I don't even bother to include it in my codes 😅
14th Apr 2017, 12:27 AM
Pao
Pao - avatar
+ 8
I love to see that nobody cared to mention IE. Screw Microsoft.
14th Apr 2017, 12:03 AM
Abner Schmidt
Abner Schmidt - avatar
+ 7
@Abner 😂😂😂😂 don't forget to add this in your code: alert("Hello\nScrew Microsoft!"); 😄
14th Apr 2017, 1:07 AM
Pao
Pao - avatar
+ 5
-webkit- is a vendor prefix used for calling a CSS method, which is not oficially implemented in the browser yet. different vendor prefixes are used for different browsers. You should use them with new methods of CSS, as i said above. I'm pretty sure you can find more explanation on the HTML fundamentals course too.
13th Apr 2017, 10:15 PM
Welliton Malta
Welliton Malta - avatar
+ 4
@Paola, when I start writing my own pages I'll follow these lines "if you use IE you're not worthy of visiting my pages" xD
14th Apr 2017, 12:49 AM
Abner Schmidt
Abner Schmidt - avatar