I wrote How we Completed Thousands of Missing @var Annotations in a Day. If you have at least some annotations, you can use Rector to do the dirty work. To be honest, open-source is the top 1 % code there is, but out in the wild of legacy established PHP companies, it's a miracle to see just...

I recently illustrated how we can achieve complex CSS animations using cubic-bezier() and how to do the same when it comes to CSS transitions. I was able to create complex hover effect without resorting to keyframes. In this article, I … The post Build Complex CSS Transitions using Custom Properties and cubic-bezier() appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.

Humans make mistakes, a lot of mistakes. Thus, designs of all kinds have to expect mistakes and react with forgiveness. No matter how hard you try, you won’t always be able to prevent people from making mistakes when using your designs. Let me prove this with an example. There’s No Cure for Stupidity? A while...

The best logo designs from 2020, plus the latest logo & branding design trends and an inspirational logo design gallery showcase.

Contributed by Sebastiaan Stok in #30981. Symfony 4.4 will be released in November 2019. This is the first article of the series that shows the most important new features introduced by this Symfo...

INTRODUCTION Offering a multi-currency option will grant your customers the facility of shopping in their favorite currency. Other than the base currency, we can add multiple currencies for customer's convenience. Odoo POS Multi Currency Module enables POS users to accept payments in multiple currencies in POS stores. This plugin enables Multi-Currency & Select Multiple Currencies [...]

In this episode, we're taking a look back at 2020. Who did we speak to in our episodes this year, and what did we learn? Let's listen back to some clips to find out.

Have you noticed that most websites are, more or less, made up of rectangular boxes? From the rectangular shape of a browser window to the rectangular shape of buttons,... The post The Use of Shapes in Web Design with 30 Examples appeared first on Onextrapixel.

The SVG format has plenty of advantages over other image formats for the web. It’s vector-based, compact, and even editable via plain text editors thanks to the XML syntax. There’s a reason why it’s becoming increasingly more popular, especially with the steadily growing mobile web. Responsive webdesign is where it has a lot of strengths. However, it does have some problems here as well. So let’s take a look at the pros and cons of SVG in responsive webdesign. Scalable at Will As a vector format, SVG is scalable at will. Especially in responsive and fluid layouts, graphics are often scaled to the maximum width available depending on the browser and display size. With standard JPEG and PNG, you often risk images becoming pixelated. SVG graphics, on the other hand, are always displayed razor-sharp. While photos can deal with a scaling of over 100 percent, logos and other, less filigree drawings, however, will look blurry at such a scaling. To allow SVG graphics to be scaled at will, you need to enter the “viewBox” attribute into the “<svg>” element, and to forgo absolute width and height values. Applications like Illustrator automatically place this attribute when exporting to SVG format. When […]

HTML5 becoming the official standard in 2014 was a milestone for modern web development. Better semantics, and easier controls, especially on mobile devices, were central ideas of HTML5. About two years later, its successor, HTML5.1, is nearing completion. Many of the things that are new in HTML5.1 are already being used and supported by most browsers. “<picture>” Element and “srcset” Attribute For a long time, there were discussions about how to provide different images for different resolutions in responsive web design. As a result, the “<picture>” element was introduced, which allows for the display of different images via their own “<source>” elements. The W3C also answered the question how to mark images for high-resolution displays and monitors, and introduced the “srcset” attribute. Both the “<picture>” element and the “srcset” attribute are supposed to become a part of the new standard HTML5.1. Both markup types are already being used by many web developers. As there are fallback options for both cases, there was no reason to use the new element or attribute prematurely. By now, all large browsers have implemented “<picture>” and “srcset”, even though they still are no official part of HTML5. “month” and “week” as New Input Forms There is […]