Beautiful and fully responsive gallery can make your website stand out. And, if you use some front-end framework, you can get this done in a few minutes. This is what this tutorial will be about. We will use Foundation framework along with a few custom styles and JavaScript to create responsive gallery with reveal modals.… Continue reading How To Build Responsive Gallery With Foundation and Modals
Tag: html5
Learn React by Practice and Create Stunning Image Gallery
One of the best ways to learn React is by practice. Nothing can help you learn like trial and error. When you get your hands dirty your brain is like sponge. Your ability to absorb new knowledge is incredible. In addition, learning by practice is also more fun. For this reason, I decided to write… Continue reading Learn React by Practice and Create Stunning Image Gallery
CSS Best Practices – 14 Steps to Become a CSS Ninja Pt2
Following specific CSS best practices can help you master CSS. It can help you transition from professional developer to CSS ninja. It in this series, you will learn exactly about these best practices. In this second part, you will start with learning how to setup your typography. Then, you will master naming conventions for CSS… Continue reading CSS Best Practices – 14 Steps to Become a CSS Ninja Pt2
CSS Best Practices – 14 Steps to Become a CSS Ninja Pt1
CSS can be hard to manage even for professional web developers. In this two-part series, you will learn about 14 CSS best practices. In this first part, you will learn how to master CSS specificity hierarchy. You explore the dangers of !imporant declarations and ID selectors. You will also learn about the costs of using… Continue reading CSS Best Practices – 14 Steps to Become a CSS Ninja Pt1
Insanely Easy and Simple React Form Tutorial
Have you ever wanted to create pure React form? Have you ever wished to use React with Material design? Imagine creating something functional and also beautiful! I have a great news for you … This is your lucky day! Today, in this tutorial, we will take React and Material design and create beautiful form. I… Continue reading Insanely Easy and Simple React Form Tutorial
HTML5 and CSS3 Feature Detection with Modernizr and Beyond
What is feature detection? How can you use it in web development? These and many more questions are the subject of this article. First, you will learn about the current champion among feature detection JavaScript libraries. Then, you will explore the interesting future of CSS-based feature detection. In-between, you will also learn about some practices… Continue reading HTML5 and CSS3 Feature Detection with Modernizr and Beyond