Use Next and Previous buttons to navigate A nonpartisan business group that advocates for clean energy estimates that 403,000 jobs will be created by the 210 major energy projects announced since the Inflation Reduction Act took effect in mid-2022.

Business group estimates several hundred thousand clean energy jobs in EV, battery storage and solar

This is a carousel. Use Next and Previous buttons to navigate THE HAGUE, Netherlands (AP) — Thirty-four journalists have been killed in the war between Israel and Hamas, an international media freedom group said Wednesday, accusing both sides of ...

A media freedom group accuses Israel and Hamas of war crimes and reports deaths of 34 journalists

DANX Carousel Group’s thought leadership white paper, ‘Logistics 5.0: Strategy Beyond Data – Turning Uncertainty into Opportunity,’ has concluded that

DANX Carousel sets out roadmap for digital transformation

At Carousel Mall, it's getting real. Demolition has been underway much of this year on the doomed mall in downtown San Bernardino that closed in 2017. But you may not have known it. Everything was happening inside the walls.

Carousel Mall demolition in full swing in San Bernardino

“Every year, the Foundation will select one larger charity to work with, and the Malala Fund is a perfect fit for our inaugural year,” said Malene Vig Hjarnaa, Chair of the Board of the DANX Carousel Foundation and Group Chief HR Officer. “Malala ...

Malala Fund chosen as DANX Carousel Foundation’s first lead cause

IOWANS CURRENTLY IN ISRAEL, AN URBANDALE CHURCH GROUP IS TRAPPED RIGHT NOW. KCCI SENIOR REPORTER TODD MAGEL SHOWS US HOW THEY’RE TRYING TO COPE WITH DAILY BOMBINGS JUST OUTSIDE THEIR HOTEL.

'Our group is fine. We've prayed': Iowa church group trapped in Tel Aviv during deadly Israel–Hamas war

Hundreds have been killed and the death toll is climbing. Hamas, the Islamic militant group that controls the Palestinian territory of Gaza, on Saturday launched an unexpectedly complex and deadly ...

What is Hamas? The militant group behind surprise attack on Israel has ruled Gaza for years

Hamas is a group of Iranian-backed terrorists. The group is designated as a Foreign Terrorist Organization (FTO) by the State Department. According to the U.S., EU and Israel, it has maintained an ...

What is Hamas? An overview of the Islamic group that attacked Israel

Israel and Hamas are locked in a new cycle of escalating violence, after a surprise attack on Saturday involving aerial, sea and ground operations, initiated by the Palestinian group from the Gaza ...

Why the Palestinian group Hamas launched an attack on Israel? All to know

Get the most recent info and news about Carousell Group on HackerNoon, where 10k+ technologists publish stories for 4M+ monthly readers.

At Carousell, we believe in more than just buying and selling. We believe in the power of possibilities that people bring to the process. Through every buyer, seller and listing, we believe there’s opportunity beyond the transactional. Our mission is to inspire every person in the world to start selling and buying to make more possible for one another. 

Carousell was founded by Siu Rui, Lucas and Marcus back in August 2012 - whereby the focus is to give our users the tools to solve problems- whether it’s decluttering or earning side income- there are possibilities for everyone. We believe that technology is an enabler to solve meaningful problems at scale. We are crafting the most seamless user experience for people to sell what they don’t need and find what they need.

Carousell Group is the leading recommerce group in Greater Southeast Asia on a mission to inspire the world to start selling, and to make secondhand the first choice. Founded in August 2012 in Singapore, the Group has a leading presence in eight markets under the brands Carousell, Mudah.my, Cho Tot, OneKyat, Ox Street, Refash, and Laku6 serving tens of millions of monthly active users. Carousell is backed by leading investors including Telenor Group, Rakuten Ventures, Naver, STIC Investments and Sequoia Capital India.

We have offices in nine countries, across Southeast Asia, India, Taiwan and Hong Kong. As a team of passionate individuals working together to solve meaningful problems, there is so much more for you to discover in a career with Carousell.

Carousell Group

Perspectives Can Be Your Shortcut to Google's Front Page Without Traditional SEO Hassle In the last few days, I've been rigorously testing Google’s Perspectives tab - a new feature that boldly to ' ’ claims bring diverse voices to search. The drive behind my deep dive was pretty pragmatic. I wanted to figure out if Perspectives could be a shortcut for brands and content creators to Google’s traffic, bypassing the standard heavy SEO grind. And if that’s the case, how do we optimize for them? Since Google over 90% of the global online search market, we have solid reasons to look at its Perspectives closely. dominates Below are the key findings and thoughts on that. What Is the Perspectives Tab? As Google states on its , Perspectives aims to help users 'learn from others' unique experiences.'  And they consistently emphasize “ ” whenever discussing this feature. blog human experience Keep this in mind: if you plan to optimize for the Perspectives tab, your content should focus on how you 'touched and tested' the topic, rather than just generally covering it. I'll delve more into optimization strategies below. Now, let's return to the essence of Perspectives. The idea behind this filter is to uncover "hidden gem" content, which may not be easily found online, and bring it to the forefront of search results. In fact, the Perspectives tab is a response to a particular user search behavior known as the “ .” This involves users adding 'Reddit' to their queries to bypass unhelpful SEO-optimized fluff and find valuable human insights. Reddit trick So now, with Perspectives, users have access to such insights shared beyond just Reddit. Visually, the tab resembles a Pinterest board linking to various types of content and channels: YouTube and TikTok videos, forums (Reddit and Quora), personal blogs, and websites. IMO, it somewhat resembles an online casino. Though this is subjective. So far, Perspectives is only available on mobile devices, but Google plans to introduce it on soon as well. s desktop The Key Benefit of the Perspectives Tab for Brands and Content Creators Ranking on Perspectives can propel your content onto Google's first SERP (search engine results page), sidestepping the traditional SEO grind. That’s what I believe is the main value in showing up on this filter. Here's how it works: Google plans to integrate top Perspectives content directly into the main organic search results. This will create a dedicated section on the SERP, aptly named… Perspectives 😂. Here’s what Google about it: says You can access this content (i.e., Perspectives filter) through a dedicated Perspectives section that may appear on the results page. By tapping the “See more” link, you can access the full page of Perspectives content that you would by using the filter. Feeling a bit lost in this 'Perspectives kaleidoscope'? 🥴 That's understandable. Initially, there was even a third type of Perspectives, but it seems to have been phased out for now. To simplify, let’s differentiate between the two main types: The Perspectives Tab (or filter), which we’ve already explored, and the Perspectives Carousel, which appears directly on the SERP. Perspectives Tab vs Perspectives Carousel - What’s the Difference? I asked the SGE bot, the main hero of Google's upcoming transformation, for clarification. AI Search It responded 🤖: From this AI's typical fluffy answer, combined with what I've gleaned from Google's blog, it's evident that both the Perspectives Tab and Carousel serve the same purpose: showcasing human-generated, experience-rich content. However, the key difference is where and how they’re nestled on the search page. Take the Perspectives Tab. It’s a small blink filter (see the screenshot above) that sometimes pops up front and center above the search bar, other times tucked away at the far right. Finding and tapping it requires extra effort from a user. In our fast-paced, easily distracted world, it's not the most attention-grabbing feature. But Perspectives Carousel is a different story. When top results from the Tab suddenly pop up in the Carousel, they're hard to miss (see the gif below). Here, content is showcased prominently, making it a potential hotspot for traffic. That is why this whole Perspectives game is worth the effort. Here’s what the Carousel is supposed to look like on SERP (still in testing). Next, onto the optimization part. How to Optimize for Google Perspectives? Launched in June 2023, Google Perspectives is still pretty new. Apparently, there isn't much data yet to discuss the best strategies. However, this doesn't stop us from exploring and understanding its nuances. After testing out Perspectives myself, below are some thoughts on how to approach it effectively. 1) Ensure Your Content Aligns With ‘Eligible’ Queries In my tests, I've noticed that the Perspectives tab usually pops up for most queries, but with some exceptions. Let’s call them ' ' queries. non-eligible They tend to fall under the , as outlined in Google's E-E-A-T guidelines (more on E-E-A-T is detailed below). Your Money or Your Life (YMYL) topics But with a surprising carve out, that IMO goes against logic. Let me explain. Google defines the YMYL topics as those that could significantly impact health, financial stability, safety, or societal welfare. Because of this exact impact, Google demands sources covering these topics to demonstrate heightened trustworthiness compared to non-YMYL content. So I’ve explored how the Perspectives tab responds to every YMYL category. Here’s what I found: a) The entire health domain, including unconventional healing, doesn't appear on the Perspectives tab No matter how hard I went on tweaking my queries. Here's an example of how Perspectives rejects my timeless weekend health query: Understandable. The impact of bad advice can be really detrimental. BUT b) Money-related queries, such as those about crypto, passive income, quick profits, and other scam-prone topics, are frequently featured on Perspectives** This is perplexing 🤔 Following the YMYL narrative, apparently money content shouldn’t be there. What’s more, while scrolling through ‘crypto and profits’ perspectives, I came across a bunch of dudes barely in their 20s. Some of them claim to have 'REAL experience' in successful investing and creating multiple passive income streams. How does Google ascertain the credibility of such experiences? c) The remaining YMYL topics - such as stability, safety, and societal welfare (including politics) - don't feature in Perspectives. I won't delve deep into these, as they're seldom the focus of brand or creator promotions. My checks confirmed their absence. So, to summarize: Perspectives seems to largely bypass YMYL topics, except the ‘your money’ ones… Which is weird. 2) Audit the Top-Ranking Content on Perspectives Around Your Niche Suppose you're promoting a ghostwriting service. Start by searching for a broad term like 'ghostwriting' to spot the top-performing subtopics. You will see subtopics: How to start How to make money How to hire, etc. It’s noteworthy that some of the top-ranking perspectives don’t necessarily boast high engagement (like a significant number of likes or views). To optimize, focus on these popular subtopics. Your goal should be to craft content that is more in-depth, refined, and updated than what's currently ranking. In marketing, it's always beneficial to draw inspiration from successful examples and then enhance upon them. 3) Identify Relevant Channels Using our ghostwriting example - most top-ranking perspectives appear on platforms like Quora and YouTube. Therefore, it makes sense to focus your efforts on these platforms. For other niches, channels might be different. So, the goal here is to identify which channels frequently appear in Perspectives for your targeted queries and publish your content exactly there. Demonstrate E-E-A-T in Your Content Simply put, is a set of Google’s principles to define the trustworthiness of content, so it may rank it. E-E-A-T The letters stand for Experience, Expertise, Authoritativeness, and Trustworthiness. Now, let’s break them down, and see how you could demonstrate them in your content. Experience Refers to the author's direct, hands-on familiarity with the subject. To showcase this, illustrate in your content how you've personally tested the product or service in question. Share stories of attracting a group of testers and their feedback. Support your narrative with relevant images and videos that evidence your practical engagement with the topic. The key is to underscore that you've really practiced your subject, rather than just learning about it from books. Expertise Represents the author's depth of knowledge and skill in a specific area. To demonstrate expertise, reference authoritative sources and highlight the thorough research behind your work. You can further enhance your credibility by obtaining a 'reviewed' tag from an established expert or by collaborating with them on your content piece. Authoritativeness Authoritativeness is about being recognized as a go-to source for a particular topic. To achieve this, it's crucial to consistently focus on and produce content related to that topic, talking about it extensively. This is why the current trend of an anti-niche strategy might hinder your ranking in Perspectives. I personally love the anti-niche, but Google doesn’t. Trustworthiness Trustworthiness is the cornerstone of the E-E-A-T framework. It implies the credibility and reliability of both the content and the content creator. Trustworthiness underscores the necessity of presenting information that's accurate, free from deception, and transparent. To showcase it, be open about your background, share your personal stories, and provide contact details (excluding your home address, of course). Introduce your team and ensure easy ways to connect. Transparency is a sure sign that you’re trustworthy. Another key element is how you handle user feedback. Encourage it, engage actively, and address both compliments and critiques thoughtfully. Responding considerately to criticism demonstrates that you're attentive, mature, and committed to getting things right. 5) Avoid Being Overly Controversial (Yeah, That’s Weird) As someone who still harbors a teenage rebel's spirit at 36, I personally hate this tip. But unfortunately, Google’s algorithms don’t care much about our individual preferences. To rank well on Perspectives, content should be accurate and align with Google's standards. This often means corroborating your views with authoritative sources and experts. When your take is too far off the mainstream, backing it up becomes challenging, affecting both credibility and social engagement metrics (likes and shares). So, the trick is to strike a balance: be unique and original, but not too fringe. On the other hand, Perspectives isn't the only way to reach your audience. There are plenty of alternative paths to find your audience without compromising your strong distinct identity. 6) Optimize Your Visuals and Thumbnails for the Platforms Where You Create This is self-evident. But throwing this one for the completeness of the checklist. 7) Promote and Cross-Promote Your Content Another piece of clear-cut wisdom: The more social signals (likes, shares, comments) your content generates, the more it's favored by algorithms. Wrapping It Up I firmly believe that brands and content creators should seriously start tapping into Google Perspectives. Its potential to catapult your content to the front page of Google - the heart of global organic traffic - makes it an opportunity too significant to ignore. Plus, moving up in the Perspectives rankings doesn't involve the usual intensive SEO hassle typical of Google. More visibility with less effort – an offer too tempting to pass up, right? More on the future of search in the next issues of my newsletter, . If you enjoyed it, make sure to sign up. AImplifier Feel free to share your thoughts or correct me. And if you're interested in collaborating on the next piece, I'm open. I'd also love to connect on and LinkedIn . Twitter Thanks for reading! Your time and attention are priceless. ❤️

Google Perspectives: A New Opportunity to Maximize Your Brand Exposure 

Google দৃষ্টিভঙ্গি: আপনার ব্র্যান্ড এক্সপোজার সর্বাধিক করার একটি নতুন সুযোগ

Google Perspectives: Eine neue Möglichkeit, die Präsenz Ihrer Marke zu maximieren

Google Perspectives: una nueva oportunidad para maximizar la exposición de su marca

Perspectives Google : une nouvelle opportunité pour maximiser la visibilité de votre marque

Google परिप्रेक्ष्य: आपके ब्रांड का प्रदर्शन अधिकतम करने का एक नया अवसर

Google の視点: ブランドの露出を最大化する新たな機会

Google Perspectives: 브랜드 노출을 극대화할 수 있는 새로운 기회

Perspectivas do Google: uma nova oportunidade para maximizar a exposição da sua marca

Google Perspectives: новая возможность максимизировать узнаваемость вашего бренда

Google Perspektifleri: Marka Görünürlüğünüzü En Üst Düzeye Çıkarmak için Yeni Bir Fırsat

Quan điểm của Google: Cơ hội mới để tối đa hóa mức độ hiển thị thương hiệu của bạn

Google 观点：最大化品牌曝光度的新机会

347 Stories To Learn About Optimization

302 Stories To Learn About Front End Development

Collection Compositional Layout is a new layout framework in the UIKit framework of iOS that was introduced in iOS 13. It provides a powerful and flexible way to build custom collection views in a modular and composable manner. With Collection Compositional Layout, you can define custom layouts for your collection views by composing various layout elements, such as sections, items, and groups, in a way that best suits your needs. You can use Collection Compositional Layout to define layouts that support dynamic content and varying item sizes, and you can also easily modify the layout of your collection view on the fly. The framework also includes a number of built-in layout elements that can be used to create common collection view layouts, such as grid, list, and nested groups. To use Collection Compositional Layout in your iOS app, you need to create an instance of , and then define one or more objects that represent the layout for each section in your collection view. You can then set the property of your layout to your instance, and the layout will be automatically applied to your collection view. UICollectionViewCompositionalLayout NSCollectionLayoutSection collectionView UICollectionView Today, we will thoroughly examine how to create such a screen using Collection Compositional Layout Data Source Initially, it is necessary to include two typealiases and a sections enum. I would like to utilize to easily update the content and add new content if necessary DiffableDataSource typealias DataSource = UICollectionViewDiffableDataSource<Section, PictureModel>
typealias DataSourceSnapshot = NSDiffableDataSourceSnapshot<Section, PictureModel> enum Section: Int, CaseIterable {
    case carousel
    case widget
    case pinterest
} I set up the data source for a collection view. The function takes in two parameters: an and a boolean value "animatingDifferences". The function starts by deleting all the items in the data source's snapshot using the "deleteAllItems" method. Then, it appends all the cases of the to the snapshot's sections. [PictureModel] Section Next, the function appends a range of pictures to each section. Finally, the function applies the snapshot to the data source using . The "animatingDifferences" parameter determines whether changes to the collection view are animated or not. apply private func configureDataSource(pictures: [PictureModel], animatingDifferences: Bool) {
    snapshot.deleteAllItems()
    snapshot.appendSections(Section.allCases)
        
    snapshot.appendItems(pictures[20...29].map { $0 }, toSection: .carousel)
    snapshot.appendItems(pictures[10...19].map { $0 }, toSection: .widget)
    snapshot.appendItems(pictures[0...9].map { $0 }, toSection: .pinterest)

    dataSource.apply(snapshot, animatingDifferences: animatingDifferences)
} For more information how data source works you can find there: iOS Tutorial: Collection View and Diffable Data Source Carousel Section The first section is “Carousel-style” or “Multiple banner” private static func carouselBannerSection() -> NSCollectionLayoutSection {
    //1
    let itemSize = NSCollectionLayoutSize(
          widthDimension: .fractionalWidth(1),
          heightDimension: .fractionalHeight(1)
    )
    let item = NSCollectionLayoutItem(layoutSize: itemSize)

    //2
    let groupSize = NSCollectionLayoutSize(
          widthDimension: .fractionalWidth(1),
          heightDimension: .fractionalWidth(1)
    )
    let group = NSCollectionLayoutGroup.horizontal(
          layoutSize: groupSize,
          subitems: [item]
    )
    //3
    let section = NSCollectionLayoutSection(group: group)
    section.orthogonalScrollingBehavior = .continuousGroupLeadingBoundary
    //4
    section.visibleItemsInvalidationHandler = { (items, offset, environment) in
          items.forEach { item in
              let distanceFromCenter = abs((item.frame.midX - offset.x) - environment.container.contentSize.width / 2.0)
              let minScale: CGFloat = 0.8
              let maxScale: CGFloat = 1.0 - (distanceFromCenter / environment.container.contentSize.width
              let scale = max(maxScale, minScale)
              item.transform = CGAffineTransform(scaleX: scale, y: scale)
         }
    }
    return section
} Let’s define the size of an individual item, which will be used as the basis for building the rest of the layout. This item will take up the full width and height of the available space, with a width dimension of and a height dimension of . .fractionalWidth(1) .fractionalHeight(1) A group is created with the defined item size and set to be arranged horizontally using . This group takes up the full width of the available space with a width dimension of and a height dimension equal to its width with . NSCollectionLayoutGroup.horizontal .fractionalWidth(1) .fractionalWidth(1) The is then created using the defined group, and its orthogonal scrolling behavior is set to , which means that the section will continuously scroll in the horizontal direction. NSCollectionLayoutSection .continuousGroupLeadingBoundary The of the section is set to a closure that performs a scaling transformation on each item based on its distance from the center of the visible area. The amount of scaling is determined by the distance from the center, with items closer to the center being scaled up and items farther away being scaled down. The minimum and maximum scale values are defined as and respectively. visibleItemsInvalidationHandler minScale maxScale Widget section This section is implemented almost the same way as the previous one. The only differences are in the configuration of the group private static func widgetBannerSection() -> NSCollectionLayoutSection {
    let itemSize = NSCollectionLayoutSize(
        widthDimension: .fractionalWidth(1),
        heightDimension: .fractionalHeight(1)
    )
    let item = NSCollectionLayoutItem(layoutSize: itemSize)
    item.contentInsets = .init(top: 0, leading: 5, bottom: 0, trailing: 5)

    //1
    let groupSize = NSCollectionLayoutSize(
        widthDimension: .fractionalWidth(0.2),
        heightDimension: .fractionalWidth(0.3)
    )
    let group = NSCollectionLayoutGroup.horizontal(
        layoutSize: groupSize,
        subitems: [item]
    )
    let section = NSCollectionLayoutSection(group: group)
    //2
    let supplementaryItem = NSCollectionLayoutBoundarySupplementaryItem(
        layoutSize: .init(
            widthDimension: .fractionalWidth(1),
            heightDimension: .absolute(30)
        ),
        elementKind: UICollectionView.elementKindSectionHeader, 
        alignment: .top
    )
    supplementaryItem.contentInsets = .init(
        top: 0,
        leading: 5,
        bottom: 0,
        trailing: 5
    )
    section.boundarySupplementaryItems = [supplementaryItem]
    section.contentInsets = .init(top: 10, leading: 5, bottom: 10, trailing: 5)
    section.orthogonalScrollingBehavior = .continuous
    return section
} The group layout is defined by the object, which is horizontal and has a width and height defined as 20% and 30% of the collection view's width, respectively. The group consists of a single item, which is defined above. NSCollectionLayoutGroup Section has a header defined as a . The header is placed at the top of the section and has the same width as the section, with a height of 30 points. The header's content inset by 5 points from the leading and trailing edges. NSCollectionLayoutBoundarySupplementaryItem Pinterest section A Pinterest-style layout is a type of grid-based user interface design that arranges content into a series of evenly spaced columns, with variable-sized cells that contain images. The layout is commonly used in applications like photo sharing and social media platforms. The Pinterest-style layout gives the layout a more organic, less structured feel than traditional grid-based designs, and can help to break up the monotony of a page filled with equally sized cells. Сells in this section are presented in different ratios. So, models for that cells have to conform to the protocol that defines a single requirement, the property, which is a value. Ratioable ratio CGFloat protocol Ratioable {
    var ratio: CGFloat { get }
} An aspect ratio is the proportional relationship between the width and height of an object. The implementation of this section is slightly more complicated than the previous ones. Therefore, I will create a separate class for it. PinterestLayoutSection The private properties inside of this class are: private let numberOfColumns: Int
private let itemRatios: [Ratioable]
private let spacing: CGFloat
private let contentWidth: CGFloat In order to correctly calculate the size of the section, we must pass array of elements that stores the ratio for each future cell. Also we need to have a certain number of columns and full content width. [Ratioable] For ease of understanding the code, let's add computed and lazy properties. private var padding: CGFloat {
    spacing / 2
}
    
// 1
private var insets: NSDirectionalEdgeInsets {
    .init(
        top: padding, 
        leading: padding, 
        bottom: padding, 
        trailing: padding
    )
}

// 2
private lazy var frames: [CGRect] = {
    calculateFrames()
}()
    
// 3
private lazy var sectionHeight: CGFloat = {
    (frames
        .map(\.maxY)
        .max() ?? 0
    ) + insets.bottom
}()
    
// 4
private lazy var customLayoutGroup: NSCollectionLayoutGroup = {
    let layoutSize = NSCollectionLayoutSize(
        widthDimension: .fractionalWidth(1.0),
        heightDimension: .absolute(sectionHeight)
    )
    return NSCollectionLayoutGroup.custom(layoutSize: layoutSize) { _ in
        self.frames.map { .init(frame: $0) }
    }
}() Padding around cells equal to the distance between cells. The property is a lazy property that calculates the frames for each item in the section. frames The calculates the height of the entire section based on the maximum sectionHeight y-coordinate of all the items. The is a lazy property that calculates the layout group for the section. It specifies the size of the section and returns an array of layout items based on the calculated frames. The layout group is created using the method. customLayoutGroup NSCollectionLayoutGroup.custom The last but not the least. We need to define method. calculateFrames private func calculateFrames() -> [CGRect] {
    var contentHeight: CGFloat = 0
        
    // 1
    let columnWidth = (contentWidth - insets.leading - insets.trailing) / 
                        CGFloat(numberOfColumns)
        
    // 2
    let xOffset = (0..<numberOfColumns).map { CGFloat($0) * columnWidth }
    var currentColumn = 0
    var yOffset: [CGFloat] = .init(repeating: 0, count: numberOfColumns)
        
    // Total number of frames
    var frames = [CGRect]()
        
    // 3
    for index in 0..<itemRatios.count {
        let aspectRatio = itemRatios[index]
            
        // Сalculate the frame.
        let frame = CGRect(
            x: xOffset[currentColumn],
            y: yOffset[currentColumn],
            width: columnWidth,
            height: columnWidth / aspectRatio.ratio
        )
        // Total frame inset between cells and along edges
        .insetBy(dx: padding, dy: padding)
        // Additional top and left offset to account for padding
        .offsetBy(dx: 0, dy: insets.leading)
        // 4
        .setHeight(ratio: aspectRatio.ratio)
            
        frames.append(frame)
        
        // Сalculate the height
        let columnLowestPoint = frame.maxY
        contentHeight = max(contentHeight, columnLowestPoint)
        yOffset[currentColumn] = columnLowestPoint
        // 5
        currentColumn = yOffset.indexOfMinElement ?? 0
    }
    return frames
} The is responsible for calculating the frames for each item. First, the width of each column is calculated by subtracting the margin from the total width and dividing it by the number of columns. calculateFrames Sets up variables to store the x-coordinate offset for each column, the y-coordinate offset for each column, and an array of frames. The function uses a loop to iterate through the array, calculate the frame for each item based on its aspect ratio, and append it to the array. itemRatios frames The method updates the height to keep the correct aspect ratio. Use extension for it: private extension CGRect {
    func setHeight(ratio: CGFloat) -> CGRect {
        .init(x: minX, y: minY, width: width, height: width / ratio)
    }
} Adding the next element to the minimum height column. We can move sequentially, but then there is a chance that some columns will be much longer than others. For convenience, add the extension for . The computable property helps to find the index of the first minimum element in an array: Array private extension Array where Element: Comparable {
    var indexOfMinElement: Int? {
        guard count > 0 else { return nil }
        var min = first
        var index = 0
        indices.forEach { i in
            let currentItem = self[i]
            if let minumum = min, currentItem < minumum {
                min = currentItem
                index = i
            }
        }
        return index
    }
} The final step In order to connect all the sections together into one layout, we will create another class. . CustomCompositionalLayout final class CustomCompositionalLayout {
    static func layout(
        ratios: [Ratioable], 
        contentWidth: CGFloat
    ) -> UICollectionViewCompositionalLayout {
        .init { sectionIndex, enviroment in
            guard let section = Section(rawValue: sectionIndex)
            else { return nil }
            switch section {
            case .carousel :
                return carouselBannerSection()
            case .widget :
                return widgetBannerSection()
            case .pinterest:
                return pinterestSection(ratios: ratios, contentWidth: contentWidth)
            }
        }
    }
 } It has a static function named that takes in two parameters, and . layout ratios contentWidth Don't forget to add already implemented methods to this class. The sections that can be returned are: for the case carouselBannerSection .carousel for the case widgetBannerSection .widget for the case pinterestSection .pinterest The returned value is a object that has different sections depending on the value of . UICollectionViewCompositionalLayout sectionIndex Conclusion This example of screen layout is a unique and visually appealing way to display content in a collection view. It is achieved through the use of the and the custom aspect ratios of each item in the collection. UICollectionViewCompositionalLayout Implementing this layout can greatly enhance the user experience and bring a fresh and dynamic look to your app. With its ability to handle varying aspect ratios and adjust content dynamically, the layout offers a versatile and practical solution for displaying content in a collection view. Overall, the layout with Pinterest-style section is a valuable addition to any iOS developer's toolkit and can add a touch of creativity and design to your next app project. This article was inspired by . UICollectionView Custom Layout Tutorial: Pinterest The full implementation with network layer by MVVM pattern you can find on my . Github Feel free to put stars here and on github :)

Implementing 'UICollectionView Compositional' Layout with Pinterest Section 

Introducing Nanc: A Backend-Agnostic CMS Perfect for Flutter Apps

ন্যান্সের সাথে পরিচয়: ফ্লটার অ্যাপের জন্য পারফেক্ট একটি ব্যাকএন্ড-অ্যাগনস্টিক সিএমএস

Wir stellen vor: Nanc: Ein Backend-unabhängiges CMS, perfekt für Flutter-Apps

Presentamos Nanc: un CMS independiente del backend perfecto para aplicaciones Flutter

Présentation de Nanc : un CMS indépendant du backend, parfait pour les applications Flutter

नैनक का परिचय: स्पंदन ऐप्स के लिए एक बैकएंड-एग्नोस्टिक सीएमएस परफेक्ट

Nanc の紹介: Flutter アプリに最適なバックエンドに依存しない CMS

Nanc 소개: Flutter 앱에 완벽한 백엔드 독립적 CMS

Apresentando o Nanc: um CMS independente de back-end perfeito para aplicativos Flutter

Nanc ile Tanışın: Flutter Uygulamaları için Mükemmel Bir Arka Uçtan Bağımsız CMS

Giới thiệu Nanc: Một CMS phụ trợ hoàn hảo cho các ứng dụng Flutter

介绍 Nanc：后端不可知的 CMS，非常适合 Flutter 应用程序

Many companies have well realized that creating valuable content is an excellent way to acquire new customers and retain them over time. However, creating content takes time and money and any business, especially those operating on a tight budget, has limits to what it can spend on it. The good news is that it is possible to build a content production ‘factory’, even if the team is small and the budget is limited. Build the Contact Production Factory as a System Building a content 'factory' does not necessarily require a lot of people or a lot of money. The most important thing is to develop a clear content strategy, select a team, create processes that are easy to follow, and help multiply the benefits from editorial and marketing efforts. The scale of the project does not matter. Maybe you are running a small project where you only need content to improve brand awareness and social media performance, or you are responsible for an entire content department that needs to be hired, managed, trained, monitored, and tracked. In either case, you are using the same approach to build content production as a business-driven system. All the steps you take in content production should be strung together in a clear and thoughtful sequence of actions, a system of interrelated tasks and principles to make quick and effective decisions. There are two keywords here –– 'system' and 'business-driven'. This system needs to have specific objectives and measures of performance to determine whether those objectives have been met, just like any other business unit. Content cannot and should not live in a vacuum, and an internal editorial or content department is not a group of writers, editors, producers, and other creatives who create art for art's sake. It is a service division that helps a business grow and make money. Even if you publish magazines, books, or create educational courses or an information service by subscription, content is a product for you and it must be built according to product rules and taking into account business objectives. It could be arranged like this: You determine what tasks are facing the business in general and marketing in particular, and which ones you plan to solve with the help of content. You develop a strategy for getting there. You turn the strategy into a tactical plan –– taking into account the timing, communication channels, benchmarks, and available resources. You determine what content you need at each tactical point. You create a system for the production of fast, efficient, high-quality, and evergreen content. You assign yourself checkpoints where you check if everything is going well and make changes to the system if necessary. It is important that the editorial team works closely with the marketing and product teams. This will help to accurately assess the effectiveness and communicate with the audience correctly if the agenda and business objectives change. Any Content Is Ideally Cross-Platform Content creation should be waste-free. This means that every large content unit must be highly flexible, evergreen, and versatile in terms of media, formats, and distribution. In other words, each content unit is created so that it can then be used in different forms across many marketing channels. Ideally, keep this idea in mind at every stage of the content production cycle, starting with planning. This will make content production technically faster and easier. Therefore, it's a fantastic first step to incorporate this approach into your content strategy. In this case, you consider each large content unit as a separate project. This means you can rethink the structure of videos or articles so that they can be easily converted into different formats or broken into blocks that can be used in other channels. For example, live broadcasts and articles are large formats that give you almost endless opportunities to create numerous pieces. So, use this creative tool to get the most out of every content idea you have. We conduct lectures with MBA professors twice a month for RBC Pro, a content subscription for business leaders. Each lecture is first presented as a live-stream video with a chat room where attendees can ask questions and offer their thoughts on the subjects being covered. Then, we add the text transcripts while keeping the video. The greatest lectures' textual content is also included in the bimonthly magazine, and a QR code with a link to the promotion page on the website is placed there. Another way we reuse video is to convert it to an audio file and distribute extracts on podcast hosting sites and platforms like Yandex.Music, SoundCloud, ApplePodcast and VKontakte. It's a common practice. For instance, TED Talks do the same since they want their audience to enjoy content on all devices: you can watch TED Talks with an app and listen to TED podcasts. Repurpose Existing Content Another way to reduce costs and save time is content repurposing. First of all, you need to understand which content is worth recycling. The data you already have will point you towards high-performing pieces of content to reshape and redistribute. Go through the library of old blog posts and videos to see which content is high quality and relevant and how you can make it different while keeping the message the same. Add these evergreen pieces to your content repurposing plan. Keep in mind that it isn’t about copying what you’ve created. . It is all about taking a unique angle and repackaging your content with a platform’s unique requirements in mind . Making transcripts is one of the simplest methods to guarantee that your webinars and videos are equally exposed to everyone. It can also offer an easy-to-read recap of your original content. Create text transcripts of your videos . Transcripts can be used to create blog posts and other text-based content (like checklists, how-to articles, interviews, etc.), which is an advantage. A transcript won't likely require much editing if the original video has a clear structure. Turn video transcripts into blog posts . Short videos you can use in social media, including Reels and Stories. It’s not only the way to make your content more diverse and ‘digestible’. It helps to deliver it to the popular platforms where your audience already opts to consume content. Post snippets of existing video content . You can take snippets on the same topic from different videos and create a playlist for the website, blog, or YouTube. Last year , a streaming platform with 100+ instructors across 11 categories, introduced its themed playlists with short videos extracted from their original masterclasses. Create a playlist MasterClass . You can create a course (long read or email) from the content you’ve already created by adding tests or quizzes. Make a short e-learning course Pull the information from the blog post or long-form article, break it into easily digestible sections, and add contextually relevant CTAs throughout. This newsletter content then directs readers to the original blog post so you repurpose content for different marketing channels. Make an email newsletter. . You can also repurpose text-based content and blog posts to make a series of social media posts (text, mini graphics, image cards). Pick one point from the blog post and elaborate on it rather than trying to squeeze everything into one social post. Create social media posts Later, you can collect links to the best-performing pieces into one post and use them again. Interesting statistics, insightful quotes, and actionable advice can be re-used on all your social platforms. Additionally, they make for an effective carousel, which has quickly become the most engaging type of social content. . Highlight steps or takeaways from your blog post, research report, or guide and convert them into an infographic. It enriches original content pieces and can be shareable. Infographics . This way, content consumers who prefer to listen to your blog content can tune in rather than read through all the text. Make audio . Cases, instructions, and checklists can be edited and used to create templates. Create a template Implementing the principle of reusing and recycling is a smart approach to marketing. Ideally, every to grow its online presence and increase audience reach. business should focus on both creating a steady stream of new relevant content and repurposing the existing content Last year, I executed a series of six webinars about leadership with business coaches and other experts for RBC Pro. What we repurposed them into: Videos. We ‘chopped’ the video into 5-10-20 minute snippets and created themed playlists. We also released short videos in Reels and Stories on all our social media channels. Email newsletter. We adapted the texts that were published on the website and reused them in an email newsletter. Two months later, we collected the links to the videos and resent them in an email to draw extra attention to the series. Social media posts. We divided articles into blocks and made posts for social media Facebook, Instagram, Vkontakte, and Telegram. In total, we published 40+ posts (excluding Stories and Reels). PDF. We extracted the key takeaways and quotes and created PDFs to use them as lead magnets on the website to collect a database of addresses for mailing. So we won’t only repurpose content but also grow our email list. Book. Finally, we collaborated with a book publisher and created a book compiling mostly the content which we already created from the original webinars. How to Get the Best Return for Your Efforts . If you have a large article or an interview, you can easily turn it into a series of How-to articles or a checklist with valuable insights and tips. ✅ Play with different forms Big text-based content isn’t restricted to just blog posts; it also comes in case studies, comprehensive guides, interviews with industry experts or thought leaders, and more. . Keep in mind that not everyone likes text-based content or video content. ✅ Diversify content Instead of alienating a part of your target audience by creating a specific format, repackage your existing, high-quality pieces into new formats to meet the demand of a broader audience (clients, partners, subscribers, followers, and other stakeholders). By repurposing content, you only give it a new life, extend the lifespan of your big content pieces, and ensure that all segments of your audience can gain value from the relevant, useful information you have to offer. . Obviously, not everyone will see your content the first time you post. Repurposing it or giving it a different look allows you to achieve greater visibility and reach. ✅ Distribute better And by cross-linking separate content mediums, you only grow engagement, traffic, brand awareness, and leads. Invite Others to Create Content for You The editorial team does not always have to create all the content themselves. Become a platform for people to share their knowledge and experience. . There are probably employees in the organization who can educate your audience and who are motivated to produce content on their own behalf for either professional or personal reasons. 😇 Internal specialists Such folks frequently lack the encouragement, nudge, and support to start. Offer to assist them. Editors, for instance, can proofread their writing. If a person has a fear of starting from scratch, you can approach working with him in a different way: create a list of questions, interview him, record the interview, transcribe it, and then edit it to create a comprehensive expert article. 😎 . Not all professionals are willing to work just for pay. Many experts are happy to share their knowledge for free, especially if you can give them an audience. External specialists The chance to introduce oneself to many people and share their knowledge and experience with others, especially outside of their small professional network and their followers on social media, maybe really motivating. Some specialists may merely be interested in your project and highlight their connection to it, getting involved. The key is to : your audience, your reach, and the available marketing channels. be explicit about what you specifically provide in exchange 🥰 . User-generated-company-distributed content is already a widespread thing. You can start with a community, your most engaged and devoted users who can share their success stories and product use cases which will become UGC. Community and users Some companies like Notion, Readymag, and Figma repurpose CustDev interviews and make product-led articles telling the user’s case with a focus on how their product or service helps them to solve the problem. One More Thing … Only content that is closely tied to the product and integrated into the business procedures of the organization is effective. Working simply with outside advertising or SMM agencies makes it challenging to develop such synergy. If the contractor is not fully involved in the business and only has a basic understanding of the product, no detailed brief will help.

Build a ‘Content Factory’ With a Tight Budget With Three Steps

Cree una 'Fábrica de contenido' con un presupuesto ajustado en tres pasos

Construisez une «usine de contenu» avec un budget serré en trois étapes

तीन चरणों वाले तंग बजट के साथ एक 'कंटेंट फ़ैक्टरी' बनाएँ

3 つのステップで厳しい予算で「コンテンツ ファクトリー」を構築する

Crie uma 'fábrica de conteúdo' com um orçamento apertado em três etapas

Xây dựng ‘Nhà máy sản xuất nội dung’ với ngân sách eo hẹp với ba bước

三步打造预算紧张的“内容工厂”

Do you run an online business and want to gain a competitive advantage? Are you looking to create a visually appealing website? Do you want to convert your website visitors into buyers? If you answered yes to any of these questions, you need to build an attractive user interface (UI) design for your website or web app. A good UI design also increases user interaction on your website and makes it easy for users to get things done. An easy and quick way to create a modern web app with a good UI is to use a UI components library. If you’re looking for an efficient UI components library, Sencha ExtAngular is the best choice. Sencha ExtAngular comes with tons of pre-built that let developers build beautiful web apps using Angular. Angular material components This article will discuss everything you should know about Angular material components provided by ExtAngular to build stunning web apps faster. Why Use Angular Material Components For Your Web Apps? Angular is a widely-used JavaScript framework that lets developers build robust, modern web apps using a component-based approach. However, Angular doesn’t have any pre-built components, which means developers have to start from scratch to build these components or get help from the community. This is where an efficient Angular material components library like ExtAngular comes in handy. By offering more than 140 pre-built and pre-tested UI components, ExtAngular lets you build web applications faster. How Can I Use Grid Components? You can use grid components to display a large volume of tabular data. These components make it easy to fetch, sort, and filter thousands of data points quickly and easily. ExtAngular allows you to add different types of grid components to your web app. For example, you can add an essential grid, infinite grid, and locking grid to lock columns. Additionally, you can group the data into different categories with grouped grids or even sort the data by ascending or descending order. Other useful grid features include row drag and drop, grid filtering, and row expander. How Can I Utilize Pivot Grid? Pivot grid is a great way to add data analytics features to your Angular apps. You can use a pivot grid to analyze and evaluate data for better decision-making. With ExtAngular, adding a pivot grid to your web apps is super easy. You can then use different aggregation methods on your data, such as sum, count, average, etc. When you want calculations on your web browser, you can use Ext.pivot.matrix.Local matrix. Remote matrix to perform calculations remotely. With ExtAngular, you can export data from any standard grid or pivot grid to different common formats, such as HTML, CSV, XLSX, XML, and TSV. Are There Any Components For Adding Charts To My Angular Web App? Charts help you visualize raw data and make it easy to understand and remember information. You can use charts to compare different data sets, represent the data over time, show trends, etc. An easy way to add different charts to your Angular web app is to use Sencha ExtAngular chart components. From area, bar, and column charts, to navigator, radar, and gauges, ExtAngular offers several data visualization options. Each chart can be displayed beautifully in any major web browser. ExtAngular allows you to set your desired chart background by adding an image, gradient object, or color. You can also add titles and other captions inside a chart. With ExtAngular, you can also add sophisticated Data-Driven Documents package (D3) visualizations such as treemaps, heatmaps, sunbursts, and more to your web apps. Are There Any Components For Adding Calendars To My Angular Web App? ExtAngular offers powerful calendar components that you can use to add attractive and easy-to-use calendars to your web apps. For example, you can add a calendar with a monthly, weekly, or daily view. Or you can add a whole calendar panel that allows you to switch between different views of the same dataset. ExtAngluar also allows you to add different events with descriptions to your calendar. Additionally, you can also categorize the events, such as personal, work, etc. Another great feature of the ExtAngular calendar component is its support time zone. This means you can create different events for different time periods. ExtAngular also offers useful UI features like a title bar and navigation buttons for calendars. Can I Add Forms To My Web App Using Angular Material Components? ExtAngular comes with a range of pre-built form components that you can easily add to your Angular web apps to create different types of forms. These components include checkbox field, form panel, password field, email field, toggle field, etc. ExtAngular also offers validators that you can use to validate user input in your forms – if the input isn’t correct, the form displays an error message. You can also use the container field to apply a single label to multiple fields. Using these components, you can ensure form consistency all across your app. FieldSet is another helpful feature that you can use to visually separate different elements of a form. FieldSet is essentially beneficial for dividing various fields of a form into groups. For example, you can use FieldSet to separate billing details and customers' shipping addresses in an order form. You can use FieldSet inside a form or separately in your app. Does ExtAngular Let You Add Carousels To Your Web App? You can use Carousels in your web apps to allow users to swipe through different pages. For example, although a Carousel displays only one page at a time, users can swipe through multiple pages. ExtAngular lets you add vertical and horizontal Carousels to your web app. Different Carousel style options, such as dark and light, are also available. Ready to create a consistent and beautiful UI for your Angular web app? Head over to Sencha ExtAngular and make stunning web apps using more than 140 Angular material components.

CAROUSELL GROUP

carousell.sg

501-1K employees

Since 2012

COMPANY RANKING

CAROUSELL GROUP

EVERGREEN INDEX #2332

Representing this company? Click here to claim and customize this page!

Carousell Group WIKI

Apply to get your Tech Company News Page live on HackerNoon.com today!

CAROUSELL GROUP

carousell.sg

501-1K employees

Since 2012

COMPANY RANKING

CAROUSELL GROUP

EVERGREEN INDEX #2332

RELATED COMPANIESRANK

STORIES ABOUT CAROUSELL GROUP

Representing this company? Click here to claim and customize this page!

Carousell Group WIKI

Apply to get your Tech Company News Page live on HackerNoon.com today!