In this episode, we're talking about DevOps. What is it, and is it a string to add to your web development bow? Drew McLellan talks to expert Jeff Smith to find out.

The design field is pretty crowded. If this is your “calling,” then you have to accept that you are in competition with a lot of creatives that may know more... The post 10 Reasons Why Your Design Skills May Seem Lame appeared first on Speckyboy Design Magazine.

It’s time to delve into a collection of beautiful, premium serif fonts. Serifs are ideal for printed literature, more detailed typography, or for creating a more formal effect. These typefaces really stand out from the crowd. Today, we have gathered 100 amazing, modern and stylish serif fonts that you can easily buy and start using […]

Mobile data traffic has quadrupled since 2013. In order to cope with a newly diversified device landscape, front end engineers have embraced responsive design. Responsive layouts squish and stretch, tailoring themselves to the browsing context at hand. But images -- which account for nearly two-thirds of the weight of the web -- have been stuck in the fixed-layout past. To date, developers have had to optimize images for a single context, sending either overweight or under-sized images to most of their users. Thankfully, new markup and some cutting-edge server-side technologies are allowing authors to craft images which are as flexible and adaptable as the responsive layouts that surround them. Implementing "responsive images" is the most important thing that you can do for a responsive site's performance and opens up new opportunities for visual web design. In this webinar, we'll take these new responsive image features for a spin and discuss the past, present, and future of images on the web. There will be more than 4B mobile devices in 2020. Is your website ready? Join this webinar to learn the best practices and insights about responsive images. (Disclaimer: This post is sponsored by Cloudinary.)

If you want to create a Flutter camera application, a quick way is to install the official Camera plugin. However, the plugin is still under development, and there are no vision APIs available yet. This article will show you how to implement a custom Flutter camera view widget by wrapping an Android native camera view that supports QR code scanning. Installation Dynamsoft Camera Enhancer:

You're likely already familiar with media queries. They're in widespread use for making websites responsive. The width and height properties contain the viewport's dimensions. We then use CSS to render different layouts at different dimensions. The prefers-color-scheme media query works the same way. The user can configure their operating system to use a light or dark theme. prefers-color-scheme contains that value. The value is either light or dark, though the W3C spec states that it might support future values like sepia. We specify different values of CSS variables for both modes and let the user's OS decide.

With the constant updates in a range of iPhones, Android-powered devices, and other smartphones, it is not surprising that mobile user interfaces take up a huge market share. Material design, a brand new Google’s visual language, adds fuel to the fire, strengthening this field and placing it in the dominant position. Good graphical material that can assist in this matter such as profiles, slide-out menus, weather widgets, various sorts of forms, controllers, navigations, and much more is always in demand. It helps quickly compose a mockup of the app and streamline the workflow. Today we are going to replenish your toolkit with 100 best mobile UI designs from 2015. Best of 2015: 100 Free Resources for Mobile Designers Atomic iOS UI Kit for iPhone Creator: Atomic Team License: Special Terms of Use. Android UI Kit Free Download Creator: 123creative License: Free for commercial use. Material Design UI Creator: Azendoo Design Team License: Declared as Free, no proper license given. Daily UI Creator: Paul Flavius Nechita License: Declared as Free, no proper license given. Free iOS9 Vector GUI Template for Illustrator Creator: Vasil Enchev License: Declared as Free, no proper license given. Retina UI Kit Creator: Bradley Bussolini License: Declared as Free, no proper license given. […]

Typography is one of those things that we can talk about forever. Just remember our outstanding articles where we discussed The Rise of the Hand-Written Typography Trend on the Web,... The post Exploring the Elegance of Line Typography in Web Design appeared first on Speckyboy Web Design Magazine.

If you are running a business, you probably know how important it is to keep your team happier and productive. Whether you are running a business in-office or remotely, workforce management is essential for the growth of your business. Effective workforce management offers a number of benefits like: Optimizes work scheduling Improves staff productivity Motivates...

In this post I will give you - what I think - are the most important concepts to start dominating React. For years we have seen back-end programming languages evolve. Evolve to accommodate new features and tools towards making software maintainable. From syntactical constructions like classes and objects, to namespaces, packages and modules. With great tools like those that help you to manage dependencies (maven, gradle, composer, pip, gems, etc) and those to automate the testing. Aligned with these, the software development community writing books and articles about best practices, patterns, refactoring techniques plus different proposals about how to architect your application: layered, modular, hexagonal (clean), onion, modular monolith, SOA, event-driven, microservices, etc.