DEV Community: Andrew Malrowe

New iPhone 14-series: mobile testing & Previews

Andrew Malrowe — Thu, 08 Sep 2022 13:09:27 +0000

iPhones 14-series viewport, viewport size, screen size, dimensions, CSS pixel ratio:

iPhone 14-series previews are available on the accounts of https://www.pinterest.com/anddasjdsa/devices-iphones-androids-tablets-desktops/ on Pinterest and https://dribbble.com/andddrew85 on Dribbble.

iPhone 14-series device previews are located on a board called Devices https://www.pinterest.com/anddasjdsa/devices/:

iPhone 14-series device previews on Dribbble:

There's a Twitter account that covers device viewports, resolutions, and screen sizes:

Mobile and responsive testing boards:

GitKraken board for Mobile testing: https://app.gitkraken.com/glo/board/YYAGtEIdUAlyCam8
GitKraken board for Responsive testing: https://app.gitkraken.com/glo/board/YYAG1kIdUAlyCaoN
Trello board for Mobile testing: https://trello.com/b/9nRL3o1Q/mobile-testing-https-bliskio
Trello board for Responsive testing: https://trello.com/b/Puuu5XwU/responsive-mobile-testing-https-bliskio

Ultimate list of 100+ deals for Black Friday

Andrew Malrowe — Tue, 23 Nov 2021 16:07:08 +0000

This is the ultimate list of 100+ software deals available for Black Friday 2021. The list features different types of software - from development and testing to marketing, sales, and web design. The discounts vary from 10% to 70%. I tried to make the list as simple as possible to improve the readability.

Some deals are offered without a coupon - you will find the offer by clicking the link or on a pricing page.

In case there's something missing on the list - please let me know in the comments. I will continue adding the new deals. Happy shopping to everyone! 😉😉😉

Blisk - 50% off

Mobile testing, cross-device testing. Browser for developers, QAs, designers, marketers with hot reload, error notifications, screenshots, and intergration with command line.
Coupon: BF2021 expires on November 30.

Slides - 30% off

Create static websites with clean code.
Coupon: BLACK expires on November 30.

Startup - 30% off

Build websites with visual editor.
Coupon: BLACK expires on November 30.

Static App - 30% off

Website hosting.
Coupon: BLACK expires on November 30.

Pulsetic - 30% off

Website monitoring tool.
Coupon: BLACK expires on November 30.

Blocksy by CreativeThemes - 40% off

Wordpress theme.
Coupon: BFCM2021 expires on December 3.

Postcards - 30% off

HTML email template builder.
Coupon: BLACK expires on November 30.

Mailpost - 30% off

Email marketing tool.
Coupon: BLACK expires on November 30.

Siter - 30% off

HTML email template builder.
Coupon: BLACK expires on November 30.

Unspam - 20% off

Email spam tester and heat map prediction.
Coupon: BLACK expires on November 30.

Microanalytics - 20% off

Website analytics.

Discount expires on November 30.

Feeda - 20% off

User feedback collection and management system.

Discount expires on November 30.

Materio Dashboard - 25% off

Dashboard template.
Coupon: BLACK25OFF.

Adobe Creative Cloud Design App - up to 40% off

Collection of 20+ desktop and mobile apps and services for photography, design, video, web, UX.

Discount.

Zyro - 30% off

Build websites with visual editor.
Coupon: ZYROBF expires on December 7.

Vue School - 40% off

Learn VueJS, NuxtJS, Vuex and more.

Discount expires on December 7.

Mockplus - up to 72% off

Prototyping and mockups.

Discount expires on December 15.

Udemy - up to 85% off

Online courses, eLearning.

Discount expires on November 26.

Beaver - 25% off

Drag-and-drop WordPress page builder.

Discount expires on November 29.

Pluralsight - up to 40% off

Online courses, eLearning.

Discount expires on November 29.

Weblium - 25% off

Build websites with visual editor.
Coupon: WBF25OFF expires on November 30.

Codecademy - 50% off

Online courses, eLearning.
Coupon: CYBER21.

DataCamp - 75% off

Online courses, eLearning.

Discount expires on November 27.

Setapp - 36% off

Productivity application for macOS.
Coupon: APPS30.

ShellHistory - 50% off

Backup, sync and organize your shell history.

Discount.

Proxyman - 30% off

Web Debugging Proxy.
Coupon: PROXYMAN_BLACK_FRIDAY_2021.

Proxyman - 33% off

SVG to SwiftUI Shapes/Views converter.

Discount.

Script Editor for HomeMatic - 16% off

Edit and Run HomeMatic Rega scripts.

Discount.

DropDMG - 25% off

Create macOS disk images .dmg files.
Coupon: BLACKFRIDAY2021.

SQLPro Studio - 16% off

Native database client for macOS and iOS.

Discount.

Tower - 50% off

Git client for macOS and Windows.

Discount.

Blisk - 50% off

SideMirror - 50% off

Tool for presenters.

Discount expires on November 30.

Attendant for Zoom - 25% off

Manage Zoom meetings with automations.

Discount expires on November 30.

Participant for Zoom - 20% off

Zoom client with saved passcodes, native AirPlay, Apple Watch control.

Discount expires on November 30.

Rezoom - 33% off

Remote control for Zoom.

Discount.

MDX - 30% off

Notion to Blog in minutes.
Coupon: BFCM2021.

Trickster - 50% off

Recent Files, at your fingertips (macOS).

Discount.

Postbox Email - 20% off

The Power Email App.

Discount.

Postbox Email - 20% off

The Power Email App.

Discount.

Affinity Designer - 30% off

Concept art, print projects, logos, icons, UI designs, mock-ups.

Discount.

Affinity Photo - 30% off

Image editing software.

Discount.

Affinity Publisher - 30% off

Professional publishing software.

Discount.

ImageFramer - 50% off

Frame your images (macOS).

Discount.

NordVPN - 72% off

VPN software.

Discount.

AppSumo - 10% off

Marketplace for apps and digital tools.

Discount.

Fill - 50% off

E-signature software.
Coupon: msplash30.

Pixpa - 50% off

No-code platform for creators and small businesses.
Coupon: BLFPIXPA50 expires on December 4.

Turbologo - 50% off

Online Logo Maker.
Coupon: black2021 expires on November 29.

Elementor - 50% off

WordPress web creation platform.

Discount expires on November 30.

TemplateMonster - up to 55% off

Marketplace for website templates, plugins, and digital graphics.

Discount expires on December 1.

FlexClip - up to 54% off

Video editing tool.

Discount expires on December 6.

Vecteezy - 25% off

Vectors, stock photos, and videos.

Discount expires on November 29.

Moqups - 20% off

Create mockups.
Coupon: FALLDEAL expires on November 29.

SalesHandy - 60% off

Automated sales email outreach tool.

Discount expires on December 1.

Outfunnel - 40% off

Automated sales email outreach tool.

Discount expires on December 1.

EngageBay - 40% off

Marketing, sales and support platform.

Discount expires on December 4.

NetHunt CRM - 40% off

Gmail add-on for automation and sales management.
Coupon: NHWEEK20 expires on December 1.

Poptin - 20% off

Customer engagement.

Discount expires on November 27.

Reply.io - 30% off

Multi-channel sales engagement platform.

Discount expires on November 30.

Snov.io - 30% off

Sales CRM.
Coupon: BLACKFRIDAY expires on November 30.

Sendinblue - 50% off

Marketing platform with email and marketing automation.
Coupon: 2021BLUEFRIDAY expires on November 30.

EmailOctopus - 50% off

Marketing platform with email and marketing automation.

Discount expires on November 29.

ActiveCampaign - 25% off

Marketing platform with email and marketing automation.

Discount expires on November 29.

nTask - $29 for all plans

Project management app.

Discount expires on November 29.

SendPulse - 35% off

Software tool for sending email communications.

Discount.

Sender - 35% off

Branded emails with email automation.

Discount.

Weekdone - 35% off

Branded emails with email automation.
Coupon: BLKFD21 expires on December 12.

Weekdone - 35% off

Team management software.
Coupon: BLKFD21 expires on December 12.

SalesBlink - $59 for all plans

Cold email automation and leads generation platform.

Discount.

Salesflare - 50% off

CRM software for B2B.

Discount expires on November 26.

Keap - 50% off

CRM software for B2B.

Discount expires on November 30.

PDFLiner - 50% off

Create and fill in PDFs online.

Discount expires on November 29.

MemberPress - Save up to $300

WordPress plugin for membership and subscription creation.
Coupon: BF2021 expires on November 29.

Visual Composer - 50% off

WordPress website building tool.

Discount expires on November 30.

Squarespace - 10% off

Website creation and hosting services.
Coupon: BLKFRI10 expires on December 1.

Duda - 20% off

Website builder.

Discount expires on November 30.

SE Ranking - 25% off

Marketing platform.
Coupon: BLACKFRIDAY2021 expires on December 6.

SEMrush - $960 on a year Guru plan

Online marketing software.

Discount expires on November 30.

Social Champ - 30% off

Social media marketing tool.
Coupon: BFCM2021 expires on December 2.

ContentStudio - 50% off

Content marketing and social media management tool.

Discount expires on December 25.

Brand24 - 50% off

Track keywords, hashtag performance, and customer reach.

Discount expires on November 29.

SocialPilot - 25% off

Social media marketing tool.
Coupon: Deal25Off expires on November 26.

NapoleonCat - 50% off

Social media management tool.

Discount expires on November 30.

Pretty Links - Up To $70 Off

WordPress plugin for the automation of affiliate linking.
Coupon: BF2021 expires on December 3.

Easy Affiliate - 50% off

WordPress plugin for the creation of a self-hosted affiliate program.
Coupon: BF2021 expires on December 3.

ThirstyAffiliates - 50% off

Affiliate link cloaking plugin for WordPress.
Coupon: BF2021 expires on December 3.

WPForms - 65% off

Drag & Drop WordPress Form Builder.

Discount expires on November 26.

MonsterInsights - 65% off

Google Analytics plugin for WordPress.

Discount expires on November 26.

SeedProd - 65% off

Landing Page Builder plugin for WordPress.

Discount expires on November 26.

WP Mail SMTP - 65% off

WordPress plugin for easy email delivery.

Discount expires on November 26.

AffiliateWP - Up To $360

Affiliate program management plugin for WordPress.

Discount expires on November 26.

RafflePress - 30% off

WordPress plugin for giveaways and competitions.

Discount expires on November 26.

SmashBalloon - 65% off

Social Media Feed Plugins for WordPress.

Discount expires on November 26.

All In One SEO - 65% off

SEO Plugin and Toolkit for WordPress.

Discount expires on November 26.

ExactMetrics - 50% off

Analytics plugin for WordPress.

Discount expires on November 26.

OptinMonster - 60% off

Lead generation software.

Discount expires on November 26.

PushEngage - 50% off

Push notification plugin for WordPress.

Discount expires on November 26.

TrustPulse - 60% off

Social proof plugin.

Discount expires on November 26.

Blisk - 50% off

Mobile testing boards

Andrew Malrowe — Tue, 02 Nov 2021 12:16:15 +0000

Web page speed and user experience on mobile devices have become a standard and are critical for every business.

To perform a mobile test of a web application, you need a variety of devices of different operating systems (iOS and Android), different resolutions, etc.

You can use the Blisk.io application and services for such purposes. Recently, Blisk also provided the users with Kanban boards for Mobile testing and Responsive testing. These boards are available publicly, you can clone them and use them for your next web project.

Kanban boards for mobile testing and responsive testing:

iPhone 13 Previews

Andrew Malrowe — Fri, 29 Oct 2021 10:37:04 +0000

Found iPhone 13 previews on the accounts of https://www.pinterest.com/anddasjdsa/ on Pinterest and https://dribbble.com/andddrew85 on Dribbble.

iPhone 13-series device previews are located on a board called Devices https://www.pinterest.com/anddasjdsa/devices/:

iPhone 13-series device previews on Dribbble:

There's also a blog post about iPhone 13-series viewports, resolution, and screen sizes on a blog https://blisk.hashnode.dev/. iPhone 12-series viewports, resolution, and screen sizes

There's a Twitter account that covers device viewports, resolutions, and screen sizes:

Mobile and responsive testing boards:

GitKraken board for Mobile testing: https://app.gitkraken.com/glo/board/YYAGtEIdUAlyCam8
GitKraken board for Responsive testing: https://app.gitkraken.com/glo/board/YYAG1kIdUAlyCaoN
Trello board for Mobile testing: https://trello.com/b/9nRL3o1Q/mobile-testing-https-bliskio
Trello board for Responsive testing: https://trello.com/b/Puuu5XwU/responsive-mobile-testing-https-bliskio

Mobile test on iPhone 13 Mini, iPhone 13, iPhone 13 Pro, iPhone 13 Pro Max

Andrew Malrowe — Sat, 25 Sep 2021 19:12:49 +0000

Mobile test on iPhone 13

iPhone 13 Mini, iPhone 13, iPhone 13 Pro, iPhone 13 Pro Max are now ready to use in Blisk application (https://blisk.io/blog/16-1-94-111). What you can do with these devices in Blisk:

Run a responsive test on iPhone 13.
Run a mobile test and multi-device test.
Run a test for touch events on iPhone 13.
Run a test in landscape orientation on iPhone 13.
Use Developer tools on iPhone 13.
Run a test for webpage errors on iPhone 13.
Test webpage speed and performance on iPhone 13.
Test the dark mode and simulate slow connection on iPhone 13.

iPhone 13 viewports and resolution

Viewports, screen sizes, resolution and other specification for the latest flagships from Apple are also available:

iPhone 13-series screenshots:

Iphone 13: responsive test

iPhone 13: landscape orientation test in real size

iPhone 13: share device set

iPhone 13: simulate slow connection

iPhone 13: test for webpage errors

--
Need to use the latest iPhone 13-series in your next web project? Get Blisk application at https://blisk.io with free trial.

iPhone 13-series viewports, resolution, and screen sizes

Andrew Malrowe — Tue, 21 Sep 2021 08:37:33 +0000

The latest iPhone 13 series was announced on September 14, 2021.

The new iPhone 13 Mini, iPhone 13, iPhone 13 Pro, iPhone 13 Pro Max come in three sizes: 5.4", 6.1" and 6.7" and are very similar to their 12 Series predecessors. The new phones differ from last year's models with a thickness of 1mm.

It is important to notice that the new iPhone 13 series have a smaller notch (reduced width and increased height) and will use the iOS 15 that was released recently.

From a development perspective, it is important to know the Viewport Size, Screen Resolution, and CSS media queries for Apple's latest flagships as these devices hit the market on September 24th. The companies should prepare and adapt their web applications to be compatible with the new iPhones.

The new iPhones' Viewports, Screen Size, Screen Resolution, and CSS Media Query:

Pinterest images with the latest iPhone 13-series: https://www.pinterest.com/anddasjdsa/pins/

What is Cross-browser Testing

Andrew Malrowe — Mon, 26 Jul 2021 12:46:47 +0000

This article is a guide to Cross-browser testing: definition, why it is important, when to start cross-browser-testing, who should do cross-browser testing, and what are the main issues found while doing cross-browser tests.

What is Cross-browser Testing

Cross-browser testing is a type of non-functional software testing where web applications are checked for support across different browsers and devices. Cross-browser testing provides an objective, independent view of the status of the web application.

Cross-browser testing allows your business to appreciate and understand the risks of releasing a web application or implementing new feature(s).

Test techniques include the process of executing a web application with the intent of finding failures in different browsers and devices and verifying that the website is fit for use in all of them. In other words, Cross-browser testing is verification that web application behaves in various web browsers and devices identically.

Need software to test on mobile, tablet, laptop, and desktop? With Blisk, you can develop and test across multiple devices simultaneously. USE BLISK FOR TESTING

Why Cross-browser Testing is So Important

As of July 2021, more than 50% of the browser market is split between 226 web browsers of different vendors and versions. The rest (approximately 50% of the browser market) is also divided between more than 100 versions of Chrome for Android and Safari for iOS.

Sounds awful, doesn't it? There are hundreds of different web browsers that any modern website should support. Otherwise, the business will not be competitive.

Summary: as of July 2021, any modern web application must support at least 350+ different web browsers. See the visualized data on a Pie chart below. Click the image to view it in maximum size.

When You Should Start Cross-browser Testing

There is one simple answer: you should start performing cross-browser tests as soon as possible. The earlier - the better. The modern approach to web development is that testing has become a part of the web development process. Cross-browser testing is now an integral part of web development and is performed simultaneously with creating portions of code.

Here are the main pros to develop and test simultaneously:

You will start detecting issues (bugs) at the early stage of development.
You will focus on the exact functionality that you currently work on.
You will not need to check tons of code in order to recall your previous tasks.
You will deliver high-quality products making your customers happy and grateful.
You will make more revenue as you will deliver high-quality products faster.

Summary: you should start performing the cross-browser test at the early development stage to deliver high-quality web applications faster.

Who Should Do Cross-browser Testing

In the early 2000s cross-browser testing was performed by dedicated persons - QA engineers. Later, with the widespread adoption of responsive design, developers began to engage in cross-browser testing as well.

Today, everyone involved in the web development process should be responsible for cross-browser testing:

Web designers: should create web design stuff keeping in mind the importance of dedicated user experience on mobile devices.
Web developers: should implement features that should be supported in a variety of browsers and different devices (desktop, tablet, mobile).
QA engineers: should check web applications across the stack of different browsers ensuring that user interface and functionalities work on different devices as expected.
SEO specialists: should check the performance of search engine optimization on both: desktop and mobile.
Marketers: should test the promotion materials, landing pages, and other marketing stuff on both: desktop and mobile.

How to Do Cross-browser Testing

Define your testing strategy
Create a list of key features and main functionalities that are critical for your project. List the requirements. Create documentation for the testing process. Schedule the testing process. Determine the criteria for successful completion testing.

Determine test scenarios and test cases
Test scenario is a description of a problem that a user may encounter while using a program. Test cases describe what needs to be tested without detailing the steps or data to be used.

Execute the tests
Use different browsers and devices to test the features and functionalities that were defined with the testing strategy. Pass the test scripts.

Document the results
Document the result of each test and summarize all results. Depending on the coverage requirements and the severity of the issues found, decide whether the feature passed the test or not, whether it is ready for delivery to customers or not.

What to Focus On When Cross-browser Testing

Cross-browser testing regularly reveals several "top" issues. You can find the list of the most common cross-browser issues below:

Html or CSS do not pass the validation.
SSL certificates do not work correctly.
Elements on the web page are not aligned or not spaced equally.
Page layout does not work as expected on different resolutions.
Styles and animations do not work identically on different devices.
Upload or download functionalities fail.
Navigation does not work as expected.
Videos may be not supported.
Zoom in or out usually breaks the layout.
Drop-downs do not work properly, and dates display incorrect data.
Horizontal scroll appears in the most unexpected places (e.g. modals).
Grids and tables may break the layout.
Session and cookies can make your web application useless.

Conclusion

Today, cross-browser testing is one of the key stages of web application development. Without these tests, your web applications will be uncompetitive, you will regularly lose customers and your website will not be able to be used by a significant number of potential users.

Need software to test on mobile, tablet, laptop, and desktop? With Blisk, you can develop and test across multiple devices simultaneously. USE BLISK FOR TESTING

Cross-device Testing of Web Applications with Blisk

Andrew Malrowe — Tue, 20 Jul 2021 11:46:41 +0000

This article will educate you all about Blisk (https://blisk.io). Blisk is a Chromium-based web browser that improves productivity and code quality by providing a wide array of tools for web development and testing. The main feature of this application is that it offers virtual mobiles, tablets, laptops, and desktops for web development and testing purposes.

Blisk offers two types of licenses: free license with daily limited usage and paid license with unlimited usage. After installing Blisk you get two weeks of free unlimited testing.

In this tutorial, we will work with the GeeksforGeeks website as an example. You can use your own website at any stage: localhost/staging/production.

Step-by-step guide:

Step 1:

Install Blisk application — Blisk is available for Windows, macOS, and Linux (Ubuntu, Debian, Fedora, OpenSUSE). Download Blisk from the official website: https://blisk.io and install it.

Step 2:

Create a Blisk account — Creating an account is optional but recommended. Blisk account allows using extra features (screenshots and screen recorder, cloud storage) and adds an extra week of the unlimited usage of all features for free.

Step 3:

Open a website that you will work with

Paste a Url https://www.geeksforgeeks.org/ into the address bar and navigate to this website.
Click the button Toggle Developer Mode (see screenshot below).

Step 4:

Select the devices - Blisk launches Device Manager where you can select the devices. You can select different types of devices: mobiles, tablets, laptops, and desktops. In addition, Blisk offers a Chrome-like view that represents a regular web view, just like any tab in your browser. Depending on your needs, you can mix different devices to use them simultaneously.

In this tutorial, we will select iPhone 12 Mini and Chrome-like view to check how GeekforGeeks works in regular browsers compared to mobile. Click the button Launch Devices when your device set is ready.

Step 5:

Browse in Developer Mode - Blisk launches the device set with previously selected devices, and now we can perform checks on mobile and desktop simultaneously. Let’s scroll down and browse across the GeekforGeeks website. You will notice that scrolls are synced from mobile to desktop which helps to browse faster and compare two views visually.
Next, let’s open any article to check how it behaves. When navigating to any URL, you will notice that the device and desktop follow each other by URL.

Step 6:

Perform checks - Now, you can check whatever you need. In addition, you can:

Test portrait vs landscape orientation.
Check JavaScript errors that appear in each device.
Simulate slow connection.
Use DevTools for each device independently.
Switch to another device.
Check dark theme.
Take screenshots of issues.
Record a video with the steps to reproduce the issue.
Save screenshots and videos to the cloud storage.

Conclusion:

This application was created for web developers and QA engineers. You can use Blisk in your daily work to create web applications and test them across multiple devices simultaneously to speed up your productivity and deliver high-quality products to your customers faster than before.