UI Developers usually truncate the extra text in the line by applying text-ellipsis, which means showing the 3 dots (visually explains there is even more text, that can be handled by applying title attribute to the element and show the full text on hover). Ellipsis to One Line Text Applying ellipsis for one line is… Continue reading CSS Ellipsis (the 3 dots…) on Single OR Multiple Lines
Tag: Tips
How to Create a Sticky Footer in CSS
The purpose of a sticky footer is that it “sticks” to the bottom of the browser window. But not always, if there is enough content on the page to push the footer lower, it still does that. But if the content on the page is short, a sticky footer will still hang to the bottom… Continue reading How to Create a Sticky Footer in CSS
How to Combine Background Image With Gradient Overlay
CSS gradients allow us to display smooth transitions between two or more colours. They can be added on top of the background image by simply combining the background-image URL and gradient properties. Adding a background image to a div tag is easy using CSS. Here it is; We have put some other rules on the… Continue reading How to Combine Background Image With Gradient Overlay
GZIP Compression – How to Enable on Your Site
One or two seconds might not seem like long. When it comes to your website, though, a lot can happen in that short span of time. Sooooo….. Do you want to make your site load faster and attract more traffic? You can do it all by compressing your web files using the GZIP file format.… Continue reading GZIP Compression – How to Enable on Your Site
6 Tools to Create Elegant Code Screenshots for Social Media
Discover different tools to create code screenshots. All of them are free and available online or on VS Code. After reading this article, you will have no excuse for not creating content on your favorite social network! The below tools allow you a set of customization functionalities to make your code snippets shine. We gathered… Continue reading 6 Tools to Create Elegant Code Screenshots for Social Media
How to Transfer Photos from iPhone to Flash Drive
iPhone comes with amazing photography technology allowing users to take beautiful photos. However, as the photo quality is updated, photos take more storage space than before. You may get the “iPhone storage full” notification, so just migrate some photos to USB Flash Drive and free up some storage space on your iPhone. In addition, transferring… Continue reading How to Transfer Photos from iPhone to Flash Drive
What is the Difference Between U Disk and USB Flash?
Nowadays, more and more mobile storage devices appear in our vision. These mobile storage devices are very small and easy to carry around. Example would be U disk and USB flash (Pen Drive) which attract lots of people’s attention. Though they are small, they are capable of holding a great deal of data. However, plenty… Continue reading What is the Difference Between U Disk and USB Flash?
Front-end Developer vs. Web Designer – Real Difference?
It’s no surprise that people not involved in web development tend to confuse these two professions. Both of them work on the same task: roughly, to establish interaction between users and websites. An uneducated customer makes funny mistakes sometimes. They ask a web developer things like: There is nothing wrong with that (when it happens… Continue reading Front-end Developer vs. Web Designer – Real Difference?
Best Icon Fonts For UI Design
Icon Fonts are awesome and are becoming popular and latest trend of web design. and if you are thinking serious about site performance, especially for mobile then try using icon fonts. There are many benefits of using icon fonts: like you can easily change the size of icon fonts, you can easily shadow their shape, they can… Continue reading Best Icon Fonts For UI Design
22 Best Programming Fonts for Better Coding
Are you having eye strain or difficulty reading your code after a few hours of hard work? Many programmers never think to switch their font until they start getting headaches or eyestrain. Eyestrain or headaches are a real issue for software developers, and the font they choose to work with plays a big role in… Continue reading 22 Best Programming Fonts for Better Coding
VS Code: Tabs Vs Spaces – How To Change Indentation
The debate over whether to use a tab or a space for indention has been long-running for many years in the programming community. This is one of the most trivial areas of coding that people argue over, often bringing up very nitty, and picky points as a point of reasoning. I use tabs for indentation… Continue reading VS Code: Tabs Vs Spaces – How To Change Indentation
How to add the Print Option on a Web Page
CSS give you considerable control over how content on your web pages is displayed on the screen. This control extends to other media as well, such as when the web page is printed. It’s worth considering why you would want to create a print link in HTML after all, most users already know how to… Continue reading How to add the Print Option on a Web Page