Nov 21Perfect Fit Every Time: Dynamic Text Resizing for Container Elements with Vanilla JS.Perfect Fit Every Time: Dynamic Text Resizing for Container Elements with Vanilla JS. Responsive design is a cornerstone of modern web development. While front-end developers have myriad tools at their disposal for creating responsive layouts, achieving responsive text sizing remains a challenge. Common approaches like using viewport units or media…JavaScript3 min readJavaScript3 min read
Published inNerd For Tech·Dec 1, 2022List of CSS pseudo-classes that I use in my work.CSS has a lot of pseudo-classes. In this article, I will show the pseudo-classes that I can in the front end. The list of pseudo-classes is small + > [] ~ :root :focus :hover :active :nth-child :is :not : has ::after ::before. :root — apply styles to the document’s root…Angular3 min readAngular3 min read
Published inNerd For Tech·Oct 26, 2022Create a simple modal window in AngularIt is hard to imagine an application without modal windows. Windows are very important if you want to ask a yes/no question or just give a short information. In this article, I will show how we can create our own modal window and extend it to your needs if necessary. …Angular3 min readAngular3 min read
Published inGeek Culture·Oct 14, 2022How to make Responsive Design in Angular?How can we make our application mobile friendlier? We all know about media queries. Media queries allow us to adjust the style for different screens. That means we need to define the screen size that we want to support and write those media queries everywhere where we need them. If…Angular4 min readAngular4 min read
Published inWebtips·Jul 19, 2022Query parameters in AngularIn this article, I want to show you how to use query parameters in Angular. Angular allows us to use query parameters in HTML or TS. RouterLink If we want to use query parameters in HTML, we need a directive RouterLink.Angular2 min readAngular2 min read
Published inGeek Culture·May 9, 2022Project structure in Angular applicationFile structure — Usual structure We all know the basic file structure. Take all our services and put them in the services folder then take all models and put them in the model folder etc.Angular2 min readAngular2 min read
Published inNerd For Tech·May 1, 2022Selection list pageEvery application has a selection page. On this page, the user can select something. Today we will make our selection page. We are also gonna make this page mobile-friendly. Let’s make a layout of our selection page. We have the main page when a user clicks on the button, the…Angular3 min readAngular3 min read
Published inGeek Culture·Apr 16, 2022Send data from one application to another in Angular.Aplication data transfer. — Big companies probably have at least a couple applications. Sometimes you may need to send some data from one application to another. How can we do that? We can add data as query parameters or if applications have the same domain address we can use cookies. Query parameters Let’s create…Angular3 min readAngular3 min read
Published inNerd For Tech·Apr 4, 2022Error handling in Observable, Promise and Async/await.HTTP request in JavaScript — Every project has to make an HTTP request and of course, some of those requests could have errors. We need to know how to handle those errors. Because we are talking about HTTP requests I need to mention Observable. The standard approach is to make a callback function for errors.Angular2 min readAngular2 min read
Published inGeek Culture·Mar 26, 2022Simple Toast Notification in AngularIn this article, we will make our own toast notification using Angular. Model Our model contains information about the title, message, position, notification type.Angular3 min readAngular3 min read
