This website provide us all offical color pattern from popular brands of over the world, very useful for web designers and frontend developers.
Drop Caps Cross-browser way (extra markup) Just wrap the first character of the paragraph in a span, then target the span with CSS and style away. <p> <span class=”firstcharacter”>L</span> orem ipsum dolor sit amet, consectetur adipiscing elit. Mauris tristique lobortis orci ac lacinia. Fusce eu purus eget diam vehicula auctor nec eu elit. Morbi consequat… continue reading
CSS counters allow you to number items in CSS using dynamic numbering, similar to how an ordered list works. But CSS counters are quite different. This feature uses a pseudo-element combined with some counter-specific CSS to append/prepend a dynamic “count” to a specified set of elements.
HTML tables have a bad reputation. In the 1990’s and 2000’s, many web professionals would use tables for positioning text and images on web pages. Using tables for layout is bad, but unfortunately that message sometimes is shortened to “tables are bad,” which is not true at all. HTML tables should not be used for positioning on… continue reading
The negation pseudo-class, :not, can be incredibly useful. It allows us to target elements based on what attributes they don’t have, rather than what they do. This helps us avoid writing extra, increasingly specific, rules in an attempt to override previous ones. A common example of this is when we want to apply a style… continue reading
Trong bài viết này, xin giới thiệu đến các bạn 37 nguồn resource giúp Web Developer cập nhật những tin tức mới nhất trong ngành cũng như học hỏi và thực hành để giữ cho kỹ năng coding của mình luôn sắc bén. Đọc và bookmark ngay 37 nguồn resource này nếu bạn là một Web… continue reading
It goes without saying that WordPress has emerged as a widely used and popular CMS. It not only excels at handling blog- and news-focused sites, but can also be tailored to accommodate any kind of online website, whether it is a directory, a real estate website, or a social network app. The easiest way to… continue reading
Let’s talk about vertical alignment in CSS, or to be more precise how it is not doable. CSS has not yet provided an official way to center content vertically within its container. It’s a problem that probably has frustrated web developers everywhere. But not to fear, in this post, we’re going to run by you… continue reading
Let’s face facts: media queries can be a pain. They’re difficult to write and they tend to get duplicated a lot. Sass includes a few helpful features that make media queries easier to work with. This article will show you these tricks and how you can use them to simplify your stylesheets. The Basics Let’s… continue reading
The SEO best practices of various HTTP status codes. HyperText Transfer Protocol (or HTTP) response status codes are returned whenever search engines or website visitors make a request to a web server.
Sublime Text 3 is an amazing piece of software. To start, it is a clean, functional, and fast code editor. Not only does it have incredible built in features (multi-edit and vim mode), but it has support for plugins, snippets, and many other things. I know there have already been many articles like this online,… continue reading
Encoding is often confused with encryption and hashing. They are not the same. But before I go into the differences, I’ll first mention how they relate: All three transform data into another format. Both encoding and encryption are reversible, and hashing is not. Let’s take a look at each one: Encoding The purpose of encoding… continue reading
Let’s face it. Managing front end dependencies is still a headache. As developers, we have a plethora of options for building dependencies. Some of the tools off the top of my head are Grunt, Gulp, Broccoli, Component, NPM, and probably 5 more have been released since I started writing this post. In this tutorial, I… continue reading
Friendlier HTML form controls with a little CSS magic. Designed for IE9+, as well as the latest Chrome, Safari, and Firefox.