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
Category: WebDesign
Posts Tagged ‘CSS’.
I’m pleased to present below all posts tagged with ‘CSS’.
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
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
Atomic Design – Your Ultimate Guide to Scalable & Modular CSS (Sass)
Creating scalable and maintainable CSS is hard. On the other hand, it is very easy to create bloated stylesheets nobody can understand. Atomic design might be one way we can deal with it. In this article, we will take a look at this methodology, its benefits and basic structure. My goal for this article is… Continue reading Atomic Design – Your Ultimate Guide to Scalable & Modular CSS (Sass)
Refactoring CSS Without Losing Your Client Or Your Mind
If there is one thing that scares many people in web development, it is refactoring CSS. CSS on its own is already hard to master. It gets even harder when you have to clean the mess after someone else. Luckily, you found this post. On the following lines you will find couple best tips and… Continue reading Refactoring CSS Without Losing Your Client Or Your Mind