Improve your website’s user experience with a very simple arrow which fades in when visitors start scrolling the page. The page smoothly scrolls back to top when the the button is clicked.
Undoubtedly one of the ugliest websites on the Internet has been launched which wants to draw attention to all the bad practices that web publishers are still using nowadays. This ridiculous website lists everything that cause pain to a skilled designer.
Continue reading “The Ugliest Website On The Internet”
We often find ourselves in situations when we want to overwrite a style we don’t have access to, it’s hard to find or we want to rewrite with CSS a style that has been written in the HTML code or has been set with Javascrpt.
In this article we’re going to discuss the strength of different style declarations and how can we overwrite them.
Let’s say we have the sentence below to start with.
<p>This is our <span id="highlighted">demo text</span>.</p>
The Rubik’s Cube is a three-dimensional mechanical twisty puzzle, invented more than 40 yars ago in Hungary by Erno Rubik. It is estimated that more than 350.00 cubes were sold, making this simple yet so hard toy the most famous puzzle game of the World so I think there’s no need to describe it in more detail.
When it comes to modelling this cube on the web we can use a canvas or simply build the 54 little colored faces using rotated and transformed div elements in HTML5 and CSS3. There are for example online Rubik’s Cube solvers where the visitor inputs the colors of the scrambled cube and the program throws out the rotations needed to get the cube fixed. A HTML5 Rubik’s Cube can be used to demonstrate nice patterns, scrambles or we might want to build our own online Magic Cube to play with.
Continue reading “JSFiddle.net vs Codepen.io”
To try it simply click one of the bars below:
You can see the preview below how the responsive widget displays, but of course you can customise its view: