10 Cool Pure CSS Scrolling Text Animations

Original Source: https://1stwebdesigner.com/10-cool-pure-css-scrolling-text-animations/

Scrolling text on a website is almost as old as the internet. You may remember the days when marquees with horizontal scrolling text were all the rage, and we (some of us) thought it was one of the coolest things we’d seen on a website. Many years later we have left that, along with a collection of other relatively silly “web tricks”, behind, as technology and web development evolved into what we have to work with today. Now we no longer need Flash or some other bulky, clunky tools or code to make this happen.

In this post, we’ll show you a collection of scrolling text animations that are coded with only CSS – no JavaScript or anything else needed! Let’s take a look at some of the different ways this fun effect can be accomplished.

UNLIMITED DOWNLOADS: 500,000+ WordPress & Design Assets

Sign up for Envato Elements and get unlimited downloads starting at only $16.50 per month!

DOWNLOAD NOW

 

Hidden & scrolling text

Not just vertically scrolling, but also hidden. Hover over the window to check out this effect.

See the Pen
Hidden & scrolling text by Avaz Bokiev (@samarkandiy)
on CodePen.0

 

Breaking News Modal

A slow horizontal scrolling effect for breaking news.

See the Pen
Breaking News Scrolling Text Modal by KB (@notkieran)
on CodePen.0

 

Vertical scrolling word

A clean, smooth animation replacing a word in a line of text.

See the Pen
Vertical scrolling text by Azri Kahar (@azrikahar)
on CodePen.0

 

HTML marquee Tag

This one is so old school looking it’s a little painful.

See the Pen
HTML <marquee> Tag by Erna Ayuning Nareswari (@ashavenger)
on CodePen.0

 

Scrolling In A Window

A rotating words vertical scrolling effect.

See the Pen
Scrolling Text Window by Andretti Brown (@andrettibrown)
on CodePen.0

 

Horizontal scrolling animation

Another marquee effect very similar to the “good old days”.

See the Pen
Horizontal scrolling animation by VERDIEU Steeve (@flatpixels)
on CodePen.0

 

CSS3 Marquee

And yet another simple marquee effect.

See the Pen
CSS3 Marquee by Svetlin Yankulov (@Yankulov)
on CodePen.0

 

Moving Text – CSS Animation Setup w/ Marquee Tag

Multiple lines scrolling horizontally in different speeds and directions.

See the Pen
Moving Text – CSS Animation Setup w/ Marquee Tag by Chris Drinkut (@ChrisDrinkut)
on CodePen.0

 

Vertical Text Scroll

A combination of some previous examples, this one rotates through words vertically scrolling into view.

See the Pen
Vertically-scrolling Text by Matt Soria (@poopsplat)
on CodePen.0

 

Star Wars 3D Intro in CSS3

No collection would be complete without the Star Wars intro scrolling!

See the Pen
Star Wars 3D Intro in CSS3 by Scott Bram (@scottbram)
on CodePen.0

 

The Rise of GameFi in the Crypto World

Original Source: https://www.hongkiat.com/blog/gamefi/

Traditional games have given us such marvelous opportunities and endless enjoyment in exchange for our time and money. But things are about to change because GameFi is now a thing, and they will soon…

Visit hongkiat.com for full content.

The Easiest Way to Animate WordPress Websites: BeBuilder + Lottie

Original Source: https://www.sitepoint.com/the-easiest-way-to-animate-wordpress-websites-bebuilder-lottie/?utm_source=rss

The Easiest Way to Animate WordPress Websites: BeBuilder + Lottie

Lottie animation is the newest and most effective way to animate websites. Learn why Lottie with BeTheme creates better user experiences.

Continue reading
The Easiest Way to Animate WordPress Websites: BeBuilder + Lottie
on SitePoint.

10 Easy Ways To Graphic Design Without Even Thinking About It

Original Source: https://www.designsauthority.com/10-easy-ways-graphic-design-thinking/

A proper graphic design can enhance your business overnight. Now, the graphic designers have multitude of tools, which they are ready to master. It does not matter whether they are using Photoshop or Illustrator, it is mandatory for them to learn ways to use the tools well, for better results. And with little help, they … Read more

The post 10 Easy Ways To Graphic Design Without Even Thinking About It appeared first on Designs Authority.

15 Modal / Popup Windows Created With Only CSS

Original Source: https://1stwebdesigner.com/15-modal-popup-windows-created-with-only-css/

Do you need a modal popup on your website when a user clicks a link or button? We typically see these in use for logins, newsletter signups, advertising, and more. Most often they are created using a bit of JavaScript trickery, but these days they can relatively easily be coded with only CSS. In this post we’ll show you 15 examples of various ways this can be accomplished. Let’s have a look!

The UX Designer Toolbox

Unlimited Downloads: 500,000+ Wireframe & UX Templates, UI Kits & Design Assets
Starting at only $16.50 per month!


DOWNLOAD NOW

 

CSS Responsive Modal

This responsive example adjusts to the browser size and goes full screen on smaller devices.

See the Pen
CSS Responsive Modal by Thom Griggs (@thomgriggs)
on CodePen.0

 

CSS Modal

This example includes some smooth animations on open and close actions.

See the Pen
CSS Modal by Pete Nawara (@petebot)
on CodePen.0

 

CSS Modal :target Selector

A clever use of the :target selector to open a popup simply by toggling it’s opacity.

See the Pen
CSS Modal :target Selector by Jake Albaugh (@jakealbaugh)
on CodePen.0

 

Pure CSS Modal Box

Interesting use of labels and inputs to create a modal popup.

See the Pen
Pure CSS modal box by Kasper Mikiewicz (@Idered)
on CodePen.0

 

Pure CSS Modal

A really nice animation to open a full screen modal popup.

See the Pen
Pure CSS Modal by Mark Holmes (@SMLMRKHLMS)
on CodePen.0

 

Pure CSS Modal Popup

Another use of a label and input to utilize the checked state to show the modal.

See the Pen
Pure CSS modal by Austin Lord (@ohnoitsaustin)
on CodePen.0

 

Pure CSS Modals

Four different entry and exit animations are shown in this example.

See the Pen
Pure CSS Modals by Akshay (@akzhy)
on CodePen.0

 

Pure CSS Modal

Smooth animations highlight this example.

See the Pen
Pure CSS Modal – #15 by Ivan Grozdic (@ig_design)
on CodePen.0

 

Three CSS Modals

Three variations of background opacity are in this example.

See the Pen
CSS Modals (Modal v2) by Abubaker Saeed (@AbubakerSaeed)
on CodePen.0

 

CSS3 Modal Example

This modal popup slides up when it’s opened.

See the Pen
css3 modal example by Felipe Nunes (@willpower)
on CodePen.0

 

Pure CSS Modal window / Login & Sign up / Tabs / All Responsive

There is a LOT going on with this one, including tabs on the modal popup and responsive design throughout.

See the Pen
Pure CSS Modal window / Login & Sign up / Tabs / All Responsive by Andrew (@AndrewBeznosko)
on CodePen.0

 

CSS Modal

Another example using the :target selector, with a slide down modal entrance.

See the Pen
Css Modal by Jon Ander Pérez (@JonAnderDev)
on CodePen.0

 

Pure CSS modal dialog with sliding content

A somewhat simple setup, but with a content slider in it.

See the Pen
Pure CSS Modal + Slider by Marvin Orendain (@marv117)
on CodePen.0

 

CSS Modal Boxes for all browsers

A version that goes deep into older browser support.

See the Pen
CSS Modal Boxes for all browsers by Patrick (@cara-tm)
on CodePen.0

 

Modal (CSS Only)

For our final selection, we have a pretty standard modal popup with a smooth animated entrance and exit.

See the Pen
Modal (CSS only) by Simon (@Index)
on CodePen.0

 

Illustrator 3D Textured Text Effect Tutorial For Beginners

Original Source: https://www.designsauthority.com/illustrator-3d-textured-text-effect-tutorial-beginners/

One way to really make flyers and brochures stand out is with a 3D text effect on the front/cover. A text with a 3D effect added really pops off the page and draws the eye. Adding your own 3D effect to text is not as difficult as it may sound, especially if you can follow … Read more

The post Illustrator 3D Textured Text Effect Tutorial For Beginners appeared first on Designs Authority.

Collective #710

Original Source: https://tympanus.net/codrops/collective/collective-710/

Collective 710 item image

Inspirational Website of the Week: Erin Wesley

Elegance and sophisticated design elements, fine typography and lovely effects make this website a great web experience.

Get inspired

Collective 710 item image

[Array Builder]

Array Builder is a free tool to visualize the returned values of array transformations and computations made from map/filter/reduce.

Check it out

Collective 710 item image

Grid Tile Patterns

Daniel Velasquez is exploring infinite patterns made from grids.

Check it out

Collective 710 item image

Building a combined CSS-aspect-ratio-grid

Nils Binder shares the solution to a tricky problem using CSS aspect-ratio.

Read it

Collective 710 item image

Scrollex

Scrollex is a react library that lets you build beautiful scroll experiences using minimal code.

Check it out

Collective 710 item image

Fundomo

A fantastic project made by Julian Garnier made with Three.js and Anime.js. Read more about it here.

Check it out

Collective 710 item image

David: Creative Developer

The amazing portfolio of David Heckhoff made with fantastic WebGL 3D animation.

Check it out

Collective 710 item image

Building Table Sorting and Pagination in Alpine.js

Learn how to build a sortable, paged, dynamic table in Alpine.js. By Raymond Camden.

Check it out

Collective 710 item image

Using the Web Audio API to Turn my Keyboard into an Instrument

Tania Rascia shows how she built Keyboard Accordion with Svelte to make a musical keyboard.

Read it

Collective 710 item image

Stacks

Stacks provides everything you need to quickly design, build, and ship coherent experiences across all of Stack Overflow.

Check it out

Collective 710 item image

Contextual Spacing For Intrinsic Web Design

Stephanie Eckles shows how to use adaptive, contextual spacing techniques to deal with the unpredictability of browser environments.

Read it

Collective 710 item image

Dark side

Learn how to code a dark mode toggle that persists in the browser. By Roy Quilor.

Check it out

Collective 710 item image

RemixPress

RemixPress is a presentation layer built with React, Remix, MUI and GraphQl that works with Wordress as a headless CMS.

Check it out

Collective 710 item image

lists.sh

A simple microblog for lists.

Check it out

Collective 710 item image

Planby

Planby is a React based component that lets you implement your own Timeline. Learn more about it in this tutorial by Karol Kozer.

Check it out

Collective 710 item image

Snipli

A command-line interface for quickly sharing code snippets of your local files.

Check it out

Collective 710 item image

Internet spring cleaning: How to delete Instagram, Facebook and other accounts

Some tips on how to remove online clutter and delete your accounts on some social media platforms, specifically, the ones who use and abuse your data.

Read it

Collective 710 item image

Just Join IT

A new job board for Europe’s tech industry.

Check it out

Collective 710 item image

User friendly web games

A collection of user friendly web games that are not overly addictive.

Check it out

Collective 710 item image

Building a JavaScript Bundler

Learn the basics of building a JavaScript bundler in this tutorial by Christoph Nakazawa.

Check it out

Collective 710 item image

Deep Dive into Text Wrapping and Word Breaking

Learn about all the different ways to control how text wraps with CSS.

Read it

Collective 710 item image

Textualize

Projects that help make the terminal more powerful and beautiful.

Check it out

Collective 710 item image

Mechanical Watch

A beautifully illustrated guide on how to build a mechanical watch by Bartosz Ciechanowski.

Check it out

Collective 710 item image

From Our Blog
Inspirational Websites Roundup #37

A special selection of the most creative websites with the finest designs from the past couple of weeks to keep you up-to-date on the current trends.

Check it out

Collective 710 item image

From Our Blog
Image Trail Animation for an Intro

An experimental concept with an initial loader, a trail effect and an intro screen that animates to a new layout using GSAP’s Flip plugin.

Check it out

The post Collective #710 appeared first on Codrops.

Twentyeight Health Rebranding

Original Source: https://abduzeedo.com/twentyeight-health-rebranding

Twentyeight Health Rebranding
Twentyeight Health Rebranding

abduzeedo0504—22

Twentyeight Health is a mission-driven women’s health organization expanding access to reproductive and sexual health services through high quality telemedicine care, a convenient online platform, and affordable options. The company has received multiple awards for its company’s impact, including Fast Company’s Most Innovative Companies, Forbes Next 1000, Top 50 in Digital Health by Rock Health, and the NYC Digital Health 100.

This spring, Twentyeight Health partnered with New York City creative firm Astronaut Monastery on a rebrand that would reflect Twentyeight Health’s mission to provide affordable, accessible healthcare to all women — regardless of where you are, where you came from, or where you’re going. 

The logo is a playful, sun-like icon formed of dots, subtly referencing the visual shape of birth control pills. The logotype is punctuated by a slanted “i” that suggests a sense of progress. 

The Twentyeight color palette includes colors that draw inspiration from nature, including snow, sand, charcoal, sky, coral and peach. 

 

For more information, visit: 

Website
Instagram 

I think the internet might be wrong about this optical illusion

Original Source: https://www.creativebloq.com/news/optical-illusion-faces

How many faces can you see?

Best Free CRM in the UK (May 2022)

Original Source: https://ecommerce-platforms.com/articles/best-free-crm-uk

The best free CRM UK companies can access is a crucial investment in the future of your brand. With the right customer relationship management tool, you can unlock the insights you need to strengthen your connection with your target audience.

With the information gathered in a CRM solution, you can guide your sales experts, improve your marketing campaigns, and increase your conversions. A free CRM allows business leaders to get more of the information they need without spending a penny.

While free CRM solutions in the UK are naturally less feature-rich than some of their premium alternatives, they can still provide a useful stepping stone into the possibilities of CRM technology. Today, we’re going to be looking at some of the top CRM options specifically for UK companies.

Here’s your guide to the best free CRM UK.

HubSpot (Free CRM)

HubSpot CRM best free crm uk

HubSpot is one of the better-known technology leaders in the digital world. Offering a wide range of service, sales, and marketing tools, HubSpot can help companies of all sizes to excel in their chosen industry. What’s more, HubSpot is available in locations around the world, including the UK.

The “free CRM” offered by HubSpot is available either on its own, or as an add-on for the other “hubs” the company offers. The solution comes with everything you need for complete visibility of your pipeline, including information on appointments scheduled, deals won and lost, contracts sent, and performance over time. You can even link the CRM system to your email marketing campaign within HubSpot.

HubSpots CRM also allows companies to log sales activity automatically, so you can track interactions with customers across multiple channels at once. There’s also access to comprehensive user profiles, so you can see all the information you might need about a customer in one place.

Free vs Paid: What’s the difference?

The free CRM allows companies to start closing deals faster through HubSpot, with access to contact management, email scheduling, a comprehensive deal pipeline, meeting scheduling, and live chat. However, HubSpot branding will be included on all your tools.

With the free package, you get basic bots with limited features, and no signature or quote features. You can only make calls for up to 15 minutes, and email tracking and notifications are limited to 200 per month. You’ll also get only 1 shared inbox.

The “Starter” hub on the other hand, removes the HubSpot branding and gives you all the tools you need to create content and generate leads. Starting at £38 per month, this package includes access to up to 8 hours of calling, 5000 canned snippets, 5000 documents per accounts, 10 dashboards and 2 deal pipelines per account.

You can access 5000 email templates, multiple currencies, sales automation, and so much more. The difference between the paid and free accounts are huge.

Pros:

Phenomenal selection of sales and marketing toolsAccess to abandoned cart dataCustom user permissions and user managementSlack integration and mobile appUnified inbox

Cons:

Very limited storage on free accountMost features are only available for one person

Go to the top

illustration of a cat climbing a ladder

Zoho CRM

Zoho CRM best free crm uk

Another top pick for today’s business users, Zoho CRM is one of the most reliable tools for customer relationship management on the market. The fully free version of the flagship CRM software is a huge draw for smaller companies and business leaders who can’t afford to spend a fortune on customer relationship management straight away.

Zoho’s extensive CRM environment is great for tracking everything from where your customers are in the buying journey, to how close your team are to meeting their sales goals. The solution enables customer segmentation, and automatic payments with a variety of payment gateways. What’s more, if you need to create insightful reports, there are a range of customizable templates.

Zoho is easy to use for any small business, with access to cloud storage built-in, so you can manage your contacts and their information more efficiently. The solution also comes with deal management, account management, and lead tracking, for up to 3 members of staff.

Free vs Paid: What’s the difference?

The free forever version of the Zoho CRM software is designed exclusively for up to 3 members of staff. This means it’s not going to be suitable for any bigger businesses. However, if you do need access for only 3 users, you’ll still get access to leads, deals, and contact management, multichannel marketing tools, tasks and events, and integrations.

You can access a range of CRM views with the free version, track call logs, and set up comprehensive profiles for your customers. There’s also access to advanced filters for sorting through clients.

Alternatively, if you upgrade to the £16 per month “Standard” package, you pay your fee for the number of users you need, and access a host of additional features, like sales forecasting, email insights, BCC drop box for email, multiple currencies, and scoring rules.

You can also set up multiple pipelines and get reminders of when to follow up with customers.

Pros:

Excellent customizable CRM viewsLots of features for tracking customer activityAccounts, leads, and contact automationSupport for up to 3 users on the free packageAccess up to 50 emails per license

Cons:

Very limited forecasting tools in free planNot suitable for larger companies.

Go to the top

illustration of a cat climbing a ladder

Freshsales

Freshsales CRM free crm uk

Committed to helping companies engage and convert customers at every stage of the buyer journey, Freshsales is a component of the “Freshdesk” ecosystem. With Freshsales, companies get everything they need for “context driven” sales enhanced by insights into their target audience’s journey.

An award-winning solution for customer relationship management, Freshsales is perfect for increasing revenue and closing deals faster, with an extensive view of your customers. You can get a complete view of customer interactions with a custom dashboard and streamline sales processes with automations. There are even plenty of great reports available.

Freshsales helps you to understand not just the customer journey, but consumer intent too. You can use AI-powered chatbots to connect with customers in real-time and create your own web forms for lead capturing requirements. There’s also access to comprehensive activity timelines and predictive contact scoring, depending on the package you choose.

Free vs Paid: What’s the difference?

As one of the leading free CRM solutions for UK businesses, Freshsales has a lot to offer. The all-in-one free package allows you to maintain and track the details of your leads and customers, creating comprehensive marketing email journeys.

You can make calls within your CRM, set up chatbots for your website, and add a host of new users to your team whenever you choose. The free CRM tools are suitable for unlimited users, and comes with free support built-in, there’s also a handy mobile app.

If you upgrade to the first paid package at £12 per user per month, you get all the features of the free package, plus a useful visual sales pipeline for tracking deals. There’s also access to AI-powered predictive contact scoring, sales sequences, and a comprehensive product catalogue.

Users get customer reports and dashboards built-in too. The more expensive paid packages can add in features like time-based workflows, AI-powered next-best-action suggestions, and dedicated account manager support.

Pros:

Convenient contact and account management with lifecyclesBuilt-in email, chat and phone support24×5 support built inSupport for unlimited users on free packageMobile app access

Cons:

No visual sales pipeline on the free packagesNo AI enhancements on the free package

Go to the top

illustration of a cat climbing a ladder

Bitrix24

bitrix24 CRM best free crm uk

A tool for customer support, collaboration, and even HR management bundled into one, Bitrix24 goes beyond the basics of your standard free CRM software. This digital solution promises companies all the functionality they need to run a more effective business in a world of hybrid and remote work. You can track helpdesk tickets, access project management, and track sales team engagement in the same convenient place.

Bitrix24 reduces the need for a multitude of different software apps spread across different environments. Instead, you can have a CRM platform, a marketing system for your email campaigns, and a range of other tools all bundled into one. There are even site building tools included in case you need to build your own website from scratch.

The free CRM solution is pretty generous, with access to social media contact centre support, reporting for various metrics, and various other tools to suit your business needs.

What’s in the free package?

If you’re looking for the best free CRM software, Bitrix definitely has plenty to offer. You get an all-in-one environment for tracking customer data, forms with custom fields, apps for collaboration, HR tools, and more, all bundled into one. The free plan comes with support for a single product catalog for your ecommerce company, a pipeline for tracking sales, and inventory management.

You can set up basic rules and triggers for sales and marketing automation, and access features like task and project management, video calls for your marketing teams, and chat. There’s even support for synced calendars.

If you upgrade to the paid plan, you’ll pay around £29 per month for 5 users, and access a range of other features for lead generation, lead management, invoicing, and sales tracking. The paid package comes with a comprehensive contact center with telephony access, and access to meeting planning, quote production, and more.

Startups can even design entire automation strategies with the paid packages, to make the most of their sales pipelines.

Pros:

Generous free plans with plenty of great featuresInventory management includedEasy-to-use pipeline management and task management toolsCollaboration, CRM, task management, HR, and site building in oneExcellent range of Bitrix24 contact center tools

Cons:

Limited access to contact center support in the free planSome limitations on reporting and analytics

Go to the top

illustration of a cat climbing a ladder

Engagebay

Similar to Bitrix24, Engagebay aims to give companies an all-in-one environment for managing sales and marketing activities. If you’re looking for something a little more straightforward for your CRM strategy than Salesforce or the HubSpot’s full marketing hub, this could be the tool for you. Engagebay is intuitive, reliable, and brimming with excellent features.

The CRM software allows you to store unlimited contacts in an all-in-one environment where you can leverage tools for sales automation, deal management, and appointment scheduling. At the same time, you’ll also have access to marketing automation tools, with forms and landing page creation.

Alongside marketing and CRM features, users can also unlock helpdesk software with ticket management, live chat software with chat form customization, and more. There’s even support for third party integrations if you need them.

What’s in the free package?

Like most free CRM solutions, Engagebay’s free plan will give you a taster of all the incredible features the technology has to offer. This includes support for email marketing, autoresponders, email broadcasting, sales sequences, and “lead grabbers”. Lead grabbers are tools to help you generate more leads for your sales pipeline.

There’s also helpdesk support, live chat, and landing page functionality. On top of all that, users also get access to a range of web popups, a reporting dashboard, a social media suite, integrations, video marketing, segmentation tools and Facebook ads. While you’ll only be able to contact 500 people with 1000 branded emails, it’s a very generous offer.

The paid package starts at $11.99 per month, per user, with support for 1000 contacts and 3000 branded emails. You get all of the advanced features you’ll get from the free plan, as well as bonus file storage, calling minutes to connect with your customers, a predictive lead score system, comprehensive customer profiles, and support via email and chat.

Pros:

Extremely generous free package full of tools to boost sales opportunitiesExtensive knowledge base, ticket management, and segmentation modulesIntegrations with other tools for webinars, marketing and more.Extensive spreadsheets and reportsLead scoring and generation tools

Cons:

No support for unlimited contacts

Go to the top

illustration of a cat climbing a ladder

Choosing the Best Free CRM UK

The best free CRM UK companies can access will depend on a number of factors. Although you’re unlikely to get all the sales management and customer service tools you might hope for from a free CRM, there are still some very generous plans out there. Many of which also offer an excellent insight into what you can expect if you decide to upgrade to a paid plan.

In some cases, you’ll even be able to integrate your free CRM with other tools, like email from Microsoft Outlook or Gmail, social media channels like LinkedIn, and service tools like Live Chat.

When looking for the best free CRM, think about ease of use, and how convenient the software will be for your team members to adopt. If you’re going to have a remote or hybrid team, you might even want to look into android or ios apps. It’s also worth looking into flexibility, and the opportunity to scale your service to a paid plan whenever you choose.

Hopefully, this guide has given you a great starting point for finding the best free CRM in the UK. However, the best way to make your choice is to go test the tech for yourself. When the tools above are available for free – there’s nothing to lose by engaging in a bit of experimentation.

 

The post Best Free CRM in the UK (May 2022) appeared first on Ecommerce Platforms.