CedCommerce and Adobe standing side by side with YOU

Portland, Oregon(March 31, 2020)– COVID-19 outbreak has led to a great impact on the traffic and revenue of small and medium-sized businesses. It is being observed that the demand for online stores is increasing and hence people are more likely to move towards selling online rather from physical stores.
For the sellers to survive through this crisis both Adobe and CEDcommerce have announced to offer support and resources to small and medium-sized businesses.

“Amid the coronavirus outbreak and growing containment efforts, small and mid-sized businesses are reeling from the impact of lost traffic and revenue. We have seen a drastic shift to online channels and we want to ensure you are set up to not only survive but ultimately thrive after we emerge from this crisis.” – Adobe

CedCommerce Extend Hands to Help Small and Mid Sized Businesses in Overcoming COVID-19 Crisis:**

CedCommerce, the Magento Community Insider Partner has taken up steps to fight in this situation together and help the merchants in setting up their business smoothly. For Small-medium business merchants thinking to make a move to Magento Commerce, CedCommerce is facilitating with the following benefits:

  • No Onboarding fee will be charged from the merchants to built their site on Magento
  • No extra charges for setting up a server or for any resource management.
  • Also, a free consultation is being provided for 5 hours from the eCommerce experts at CedCommerce

Adobe’s Offerings For Small and Mid Size Businesses:

3 Months Free of Magento Commerce & Marketo Engage: The brands can continue to generate sales before beginning to pay for their Magento Commerce, Marketo Engage or Bizible implementations. Now Adobe is offering businesses by charging no fees on new Magento Commerce, Marketo Engage or Bizible Contract. Sellers can benefit from this either by an internal team or with any of Adobe’s Solution Partner. Switching to Magento Commerce will save you upto $6000, i.e, the 3 months charges.

Magento Commerce Launch Package: In 2 weeks Adobe Customer Solutions will introduce Magento Commerce, including their cloud platform, for merchants who are looking to onboard online. Merchants will also benefit from all of Magento Commerce’s out-of-the-box functionality stored in the cloud and can sell goods online easily and efficiently. Again to reap the profit Adobe has advised the merchants to connect with their solution partners.

Free Magento & Marketo Engage Training: The other help provided to the Magento Small and Medium-Sized Businesses is that Adobe is giving 3 months free access to all the courses that are being offered by Magento University and Marketo University to improve their digital operations.

Ancillary Benefits for Small-Medium Sized Business:

Apart from the above three benefits the other support and resource provided by Adobe are:

Acrobat PDF services: The use of online Acrobat PDF reader has been increased to 10 times a day until May 31. Microsoft Word, Excel, PowerPoint, and JPG files can easily be converted to PDF with just a few clicks.
Adobe Connect: To continue with the same productivity of work and be socially engaged Adobe is offering with the 90 days free access to the individuals and business for organizing their meetings, virtual conferences, and take training from homes. Now anyone with up to 25 participants can use Adobe Connect rooms free of charge for up to 90 days if they sign up for a trial license from now until July 1, 2020.
Adobe Talent: Via Adobe Talent on Behance, they are giving the creative community access to as many work opportunities as possible, so they are making service free for all businesses and recruiters by May 15th, 2020.
Adobe Portfolio: To make online presence they are making Adobe Portfolio free till May 15, 2020, for building a portfolio site and get free hosting and unlimited pages.

Takeaway:

The major takeaway from these announcements is that all the small-medium businesses have an opportunity to start selling on Magento Commerce (the world’s leading eCommerce platforms) for FREE of cost for 3 months. To cope up with this coronavirus crisis affecting the businesses, this offering by Adobe and CEDcommerce can be of great help.

#smallbusiness #coronavirus #adobe #magento #ecommerce

What is GEEK

Buddha Community

CedCommerce and Adobe standing side by side with YOU
Zachary Palmer

Zachary Palmer

1555901576

CSS Flexbox Tutorial | Build a Chat Application

Creating the conversation sidebar and main chat section

In this article we are going to focus on building a basic sidebar, and the main chat window inside our chat shell. See below.

Chat shell with a fixed width sidebar and expanded chat window

This is the second article in this series. You can check out the previous article for setting up the shell OR you can just check out the chat-shell branch from the following repository.

https://github.com/lyraddigital/flexbox-chat-app.git

Open up the chat.html file. You should have the following HTML.

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>Chat App</title>
    <link rel="stylesheet" type="text/css" media="screen" href="css/chat.css" />
</head>
<body>
    <div id="chat-container">
    </div>
</body>
</html>

Now inside of the chat-container div add the following HTML.

<div id="side-bar">
</div>
<div id="chat-window">
</div>

Now let’s also add the following CSS under the #chat-container selector in the chat.css file.

#side-bar {
    background: #0048AA;
    border-radius: 10px 0 0 10px;
}
#chat-window {
    background: #999;
    border-radius: 0 10px 10px 0;
}

Now reload the page. You should see the following:-

So what happened? Where is our sidebar and where is our chat window? I expected to see a blue side bar and a grey chat window, but it’s no where to be found. Well it’s all good. This is because we have no content inside of either element, so it can be 0 pixels wide.

Sizing Flex Items

So now that we know that our items are 0 pixels wide, let’s attempt to size them. We’ll attempt to try this first using explicit widths.

Add the following width property to the #side-bar rule, then reload the page.

width: 275px;

Hmm. Same result. It’s still a blank shell. Oh wait I have to make sure the height is 100% too. So we better do that too. Once again add the following property to the #side-bar rule, then reload the page.

height: 100%;

So now we have our sidebar that has grown to be exactly 275 pixels wide, and is 100% high. So that’s it. We’re done right? Wrong. Let me ask you a question. How big is the chat window? Let’s test that by adding some text to it. Try this yourself just add some text. You should see something similar to this.

So as you can see the chat window is only as big as the text that’s inside of it, and it is not next to the side bar. And this makes sense because up until now the chat shell is not a flex container, and just a regular block level element.

So let’s make our chat shell a flex container. Set the following display property for the #chat-window selector. Then reload the page.

display: flex;

So as you can see by the above illustration, we can see it’s now next to the side bar, and not below it. But as you can see currently it’s only as wide as the text that’s inside of it.

But we want it to take up the remaining space of the chat shell. Well we know how to do this, as we did it in the previous article. Set the flex-grow property to 1 on the #chat-window selector. Basically copy and paste the property below and reload the page.

flex-grow: 1;

So now we have the chat window taking up the remaining space of the chat shell. Next, let’s remove the background property, and also remove all text inside the chat-window div if any still exists. You should now see the result below.

But are we done? Technically yes, but before we move on, let’s improve things a little bit.

Understanding the default alignment

If you remember, before we had defined our chat shell to be a flex container, we had to make sure we set the height of the side bar to be 100%. Otherwise it was 0 pixels high, and as a result nothing was displayed. With that said, try removing the height property from the #side-bar selector and see what happens when you reload the page. Yes that’s right, it still works. The height of the sidebar is still 100% high.

So what happened here? Why do we no longer have to worry about setting the height to 100%? Well this is one of the cool things Flexbox gives you for free. By default every flex item will stretch vertically to fill in the entire height of the flex container. We can in fact change this behaviour, and we will see how this is done in a future article.

Setting the size of the side bar properly

So another feature of Flexbox is being able to set the size of a flex item by using the flex-basis property. The flex-basis property allows you to specify an initial size of a flex item, before any growing or shrinking takes place. We’ll understand more about this in an upcoming article.

For now I just want you to understand one important thing. And that is using width to specify the size of the sidebar is not a good idea. Let’s see why.

Say that potentially, if the screen is mobile we want the side bar to now appear across the top of the chat shell, acting like a top bar instead. We can do this by changing the direction flex items can flex inside a flex container. For example, add the following CSS to the #chat-container selector. Then reload the page.

flex-direction: column;

So as you can see we are back to a blank shell. So firstly let’s understand what we actually did here. By setting the flex-direction property to column, we changed the direction of how the flex items flex. By default flex items will flex from left to right. However when we set flex-direction to column, it changes this behaviour forcing flex items to flex from top to bottom instead. On top of this, when the direction of flex changes, the sizing and alignment of flex items changes as well.

When flexing from left to right, we get a height of 100% for free as already mentioned, and then we made sure the side bar was set to be 275 pixels wide, by setting the width property.

However now that we a flexing from top to bottom, the width of the flex item by default would be 100% wide, and you would need to specify the height instead. So try this. Add the following property to the #side-bar selector to set the height of the side bar. Then reload the page.

height: 275px;

Now we are seeing the side bar again, as we gave it a fixed height too. But we still have that fixed width. That’s not what we wanted. We want the side bar (ie our new top bar) here to now be 100% wide. Comment out the width for a moment and reload the page again.

So now we were able to move our side bar so it appears on top instead, acting like a top bar. Which as previously mentioned might be suited for mobile device widths. But to do this we had to swap the value of width to be the value of height. Wouldn’t it be great if this size was preserved regardless of which direction our items are flexing.

Try this, remove all widths and height properties from the #side-bar selector and write the following instead. Then reload the page.

flex-basis: 275px;

As you can see we get the same result. Now remove the flex-direction property from the #chat-container selector. Then once again reload the page.

Once again we are back to our final output. But now we also have the flexibility to easily change the side bar to be a top bar if we need to, by just changing the direction items can flow. Regardless of the direction of flex, the size of our side bar / top bar is preserved.

Conclusion

Ok so once again we didn’t build much, but we did cover a lot of concepts about Flexbox around sizing. 

#css #programming #webdev 

Adobe XD plugin for Flutter with CodePen Tutorial

Recently Adobe XD releases a new version of the plugin that you can use to export designs directly into flutter widgets or screens. Yes, you read it right, now you can make and export your favorite design in Adobe XD and export all the design in the widget form or as a full-screen design, this can save you a lot of time required in designing.

What we will do?
I will make a simple design of a dialogue box with a card design with text over it as shown below. After you complete this exercise you can experiment with the UI. You can make your own components or import UI kits available with the Adobe XD.

#developers #flutter #adobe xd design export to flutter #adobe xd flutter code #adobe xd flutter code generator - plugin #adobe xd flutter plugin #adobe xd flutter plugin tutorial #adobe xd plugins #adobe xd to flutter #adobe xd tutorial #codepen for flutter.

Loma  Baumbach

Loma Baumbach

1599707640

Critical Adobe Flaws Allow Attackers to Run JavaScript in Browsers

Adobe has released fixes addressing five critical flaws in its popular Experience Manager content-management solution for building websites, mobile apps and forms. The cross-site scripting (XSS) flaws could allow attackers to execute JavaScript in targets’ browsers.

Including Adobe Experience Manager, Adobe fixed 18 flaws as part of its regularly scheduled September updates. It also addressed flaws in Adobe Framemaker, its document-processor designed for writing and editing large or complex documents; and InDesign, its desktop publishing and typesetting software application.

“The impact of any exploitation of these vulnerabilities, no matter their criticality, could open any organization up to the release of private information, easy lateral movement through a network, or the hijacking of critical information all due to the heavy use of these tools in marketing and its unfettered access to critical information,” said Richard Melick, senior technical product manager at Automox, in an email. “It is important to patch these vulnerabilities as soon as possible.”

Threatpost Webinar Promo Bug Bounty

Click to Register

Adobe patched 11 bugs overall in its Experience Manager; five of those are rated critical severity, and the rest are “important” severity. The critical flaws are all XSS glitches (CVE-2020-9732, CVE-2020-9742, CVE-2020-9741, CVE-2020-9740 and CVE-2020-9734).

“Successful exploitation of these vulnerabilities could result in arbitrary JavaScript execution in the browser,” according to Adobe.

The five important-severity flaws include an issue allowing for execution with unnecessary privileges, leading to sensitive information disclosure (CVE-2020-9733), four cross site scripting flaws (CVE-2020-9735, CVE-2020-9736, CVE-2020-9737, CVE-2020-9738) and an HTML injection glitch (CVE-2020-9743) allowing arbitrary HTML injection in the browser.

Below is a list of affected product solutions; fixes are available in version 6.5.6.0 and version 6.4.8.2 (as well as AEM Forms Service Pack 6 for AEM forms add-on users).

adobe experience manager

The update for Adobe Experience Manager received a “priority 2,” meaning it resolves flaws in a product that has “historically been at elevated risk” – but for which there is no known exploits.

“Based on previous experience, we do not anticipate exploits are imminent. As a best practice, Adobe recommends administrators install the update soon (for example, within 30 days),” according to Adobe.

#vulnerabilities #web security #adobe #adobe bug #adobe experience manager #adobe framemaker #adobe indesign #adobe patch #browser attack #critical flaw #cross site scripting #html injection flaw #information disclosure #javascript #patch tuesday #xss

CedCommerce and Adobe standing side by side with YOU

Portland, Oregon(March 31, 2020)– COVID-19 outbreak has led to a great impact on the traffic and revenue of small and medium-sized businesses. It is being observed that the demand for online stores is increasing and hence people are more likely to move towards selling online rather from physical stores.
For the sellers to survive through this crisis both Adobe and CEDcommerce have announced to offer support and resources to small and medium-sized businesses.

“Amid the coronavirus outbreak and growing containment efforts, small and mid-sized businesses are reeling from the impact of lost traffic and revenue. We have seen a drastic shift to online channels and we want to ensure you are set up to not only survive but ultimately thrive after we emerge from this crisis.” – Adobe

CedCommerce Extend Hands to Help Small and Mid Sized Businesses in Overcoming COVID-19 Crisis:**

CedCommerce, the Magento Community Insider Partner has taken up steps to fight in this situation together and help the merchants in setting up their business smoothly. For Small-medium business merchants thinking to make a move to Magento Commerce, CedCommerce is facilitating with the following benefits:

  • No Onboarding fee will be charged from the merchants to built their site on Magento
  • No extra charges for setting up a server or for any resource management.
  • Also, a free consultation is being provided for 5 hours from the eCommerce experts at CedCommerce

Adobe’s Offerings For Small and Mid Size Businesses:

3 Months Free of Magento Commerce & Marketo Engage: The brands can continue to generate sales before beginning to pay for their Magento Commerce, Marketo Engage or Bizible implementations. Now Adobe is offering businesses by charging no fees on new Magento Commerce, Marketo Engage or Bizible Contract. Sellers can benefit from this either by an internal team or with any of Adobe’s Solution Partner. Switching to Magento Commerce will save you upto $6000, i.e, the 3 months charges.

Magento Commerce Launch Package: In 2 weeks Adobe Customer Solutions will introduce Magento Commerce, including their cloud platform, for merchants who are looking to onboard online. Merchants will also benefit from all of Magento Commerce’s out-of-the-box functionality stored in the cloud and can sell goods online easily and efficiently. Again to reap the profit Adobe has advised the merchants to connect with their solution partners.

Free Magento & Marketo Engage Training: The other help provided to the Magento Small and Medium-Sized Businesses is that Adobe is giving 3 months free access to all the courses that are being offered by Magento University and Marketo University to improve their digital operations.

Ancillary Benefits for Small-Medium Sized Business:

Apart from the above three benefits the other support and resource provided by Adobe are:

Acrobat PDF services: The use of online Acrobat PDF reader has been increased to 10 times a day until May 31. Microsoft Word, Excel, PowerPoint, and JPG files can easily be converted to PDF with just a few clicks.
Adobe Connect: To continue with the same productivity of work and be socially engaged Adobe is offering with the 90 days free access to the individuals and business for organizing their meetings, virtual conferences, and take training from homes. Now anyone with up to 25 participants can use Adobe Connect rooms free of charge for up to 90 days if they sign up for a trial license from now until July 1, 2020.
Adobe Talent: Via Adobe Talent on Behance, they are giving the creative community access to as many work opportunities as possible, so they are making service free for all businesses and recruiters by May 15th, 2020.
Adobe Portfolio: To make online presence they are making Adobe Portfolio free till May 15, 2020, for building a portfolio site and get free hosting and unlimited pages.

Takeaway:

The major takeaway from these announcements is that all the small-medium businesses have an opportunity to start selling on Magento Commerce (the world’s leading eCommerce platforms) for FREE of cost for 3 months. To cope up with this coronavirus crisis affecting the businesses, this offering by Adobe and CEDcommerce can be of great help.

#smallbusiness #coronavirus #adobe #magento #ecommerce

Houston  Sipes

Houston Sipes

1596868080

Critical Adobe Photoshop Flaws Patched in Emergency Update

Adobe issued out-of-band patches for critical flaws tied to 12 CVEs in Photoshop and other applications.

Adobe released a slew of patches for critical vulnerabilities Tuesday that were part of an out-of-band security update. Several of the critical flaws are tied to Adobe’s popular Photoshop photo-editing software and allow adversaries to execute arbitrary code on targeted Windows devices.

Overall, Adobe issued patches for flaws tied to 12 CVEs across Bridge, Prelude and Photoshop applications. The unscheduled updates come a week after Adobe issued its official July 2020 security updates, including critical code-execution bugs.

Adobe said it was not aware of any exploits in the wild for any of the bugs patched in the update. The company did not offer technical details regarding the Photoshop CVEs.

Threatpost reached out to Mat Powell, researcher with Trend Micro’s Zero Day Initiative, who is credited for finding each of the critical flaws. Powell has not responded to that request. Threatpost hopes to update this report with additional commentary from the researcher.

All of the reported critical flaws stem from out-of-bounds read and write vulnerabilities, which occur when the software reads data past the end of – or before the beginning of – the intended buffer, potentially resulting in corruption of sensitive information, a crash, or code execution among other things.

Adobe Photoshop features two out-of-bounds read flaws (CVE-2020-9683, CVE-2020-9686) and three out-of-bound write (CVE-2020-9684, CVE-2020-9685, CVE-2020-9687) issues. All of these could “lead to arbitrary code execution in the context of the current user,” according to Adobe.

The Photoshop vulnerabilities affect Photoshop CC 2019 versions 20.0.9 and earlier and Photoshop 2020 21.2 and earlier (for Windows). Users can update to versions 20.0.10 and 21.2.1, respectively.

Adobe has previously addressed various serious flaws in its Photoshop photo editing app, including dozens of arbitrary code-execution issues in March – which addressed 22 CVEs in Photoshop overall, 16 of which were critical.

Other Flaws

Also fixed were critical flaws tied to three CVEs in Bridge, Adobe’s asset management app. These include an out-of-bounds read flaw (CVE-2020-9675) and out-of-bounds write issues (CVE-2020-9674, CVE-2020-9676) that could enable code execution. Adobe Bridge versions 10.0.3 and earlier are affected; users can update to version 10.1.1 for a fix.

Adobe also issued patches for critical vulnerabilities in its Prelude app, which works with its Premiere Pro video editing app to allow users to tag media with metadata for searching, post-production workflows, and footage lifecycle management.

Prelude contains out-of-bounds read (CVE-2020-9677, CVE-2020-9679) and out-of-bounds write (CVE-2020-9678, CVE-2020-9680) glitches that can allow code execution. Adobe Preluade versions 9.0 and earlier for Windows are affected; users can update to version 9.0.1.

Powell was also credited with reporting the additional critical flaws.

Adobe also issued patches for an “important” severity flaw in Adobe Reader Mobile for Android, which allows users to view and edit PDFs from their smartphones. The application has a directory traversal issue (CVE-2020-9663) enabling information disclosure in the context of the current user. Adobe Reader Mobile for Android, versions 20.0.1 and earlier are impacted. Users can update to version 20.3 (for all Android versions).

#vulnerabilities #web security #adobe #adobe bridge #adobe fix #adobe prelude #critical flaw #out of band patch #patch #photoshop #security update #unscheduled update