Challenge we will face today is creating an accordion menu only with HTML and CSS. No skills in JavaScript or jQuery will be involved or required from you. Accordion will contain five tabs with content inside each of them. All tabs will be stacked vertically. Content will be shown only after clicking on particular tab.… Continue reading CSS tips and tricks #13 – Design accordion menu in CSS without JavaScript tutorial
Tag: css
CSS tips and tricks #12 – Animated flipping card without JavaScript
When it comes to portfolio, creativity matters. In a fact, creativity can help you being hired by potential client. All you have to do is to impress him. One way that we will practice today, is via CSS transform property, a bit of 3D and some transition as a cherry on top. Our goal for… Continue reading CSS tips and tricks #12 – Animated flipping card without JavaScript
Design fixed navigation on scroll with CSS and jQuery
One thing that can increase user experience and overall impression from your website is always present navigation. Why should the visitor scroll back to the top or click one more time to let the script move the window to the top? Remember, every click counts. We can easily solve this problem of accessibility by creating… Continue reading Design fixed navigation on scroll with CSS and jQuery
CSS tips and tricks #11 – Fullscreen fading navigation in CSS tutorial
Yep, that’s right! Another post from CSS tips and tricks is here. Our job for today is to create fullscreen navigation with fading effect between shown and hidden state. Navigation will be centered, no matter what the resolution of device will be, and links will be stacked vertically. Since this is all about CSS, there… Continue reading CSS tips and tricks #11 – Fullscreen fading navigation in CSS tutorial
CSS tips and tricks #10 – Auto-hidding navigation in CSS tutorial
It’s been a long time since we did some tutorial focused on stretching our HTML and CSS skills. Today we will practice via another piece of CSS tips and tricks series. This series had a fast begin, but then it kind of disappeared under dust. Let’s bring it back to live with this post.
Simple jQuery slider tutorial
Today’s post will be about creating a very simple image slider (or any kind of data) you can use in your projects. I know that there are many sliders on the web, but they are often too complicated and contain unnecessary effects and garbage code. For this reason, we will create image slider that will… Continue reading Simple jQuery slider tutorial