Jennifer Nicholas has Published 291 Articles

What exactly is the pushState state object in HTML?

Jennifer Nicholas

Jennifer Nicholas

Updated on 25-Jun-2020 05:57:12

204 Views

Use the pushSate object to update the page when the user navigates back through history. Let us see an example to include the selected color that creates a history entry −function display(color) {    var myState = { selectedColor: color },    myTitle = "Page title",    myPath = "/" + ... Read More

Set a rounded active and hover button with CSS

Jennifer Nicholas

Jennifer Nicholas

Updated on 24-Jun-2020 15:41:20

1K+ Views

Use the :hover selector to add hover effect. To give a rounded effect, use the border-radius property. You can try to run the following code to set rounded active and hover button with CSS:ExampleLive Demo                    .demo {     ... Read More

Ember.js browser support with HTML

Jennifer Nicholas

Jennifer Nicholas

Updated on 24-Jun-2020 14:24:36

191 Views

Ember.js is an open-source, free JavaScript client-side framework used for developing web applications.It allows building client-side JavaScript applications by providing a complete solution which contains datamanagement and application flow.It uses the MVC(Model-View-Controller) architecture pattern. In Ember.js, the route is used as a model, handlebar template as view and controller manipulates ... Read More

Add space between pagination links with CSS

Jennifer Nicholas

Jennifer Nicholas

Updated on 24-Jun-2020 11:20:34

403 Views

You can try to run the following code to add space between pagination links with CSS:ExampleLive Demo                    .demo {             display: inline-block;          }          .demo a { ... Read More

Flip an image on mouse over with CSS

Jennifer Nicholas

Jennifer Nicholas

Updated on 24-Jun-2020 08:01:49

414 Views

Use the transform CSS property to flip an image. You can try to run the following code to flip an image on mouseover:ExampleLive Demo                    .myimg:hover {             transform: scaleX(-1);          }                     Heading One       Let's flip the image on mouse over:          

CSS counter-increment property

Jennifer Nicholas

Jennifer Nicholas

Updated on 24-Jun-2020 07:14:58

169 Views

To increment a counter value with CSS, use the counter-increment property.You can try to run the following code to implement the counter-implement property −ExampleLive Demo                    body {             counter-reset: section;          }          h2::before {             counter-increment: section;             content: "Fruit " counter(section) " - ";          }                     Fruits       Mango       Kiwi    

How to set the fill-mode for an Animation with CSS

Jennifer Nicholas

Jennifer Nicholas

Updated on 24-Jun-2020 05:57:51

66 Views

To set the fill-mode for an animation with CSS, use the animation-fill-mode property. It has the values forwards, backward, both for both the directions, etc.You can try to run the following code to set the fill-mode for animation;ExampleLive Demo                   ... Read More

Explain C++ Singleton design pattern.

Jennifer Nicholas

Jennifer Nicholas

Updated on 24-Jun-2020 05:42:05

17K+ Views

Singleton design pattern is a software design principle that is used to restrict the instantiation of a class to one object. This is useful when exactly one object is needed to coordinate actions across the system. For example, if you are using a logger, that writes logs to a file, ... Read More

CSS perspective-origin property

Jennifer Nicholas

Jennifer Nicholas

Updated on 23-Jun-2020 16:09:26

80 Views

Use the perspective-origin property to specify the bottom position of 3D elements.You can try to run the following code to implement the perspective-origin property:ExampleLive Demo                   .demo1 {             position: relative;         ... Read More

Set left tooltip with CSS

Jennifer Nicholas

Jennifer Nicholas

Updated on 23-Jun-2020 15:00:44

118 Views

To set left tooltip, use the right CSS property.You can try to run the following code to set left tooltip to a text:ExampleLive Demo           .mytooltip .mytext {          visibility: hidden;          width: 140px;          background-color: orange; ... Read More

Advertisements