Entries by admin

Simple and Super Elegant Brand Identity for Elogic

Original Source: http://feedproxy.google.com/~r/abduzeedo/~3/ZMBl1qjLG-A/simple-and-super-elegant-brand-identity-elogic

Simple and Super Elegant Brand Identity for Elogic
Simple and Super Elegant Brand Identity for Elogic

abduzeedo08.21.20

The super talented designers at dops.digital created a brand new visual language for the e-commerce development company Elogic. The new visual language aims to speak to its customers on the same level as they speak with their website end-users. 

Elogic is a 360° e-commerce powerhouse that is devoted to delivering bespoke solutions with the help of talented individuals and industry-specific expertise.

Elogic develops e-commerce solutions on Magento covering all the development needs of online entrepreneurs. From prototyping to building to customization, you will get a high-performing, feature-packed, scalable, and secure e-commerce website.

Branding and Visual Identity

Image may contain: screenshot, person and abstract

For more information check out:

https://dops.digital/
https://elogic.co/


Get Cloud Certified with ExamPro’s Smart Learning Platform

Original Source: https://www.sitepoint.com/how-exampro-helps-developers-get-cloud-certified/?utm_source=rss

How ExamPro's Smart Learning Helps Developers Get Cloud Certified

ExamPro is a study platform to help people pass cloud certification exams.

Cloud certification exams are challenging, and involve retaining large quantities of technical information. They also open up significant new doors for career advancement and learning potential.

What if there was a platform that reduced your study time and increased your chances of passing? ExamPro helps participants pass by using a smart learning methodology powered by an AI instructor that reviews your study habits.

ExamPro’s founders talk about what they’ve built, and the pain points the product addresses for developers.

A road disappearing in the distance

This article is part of The Roadmap, where we look at the creation and promotion of products from the developer’s perspective. We’ll share top lessons from product leaders, and give technical founders a space to share their early-stage products with you. If you’re interested in being featured, let us know.

The Cloud Has Changed the Way We Build Applications

Before Cloud Service Providers (CSPs) like Amazon Web Services, you would have to build and maintain your digital infrastructure yourself.

Previously, if you wanted to add a full-text search engine to your web application, you would have to:

install open-source software such as ElasticSearch
maintain that server via upgrade and security patches
configure the open-source software to be highly optimized
scale by adding load balancing and orchestrating multiple servers
and create a schedule for data backups.

Now with AWS, you can use the AWS ElasticSearch Service. It will launch a server that scales and is secure by default, and is already configured to be highly optimized. AWS employs world-class engineers to maintain that service.

Widespread cloud adoption has driven the cost down through cost-sharing of the underlying servers so far that it’s hard to justify paying for an in-house engineer when you can just pay to use the service for a fraction of a penny per hour.

Using the Cloud Has Introduced a New Demand from Tech Companies

AWS is the most popular CSP among startups and technology companies. A CSP is a company with a collection of cloud services that you can use to build applications hosted on the cloud.

AWS is a special kind of CSP because it has hundreds of cloud services for any conceivable use case, and they all seamlessly work together.

Do you need to host a database? Then use AWS RDS.
Do you need a server? Then use AWS EC2.
Do you need a chatbot? Then use AWS Lex.
Do need to generate reports for terabytes of data? Then use AWS Redshift.
Do you need long-term storage for 7 years? Then use AWS Glacier.
Do you need to rent a satellite? Then use AWS Ground Station.

And then the list goes on and on.

AWS allows companies to compete globally and have access to a wide range of cloud services to build complex applications.

For a company to take advantage of the cloud, they need someone who knows how to use AWS. Since there are 200+ services, they will need knowledgeable people in different combinations of cloud services based on their use case and business goals.

What Are AWS Certifications?

AWS has officially created AWS Certifications to help companies identify qualified hiring candidates for cloud roles, and as of writing this article, they have 12 possible AWS certifications:

Certified Cloud Practitioner (CCP)
Solutions Architect Associate (SAA)
Developer Associate
SysOps Administrator Associate
DevOps Professional
Solutions Architect Professional
Machine Learning Specialty
Data Analytics Specialty
Databases Specialty
Security Specialty
Advanced Networking Specialty
Alexa Skill Builder Specialty

The two most popular AWS certifications are the CCP and the SAA, because they cover the broadest number of AWS services.

The CCP is the introduction to AWS. The certification costs $100 USD to sit the exam at a test center or online, which can be passed with one to two weeks of study and is valid for three years.
The SAA covers more in-depth services included in the CCP. The certification costs $150 USD to sit the exam at a test center or online, which can be passed with three to five weeks of study and is valid for three years.

When you pass an AWS Certification, you get the next half off, so it’s common for people to take the CCP for $100 USD and then take the SAA at $75 USD.

Continue reading
Get Cloud Certified with ExamPro’s Smart Learning Platform
on SitePoint.

Collective #619

Original Source: http://feedproxy.google.com/~r/tympanus/~3/cWG3FaYPC4U/

Collective 619 Item Image

Inspirational Website of the Week: Next Big Thing

Excellent layout explorations with very nice details. Our pick this week.

Get inspired

Collective 619 Item Image

Our Sponsor
The Divi Summer Sale

Now it’s your chance to get a huge 20% discount on the most powerful WordPress theme in the world. Don’t miss out!

Get it

Collective 619 Item Image

The Animated Web

A wonderful resource site by Steve Gardner that collects animations from around the web.

Check it out

Collective 619 Item Image

The Just in Case Mindset in CSS

Ahmad Shadeed writes about the “just in case mindset” which aims to educate designers and developers to think ahead of time of some possible failure scenarios for a component.

Read it

Collective 619 Item Image

Accessibility In Chrome DevTools

This article Umar Hansa demonstrates some useful features in DevTools which can help you improve the accessibility of your website.

Read it

Collective 619 Item Image

theheadless.dev

Free and open-source guides for learning Puppeteer & Playwright.

Check it out

Collective 619 Item Image

Generative art by Manolo

Generative artist Manolo shares all his sketches including code and generated images for free. Absolutely stunning work!

Check it out

Collective 619 Item Image

#s3e34 ALL YOUR HTML, Four Icosahedron geometries

A fantastic video tutorial by Yuri Artyukh on how to create four different icosahedron geometries.

Watch it

Collective 619 Item Image

Custom Select Styles with Pure CSS

Stephanie Eckles shows how to style native select elements with CSS only.

Read it

Collective 619 Item Image

Leading-Trim: The Future of Digital Typesetting

Read how an emerging CSS standard can fix old problems and raise the bar for web apps.

Read it

Collective 619 Item Image

Creating 3D Illustrations with CSS

Learn the process of creating 3D illustrations with CSS only.

Read it

Collective 619 Item Image

Infinity Search

A new search engine where you can search with privacy and efficiency.

Check it out

Fixing Safari’s back button browser cache issue with vanilla JS

Learn how to fix a weird cache quirk in Safari in this article by Chris Ferdinandi.

Read it

Collective 619 Item Image

Impossible Checkbox v2

A supercool little checkbox that will make it impossible for you to leave it checked ?

Check it out

Collective 619 Item Image

Making Maisel Marvelous

A beautiful, immersive web experience for the Marvelous Mrs. Maisel series.

Check it out

Collective 619 Item Image

Single Page Applications using Rust

An easy to follow guide to building SPAs using Rust, WebAssembly and Yew.

Read it

Collective 619 Item Image

I Love MDN, or the cult of the free in action

Peter-Paul Koch shares why he finds I Love MDN demeaning to technical writers. Also, read The cult of the free must die to understand more on the topic.

Read it

Collective 619 Item Image

Mozilla Lifeboat

A list of Mozillians actively hiring kind, passionate, awesome humans.

Check it out

Collective 619 Item Image

Tip on inputmode

Álvaro Trigo shows a great trip on using “inputmode” to hint browsers what virtual keyboard to show.

Check it out

Collective 619 Item Image

Kinopio

In case you didn’t know it yet: Kinopio is the visual thinking tool for new ideas and hard problems.

Check it out

Collective 619 Item Image

Paper plotter

Such a cool thing: create 3D plots out of paper!

Check it out

Collective 619 Item Image

Natively Format JavaScript Numbers

A great explainer on how to format JavaScript numbers by Elijah Manor.

Check it out

Collective 619 Item Image

From Our Blog
Thumbnail to Full Width Image Animation

An experimental animation where an image goes from thumbnail to full width, allowing for a classy entry to an article view.

Check it out

The post Collective #619 appeared first on Codrops.

Why Developers should Design Niche Portfolio Sites for Themselves

Original Source: http://feedproxy.google.com/~r/tympanus/~3/_qTtD1W0vnI/

Your developer portfolio site needs to impress prospects and show them what you’re capable of. But if you build a site that only reflects your personal tastes or showcases the more cutting edge things you can do with code, prospects might have a hard time seeing themselves in what you do. 

This is one of the reasons why you niche down in the first place. Focusing on specific industries, locations, or other demographics enables you to make more money, have better client relationships, and be more successful because you become a specialist instead of just a Jack of all trades.

That’s why you should also consider designing a niche portfolio site for your business. 

You actually leave a lot of money on the table if you don’t market to a specific kind of client or build your site to directly appeal to them. Let me explain: 

In Scenario #1:

You build your portfolio site for your WordPress development services. All the content is generically written and images chosen so you can reach as many people as possible. This means you’ll probably rank for broad and competitive search terms like “hire a WordPress developer” and “web development services”. At the end of the day, you’ll end up doing most of the work trying to find and market yourself to prospects since your site will be impossible to find in search results. 

In Scenario #2:

You build either two portfolio sites or two portfolio pages within the same site to reflect your target niches. One is built for wellness industry clients and the other is built for coaches and consultants. You have a better chance of ranking at the top of search results for specific keywords like “websites for coaches” or “WordPress development services for consultants”. The same goes for a site with a single niche.In addition, your portfolio is nicely organized for prospects to sift through while also being perfectly targeted to them. 

This might sound like it requires extra time and money to build, but you’d be surprised. 

Niche portfolio sites aren’t that difficult to create with solutions like BeTheme, each pre-built website carefully designed for a specific niche. All you have to do is customize the content and images for your business and add portfolio examples to it.

Let’s look at some real-world examples of web developers and studios that have taken this approach as well as some BeTheme pre-built sites you can use to style your niche-looking site.

1. Developer portfolios for the beauty industry

Websites for beauty businesses — like hair and nail salons as well as spas — need to accomplish a couple things. First, they need to put customers at ease so they begin to trust that the people behind the site will deliver their services professionally. Second, they need to convey a certain type of luxury. Even if the services aren’t pricey, customers want to feel pampered. 

The website for Salon Web Studio takes these qualities and uses them to create an attractive, welcoming, and professional homepage. And, as a bonus, the design studio includes relevant images that beauty professionals can relate to:

To recreate something like this for your own site, you could use BeHairdresser and customize the vibe for your own business: 

2. Developer portfolios for health and wellness 

Websites for health and wellness providers are all about building trust. Whether it’s for the office of a psychiatrist or for a wellness clinic and retreat, the overall mood needs to be calm and professional while giving enough space to former clients/participants to speak to the experience. It’s the best way to convince someone to pay for a high-end service such as these (the same could be said for web development services). 

The niche portfolio website for Modern Wellness Design is styled similarly to these kinds of websites. Notice how effectively they’ve designed their client testimonials, too:  

If you want to infuse your site with a sense of calm and start building trust with health and wellness business prospects, use the BeClinic pre-built site to do this:

3. Developer portfolios for trainers and coaches

Websites for trainers and coaches are all about power and strength. That’s why you often see big, all-capped lettering as well as inspiring images of people in motion, be they trainers working out or coaches delivering high-profile speeches. With these websites, there can be no doubt who is in charge, which means you have to be okay with showing your face, too. 

Digital agency Startup Active is a beautiful example of this, blending the necessary elements of a developer’s portfolio site with the style of a trainer or coach:

Building something like this for your own site isn’t too difficult with the assistance of the BePersonalTrainer pre-built site: 

4. Developer portfolios for nonprofits and charities

Websites for nonprofits and charities put the focus on the people and communities they serve. They use their content to bring attention to important matters, often using simple copy and striking imagery to quickly convey what’s happening. Strongly designed CTAs also point donors, volunteers, and other humanitarians quickly and clearly to points of the site where they can participate or sign up.

As a WordPress developer, you’ll want your niche portfolio sites for nonprofits and charities to take a similar approach. You can see an example of this on the Elevation agency website: 

And you can build your own using the BeCharity pre-built site: 

5. Developer portfolios for financial services

Financial services websites were once very buttoned-up in terms of design and content. But recently the industry has begun to shift towards fintech solutions as opposed to just in-person financial services. As a result, these niche sites often go with a tech-centric look to reflect the solution itself. 

AdvisorWebsites has taken a fintech-like approach with this illustrative portfolio site: 

Whether you want your own developer portfolio to be illustrated or to contain photos of real people, BeLoans can help you accomplish whatever you need: 

6. Developer portfolios for fashion and retail

Websites for those in the fashion and retail space have a number of options depending on what they’re ultimately “selling”. Fashion websites, for instance, will likely shine a light on how their styles look on real people. Retailers, on the other hand, may prefer to show off the products. Ultimately, it boils down to what the consumers will be the most attracted to.

Diffusion Digital actually uses both of these kinds of imagery on the homepage of its site. The slide you see below shows off handcrafted jewelry, but the next slide depicts models walking on a catwalk. This enables the agency to portray its multi-niche focus nicely: 

With BeStore, you can design a niche portfolio site that caters to one or both of these types of audiences:

7. Developer portfolios with location-specific niches

Many business owners decide it’s worthwhile to serve only their local community. And for places that have strong visual identities (like the cities of New York or Miami), it’s not uncommon to find local business websites that reflect this local pride, be it through a color palette or imagery. 

Bushwick Design, for instance, pays homage to its Brooklyn, New York location with various shots of the city scattered throughout the site:

Realistically, you could use any Be site that has a strong location component, but I think that BeCityHall would be the easiest to start with if you want it to establish a similar sense of place as Bushwick Design:

Will you be designing niche portfolio sites for your business?

Most of the examples above show you how to create niche portfolio sites for just one niche. But if you have more than one specialty, remember that you can easily build out multiple portfolio pages or sites with BeTheme alone. 

Remember: This is about attracting and impressing prospects to the point where they want to reach out and take the next step with you. By designing something that they feel comfortable with and would want for their own site, you can more effectively do that.

The post Why Developers should Design Niche Portfolio Sites for Themselves appeared first on Codrops.

That Painful Necessity of Thought

Original Source: http://feedproxy.google.com/~r/abduzeedo/~3/c6NDCJxUviI/painful-necessity-thought

That Painful Necessity of Thought
That Painful Necessity of Thought

abduzeedo08.19.20

Following my new passion of posting about things that show light refraction or holographic type of effects. For this one I bring this old but quite beautiful graphic design project created by the amazingly talented folks over at molistudio ™ in Buenos Aires, Argentina. This project mixes typography and some 3D effects of bubbles of oil or something that distort the text when passing over it. 

Graphic Design


20+ Free Minimal Icon Sets

Original Source: http://feedproxy.google.com/~r/1stwebdesigner/~3/hwRHmyzi1og/

Looking for some free minimal icon sets? Look no further – you’ve come to the right place! We’ve compiled over 20 of the best free minimal style icon sets out there right now. Each of the icon sets in our list can be used without attribution or limitation in your personal and commercial projects. So bookmark this post and go download any that catch your eye.

Thousands of Icons For Your Designs Starting at ONLY $16.50 per Month

Vector Icons

Vector Icons
11,100+ Vector

Layered Icons

Layered Icons
7,900+ Layered

Tileable Icons

Tileable Icons
1,100+ Tileable

DOWNLOAD NOW
Envato Elements

1800 Free Minimal Icon Pack

Free Minimal Icon Sets - 1800

Iconly | Essential icons

Free Minimal Icon Sets - Iconly

50 Food and Beverage Icons

Free Minimal Icon Sets - Food & Beverage

81 Mini Essential Icons

Free Minimal Icon Sets - Mini Essential

Icons Library for Figma users

Free Minimal Icon Sets - For Figma Users

126 24×24 Icons

Free Minimal Icon Sets - 126

OMG Icons Set

Free Minimal Icon Sets - OMG

40 Ecommerce Icons

Free Minimal Icon Sets - Ecommerce

Free Outline Icons

Free Minimal Icon Sets - Outline icons

132 Line Icons

Free Minimal Icon Sets - 132 Line Icons

70 Free All Purpose Line Icons

Free Minimal Icon Sets - 70 Free All Purpose Line Icons

40 Free Line Icons

Free Minimal Icon Sets - 40 Free Line Icons

Super Basic Icons ✶ 128 Free Icons

Super Basic Icons ✶ 128 Free Icons

75+ Free Baseline Icons

75+ Free Baseline Icons

E-commerce & Navigation Vector Icons Set

E-commerce & Navigation Vector Icons Set

Iconset Freebie!

Iconset Freebie!

Daily UI Challenge #055 – Icon Set

Daily UI Challenge #055 - Icon Set

Neu Icons

Neu Icons

Airport – Downloadable Set of Icons

Airport - Downloadable Set of Icons

Feather – 200+ Free Icons

Feather - 200+ Free Icons

Neon Icons Freebie

Neon Icons Freebie

Go Get Your Free Minimal Icon Sets Today!

As you can see, with all of the options we’ve provided you’re sure to find at least one set of icons that will fit right into your next or current project. Many of these sets are from Dribbble, so you know they are uniquely designed by some talented creatives out there. This also means you probably won’t see them being used in a lot of other websites and projects, giving your own project a bit of a unique feel. We hope this compilation will save you some time in your search for free minimal icon sets.


UI Interactions & Animations Roundup #9

Original Source: http://feedproxy.google.com/~r/tympanus/~3/A4JjME1RPPk/

Slow down, tiger! That seems to be the motto in these past weeks in motion design and it’s certainly a good one. Away from too much noise, animations express a kind of tranquility these days that bring some Zen into busy layouts.

But let’s not shy away from some fun (gooey) playfulness, which is most fitting for mobile interactions.

And as always, don’t be afraid to be a rule-breaker when it comes to motion trends!

We really hope you enjoy this new collection and find it inspiring!

Photographer Folio – Index

by Clay Boan

Places & Spaces Gallery

by Rolf Jensen

Making a landing page concept using my own photos

M. Editorial Website Animation

by Zhenya Rynzhuk

Candy Tours – Interaction

by Anton Pecheritsa

Team Management App Interaction

by Ghani Pradita

Writing Page

by Hoang Nguyen

Poolsides

by Nathan Riley

LOVELY THINGS – SQUARE GRID

by Anton Pecheritsa

CASE & ABOUT

by Rolf Jensen

Photographer Folio – Projects

by Clay Boan

Designer Website Interactions

by tubik

Mask hover effect

by Hrvoje Grubisic

Future Colossal: About Page

by Britton Stipetic

Stroll with GoDaddy

by Rolf Jensen

Counter

by Oleg Frolov

VERSED shop redesign

by Hrvoje Grubisic

E Book Page Swipe Animation

by Saptarshi Prakash

Ciara Müller – Index N°01

by Clay Boan

Hawkers Sunglasses Concept

by Euroart93

The post UI Interactions & Animations Roundup #9 appeared first on Codrops.

Magnetic Buttons

Original Source: http://feedproxy.google.com/~r/tympanus/~3/6UYuCzBe_l8/

It has been a long time since we explored some button styles here on Codrops! But after seeing a really nice one on Cuberto, I wanted to explore some ideas and share them with you.

The main idea of these buttons is that they are magnetic and follow the mouse pointer. Along with that, there’s lots of room to play with some interesting hover animations. A very nice thing to explore is the motion of an additional element like a shadow or another line. The parallax effect created by moving the button’s elements differently, gives a nice twist to the animation.

Here we play with a border animation.

This circular button fills with a solid color.

A shadow element creates some depth.

I really hope you like them! Can’t wait to see your ideas ? Share them with us @codrops or @crnacura.

The post Magnetic Buttons appeared first on Codrops.