1625938320
What makes a great UX Design portfolio? And what are UX HIRING MANAGERS even looking for in the first place?! Well, we’ve got you covered…
One of AJ&Smart’s senior UX Designers, Amr Khalifeh, takes a deep dive into a range of UX Portfolio submissions from our community and shares his insights on what interviewers, and hiring managers are looking to learn about YOU as a designer, from your UX portfolio!
We review and offer feedback on four UX portfolios from a range of different experience levels, focusing on how well the work is communicated and structured, how well the designers explain and contextualise their challenges and solutions, as well as offering key insights from the UX design team here at AJ&Smart!
🔎 ⏬ All UX portfolios & Designers featured are listed below ⏬ 🔎
Thanks to everyone who from our community that submitted portfolios to AJ&Smart for review, but particularly to those we were able to feature this time around, MD, Sun, Jimmy and Ann, for letting us feature and critique their work publicly!
1️⃣ 🇧🇩 (01:09) Md Eftakher’s portfolio:
https://www.behance.net/siblu
2️⃣ 🇺🇸 (07:33) Sun Young Cho’s portfolio:
http://sunyoungchouxui.com
3️⃣ 🇨🇦 (14:12) Jimmy’s portfolio:
https://hellojimmy.ca
4️⃣ 🇩🇪 (20:30) Ann’s portfolio:
https://www.behance.net/anne-minkenberg
✅ If you want AJ&Smart to feature your UX / UI Portfolio in our upcoming UX / UI review videos, feel free to share your portfolio in the comments of this video! 🔎
If you want to stay ahead of the UX game, level up your career, and be in the know on the nerdiest, ‘techiest’ things, sign up for our FREE newsletter here:
📝 https://aj-smart.ck.page/21100f1c73 👀
Also if you haven’t already, subscribe to our Youtube channel for weekly UX / UI / Career / and Design Sprint videos:
❤️ https://www.youtube.com/AJ&Smart?sub_confirmation=1 😉
Thanks for watching!
#UXDesign #UXPortfolio #UXPortfolioReview
Want more? Join 200,000+ people subscribing to our AJ&Smart YouTube, LinkedIn and Instagram channels for free content to help you and your team do more valuable work.
AJ&Smart is the #1 design sprint firm in the world, the official Design Sprint training partner with Jake Knapp inventor of the google design sprint and partner of choice for the world’s most successful brands.
UX Portfolio Review (What UX Agencies Want To See!):
https://youtu.be/km_CoJ5a2GA
#uxdesign #developer
1653465344
This PySpark SQL cheat sheet is your handy companion to Apache Spark DataFrames in Python and includes code samples.
You'll probably already know about Apache Spark, the fast, general and open-source engine for big data processing; It has built-in modules for streaming, SQL, machine learning and graph processing. Spark allows you to speed analytic applications up to 100 times faster compared to other technologies on the market today. Interfacing Spark with Python is easy with PySpark: this Spark Python API exposes the Spark programming model to Python.
Now, it's time to tackle the Spark SQL module, which is meant for structured data processing, and the DataFrame API, which is not only available in Python, but also in Scala, Java, and R.
Without further ado, here's the cheat sheet:
This PySpark SQL cheat sheet covers the basics of working with the Apache Spark DataFrames in Python: from initializing the SparkSession to creating DataFrames, inspecting the data, handling duplicate values, querying, adding, updating or removing columns, grouping, filtering or sorting data. You'll also see that this cheat sheet also on how to run SQL Queries programmatically, how to save your data to parquet and JSON files, and how to stop your SparkSession.
Spark SGlL is Apache Spark's module for working with structured data.
A SparkSession can be used create DataFrame, register DataFrame as tables, execute SGL over tables, cache tables, and read parquet files.
>>> from pyspark.sql import SparkSession
>>> spark a SparkSession \
.builder\
.appName("Python Spark SQL basic example") \
.config("spark.some.config.option", "some-value") \
.getOrCreate()
>>> from pyspark.sql.types import*
Infer Schema
>>> sc = spark.sparkContext
>>> lines = sc.textFile(''people.txt'')
>>> parts = lines.map(lambda l: l.split(","))
>>> people = parts.map(lambda p: Row(nameap[0],ageaint(p[l])))
>>> peopledf = spark.createDataFrame(people)
Specify Schema
>>> people = parts.map(lambda p: Row(name=p[0],
age=int(p[1].strip())))
>>> schemaString = "name age"
>>> fields = [StructField(field_name, StringType(), True) for field_name in schemaString.split()]
>>> schema = StructType(fields)
>>> spark.createDataFrame(people, schema).show()
From Spark Data Sources
JSON
>>> df = spark.read.json("customer.json")
>>> df.show()
>>> df2 = spark.read.load("people.json", format="json")
Parquet files
>>> df3 = spark.read.load("users.parquet")
TXT files
>>> df4 = spark.read.text("people.txt")
#Filter entries of age, only keep those records of which the values are >24
>>> df.filter(df["age"]>24).show()
>>> df = df.dropDuplicates()
>>> from pyspark.sql import functions as F
Select
>>> df.select("firstName").show() #Show all entries in firstName column
>>> df.select("firstName","lastName") \
.show()
>>> df.select("firstName", #Show all entries in firstName, age and type
"age",
explode("phoneNumber") \
.alias("contactInfo")) \
.select("contactInfo.type",
"firstName",
"age") \
.show()
>>> df.select(df["firstName"],df["age"]+ 1) #Show all entries in firstName and age, .show() add 1 to the entries of age
>>> df.select(df['age'] > 24).show() #Show all entries where age >24
When
>>> df.select("firstName", #Show firstName and 0 or 1 depending on age >30
F.when(df.age > 30, 1) \
.otherwise(0)) \
.show()
>>> df[df.firstName.isin("Jane","Boris")] #Show firstName if in the given options
.collect()
Like
>>> df.select("firstName", #Show firstName, and lastName is TRUE if lastName is like Smith
df.lastName.like("Smith")) \
.show()
Startswith - Endswith
>>> df.select("firstName", #Show firstName, and TRUE if lastName starts with Sm
df.lastName \
.startswith("Sm")) \
.show()
>>> df.select(df.lastName.endswith("th"))\ #Show last names ending in th
.show()
Substring
>>> df.select(df.firstName.substr(1, 3) \ #Return substrings of firstName
.alias("name")) \
.collect()
Between
>>> df.select(df.age.between(22, 24)) \ #Show age: values are TRUE if between 22 and 24
.show()
Adding Columns
>>> df = df.withColumn('city',df.address.city) \
.withColumn('postalCode',df.address.postalCode) \
.withColumn('state',df.address.state) \
.withColumn('streetAddress',df.address.streetAddress) \
.withColumn('telePhoneNumber', explode(df.phoneNumber.number)) \
.withColumn('telePhoneType', explode(df.phoneNumber.type))
Updating Columns
>>> df = df.withColumnRenamed('telePhoneNumber', 'phoneNumber')
Removing Columns
>>> df = df.drop("address", "phoneNumber")
>>> df = df.drop(df.address).drop(df.phoneNumber)
>>> df.na.fill(50).show() #Replace null values
>>> df.na.drop().show() #Return new df omitting rows with null values
>>> df.na \ #Return new df replacing one value with another
.replace(10, 20) \
.show()
>>> df.groupBy("age")\ #Group by age, count the members in the groups
.count() \
.show()
>>> peopledf.sort(peopledf.age.desc()).collect()
>>> df.sort("age", ascending=False).collect()
>>> df.orderBy(["age","city"],ascending=[0,1])\
.collect()
>>> df.repartition(10)\ #df with 10 partitions
.rdd \
.getNumPartitions()
>>> df.coalesce(1).rdd.getNumPartitions() #df with 1 partition
Registering DataFrames as Views
>>> peopledf.createGlobalTempView("people")
>>> df.createTempView("customer")
>>> df.createOrReplaceTempView("customer")
Query Views
>>> df5 = spark.sql("SELECT * FROM customer").show()
>>> peopledf2 = spark.sql("SELECT * FROM global_temp.people")\
.show()
>>> df.dtypes #Return df column names and data types
>>> df.show() #Display the content of df
>>> df.head() #Return first n rows
>>> df.first() #Return first row
>>> df.take(2) #Return the first n rows >>> df.schema Return the schema of df
>>> df.describe().show() #Compute summary statistics >>> df.columns Return the columns of df
>>> df.count() #Count the number of rows in df
>>> df.distinct().count() #Count the number of distinct rows in df
>>> df.printSchema() #Print the schema of df
>>> df.explain() #Print the (logical and physical) plans
Data Structures
>>> rdd1 = df.rdd #Convert df into an RDD
>>> df.toJSON().first() #Convert df into a RDD of string
>>> df.toPandas() #Return the contents of df as Pandas DataFrame
Write & Save to Files
>>> df.select("firstName", "city")\
.write \
.save("nameAndCity.parquet")
>>> df.select("firstName", "age") \
.write \
.save("namesAndAges.json",format="json")
>>> spark.stop()
Have this Cheat Sheet at your fingertips
Original article source at https://www.datacamp.com
#pyspark #cheatsheet #spark #dataframes #python #bigdata
1642496884
In this guide you’ll learn how to create a Responsive Dropdown Menu Bar with Search Field using only HTML & CSS.
To create a responsive dropdown menu bar with search field using only HTML & CSS . First, you need to create two Files one HTML File and another one is CSS File.
1: First, create an HTML file with the name of index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Dropdown Menu with Search Box | Codequs</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"/>
</head>
<body>
<div class="wrapper">
<nav>
<input type="checkbox" id="show-search">
<input type="checkbox" id="show-menu">
<label for="show-menu" class="menu-icon"><i class="fas fa-bars"></i></label>
<div class="content">
<div class="logo"><a href="#">CodingNepal</a></div>
<ul class="links">
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li>
<a href="#" class="desktop-link">Features</a>
<input type="checkbox" id="show-features">
<label for="show-features">Features</label>
<ul>
<li><a href="#">Drop Menu 1</a></li>
<li><a href="#">Drop Menu 2</a></li>
<li><a href="#">Drop Menu 3</a></li>
<li><a href="#">Drop Menu 4</a></li>
</ul>
</li>
<li>
<a href="#" class="desktop-link">Services</a>
<input type="checkbox" id="show-services">
<label for="show-services">Services</label>
<ul>
<li><a href="#">Drop Menu 1</a></li>
<li><a href="#">Drop Menu 2</a></li>
<li><a href="#">Drop Menu 3</a></li>
<li>
<a href="#" class="desktop-link">More Items</a>
<input type="checkbox" id="show-items">
<label for="show-items">More Items</label>
<ul>
<li><a href="#">Sub Menu 1</a></li>
<li><a href="#">Sub Menu 2</a></li>
<li><a href="#">Sub Menu 3</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">Feedback</a></li>
</ul>
</div>
<label for="show-search" class="search-icon"><i class="fas fa-search"></i></label>
<form action="#" class="search-box">
<input type="text" placeholder="Type Something to Search..." required>
<button type="submit" class="go-icon"><i class="fas fa-long-arrow-alt-right"></i></button>
</form>
</nav>
</div>
<div class="dummy-text">
<h2>Responsive Dropdown Menu Bar with Searchbox</h2>
<h2>using only HTML & CSS - Flexbox</h2>
</div>
</body>
</html>
2: Second, create a CSS file with the name of style.css
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap');
*{
margin: 0;
padding: 0;
box-sizing: border-box;
text-decoration: none;
font-family: 'Poppins', sans-serif;
}
.wrapper{
background: #171c24;
position: fixed;
width: 100%;
}
.wrapper nav{
position: relative;
display: flex;
max-width: calc(100% - 200px);
margin: 0 auto;
height: 70px;
align-items: center;
justify-content: space-between;
}
nav .content{
display: flex;
align-items: center;
}
nav .content .links{
margin-left: 80px;
display: flex;
}
.content .logo a{
color: #fff;
font-size: 30px;
font-weight: 600;
}
.content .links li{
list-style: none;
line-height: 70px;
}
.content .links li a,
.content .links li label{
color: #fff;
font-size: 18px;
font-weight: 500;
padding: 9px 17px;
border-radius: 5px;
transition: all 0.3s ease;
}
.content .links li label{
display: none;
}
.content .links li a:hover,
.content .links li label:hover{
background: #323c4e;
}
.wrapper .search-icon,
.wrapper .menu-icon{
color: #fff;
font-size: 18px;
cursor: pointer;
line-height: 70px;
width: 70px;
text-align: center;
}
.wrapper .menu-icon{
display: none;
}
.wrapper #show-search:checked ~ .search-icon i::before{
content: "\f00d";
}
.wrapper .search-box{
position: absolute;
height: 100%;
max-width: calc(100% - 50px);
width: 100%;
opacity: 0;
pointer-events: none;
transition: all 0.3s ease;
}
.wrapper #show-search:checked ~ .search-box{
opacity: 1;
pointer-events: auto;
}
.search-box input{
width: 100%;
height: 100%;
border: none;
outline: none;
font-size: 17px;
color: #fff;
background: #171c24;
padding: 0 100px 0 15px;
}
.search-box input::placeholder{
color: #f2f2f2;
}
.search-box .go-icon{
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
line-height: 60px;
width: 70px;
background: #171c24;
border: none;
outline: none;
color: #fff;
font-size: 20px;
cursor: pointer;
}
.wrapper input[type="checkbox"]{
display: none;
}
/* Dropdown Menu code start */
.content .links ul{
position: absolute;
background: #171c24;
top: 80px;
z-index: -1;
opacity: 0;
visibility: hidden;
}
.content .links li:hover > ul{
top: 70px;
opacity: 1;
visibility: visible;
transition: all 0.3s ease;
}
.content .links ul li a{
display: block;
width: 100%;
line-height: 30px;
border-radius: 0px!important;
}
.content .links ul ul{
position: absolute;
top: 0;
right: calc(-100% + 8px);
}
.content .links ul li{
position: relative;
}
.content .links ul li:hover ul{
top: 0;
}
/* Responsive code start */
@media screen and (max-width: 1250px){
.wrapper nav{
max-width: 100%;
padding: 0 20px;
}
nav .content .links{
margin-left: 30px;
}
.content .links li a{
padding: 8px 13px;
}
.wrapper .search-box{
max-width: calc(100% - 100px);
}
.wrapper .search-box input{
padding: 0 100px 0 15px;
}
}
@media screen and (max-width: 900px){
.wrapper .menu-icon{
display: block;
}
.wrapper #show-menu:checked ~ .menu-icon i::before{
content: "\f00d";
}
nav .content .links{
display: block;
position: fixed;
background: #14181f;
height: 100%;
width: 100%;
top: 70px;
left: -100%;
margin-left: 0;
max-width: 350px;
overflow-y: auto;
padding-bottom: 100px;
transition: all 0.3s ease;
}
nav #show-menu:checked ~ .content .links{
left: 0%;
}
.content .links li{
margin: 15px 20px;
}
.content .links li a,
.content .links li label{
line-height: 40px;
font-size: 20px;
display: block;
padding: 8px 18px;
cursor: pointer;
}
.content .links li a.desktop-link{
display: none;
}
/* dropdown responsive code start */
.content .links ul,
.content .links ul ul{
position: static;
opacity: 1;
visibility: visible;
background: none;
max-height: 0px;
overflow: hidden;
}
.content .links #show-features:checked ~ ul,
.content .links #show-services:checked ~ ul,
.content .links #show-items:checked ~ ul{
max-height: 100vh;
}
.content .links ul li{
margin: 7px 20px;
}
.content .links ul li a{
font-size: 18px;
line-height: 30px;
border-radius: 5px!important;
}
}
@media screen and (max-width: 400px){
.wrapper nav{
padding: 0 10px;
}
.content .logo a{
font-size: 27px;
}
.wrapper .search-box{
max-width: calc(100% - 70px);
}
.wrapper .search-box .go-icon{
width: 30px;
right: 0;
}
.wrapper .search-box input{
padding-right: 30px;
}
}
.dummy-text{
position: absolute;
top: 50%;
left: 50%;
width: 100%;
z-index: -1;
padding: 0 20px;
text-align: center;
transform: translate(-50%, -50%);
}
.dummy-text h2{
font-size: 45px;
margin: 5px 0;
}
Now you’ve successfully created a Responsive Dropdown Menu Bar with Search Field using only HTML & CSS.
1589362414
Looking to build a user-engaging UI/UX design for your mobile application? Then AppClues Infotech is the Best UI/UX Design Services Agency in New York that builds creative & user-friendly mobile app design as per your needs & specifications at an affordable price.
Choose Us to Get Best Design Services:
• Customer-Oriented Engagement Model
• Innovative & High-Quality UI/UX Design Services
• Transparency in Development Model
• 24×7 Supports and Maintenance
• A Dedicated Team of UI/UX Designers
For more info: https://www.appcluesinfotech.com/how-ui-ux-design-makes-user-engaging-mobile-application/
#best ui/ux design services agency new york #ui/ux design services agency new york #top ui/ux design services agency new york #hire ui/ux design service agency #ui/ux design & development
1581751663
TopDevelopers has listed the competent UI/UX designers after an in-depth evaluation of their presence in the market, customer reviews, work efficiency of the teams and their expertise in designing. The UI/UX service providers here can create highly interactive and aesthetically sound designs that will help business apps in user retention. Since UI/UX is one of the major areas for a successful website or app we have picked these companies carefully to fulfill your needs.
Here is the list of Best UI UX Designers & Developers Firms.
#UI/UX Design Service Providers Companies #UI UX Designers & Developers Firms #UI/UX Designing Companies #UI/UX Design Agencies #Hire UI UX Designers
1626943367
### ClientFinda Review
Do you have trouble attracting clients? You’re not by yourself.
Starting a business is not difficult, but growing a business can be difficult over time. The reason for this is that you require consistent cash flow.
Cash flow failure is one of the leading causes of failure in fast-growing businesses.
Sometimes an exciting increase in sales outpaces your ability to finance it. This is particularly difficult because you have become a victim of your own success.
Plan carefully for expansion, and especially ensure that you have solid sources of funding to support your expansion before it occurs. At the very least, if you over-plan and sales don’t skyrocket to the level you anticipated, you won’t be financially embarrassed.
And the only way to have consistent cash flow is to have customers who will pay for your goods or services.
Obtaining quality clients can be a real pain in the neck for your company.
I’ll show you the best way to find them, as well as the best tactics and system to employ.
According to statistics;
Only about 20% of new businesses survive their first year in business.
In the first five years, half of all small businesses fail.
These statistics can be frightening, whether you’re a seasoned small business owner or a first-time entrepreneur.
You’ve come to the right place if you want to get quality clients for your business, no matter what niche you serve or whether it’s a service or product-based business. Then get ready for the new ClientFinda App, which will go live on July 22nd, 2021.
Based on the positive buzz surrounding this software, I decided to conduct an in-depth review. ClientFinda is a game-changing platform… very much needed… and solves a HUGE problem for your company.
We’ll go over how it works, who it’s for, how much it costs, the incredible bonuses, the upsells, and the pros and cons of this new tool so you can make an informed purchase decision… and, of course, whether it is appropriate for you.
First,
What Exactly Is ClientFinda?
ClientFinda combines the power of Artificial Intelligence (AI), Natural Language Processing (NLP), and Machine Learning (ML) to conduct a deep search for quality buyer leads in ANY niche.
All you have to do is answer a few questions and you’re done…
The ClientFinda AI wizard generates laser-targeted and pre-qualified buyer leads that are ONLY interested in your services and have specific requirements.
How Does It Operate?
Client Finda can be set up to work for you in three simple steps.
Step 1: Enter Your Audience Filters for Your Target Audience (Location, Niche, Social Media Presence, Online Reviews etc.)
Step 2: Look at the companies that are most likely to buy your services.
(AI, NLP, and ML powered results… ensuring 99.99 percent accuracy)
Step 3: Contact the clients who are most likely to purchase your services so that you don’t waste time and money on dead leads.
Who Is It Intended For?
works in the following fields:
Realtors and real estate
Ecommerce
Listings on Airbnb
Automobile Sales
Recreation and travel
Computer games
Music and film
Retail and online shopping
Education
Video Promotion
EVERYONE
Whatever your audience type is-SMM, Content Marketing, Website Builder, Paid Ads, Email Marketing, SEO, Ecommerce, Traffic, Agency & MMO, and so on.
This offer is ideal for you because EVERYONE requires buyer leads.
ClientFinda Advantages
You can discover whether or not your potential lead is running ads, as well as the type of ad they are running. The identification of ad mediums is done for you across platforms—Facebook, Messenger, Instagram, Adwords…
You can then reach out to them with ready-to-use ads OR an ad service proposal if they don’t run ads at all based on their brand needs and preferences!
You will be able to provide the following services to your customers:
GMB Standing
They haven’t yet created a Google My Business listing? Great, now is your chance to jump right in and save the day!
Google PageRank
How high does your company rank on Google? Does the website make good use of optimization? If not, sell them on your knowledge.
Advertisement Pixels
Do they have ineffective advertisements? As soon as you connect with them, sell high-converting ads to them, almost as if you could read their minds!
Google Analytics is a web analytics service.
Determine whether or not your lead is using Google Analytics to track and grow their brand on their website.
If not, step in to save the day and get paid for it.
Markdown Schema
Find websites that do not use schema markup and contact them so you can offer them your services and charge them top dollar for them.
Linkedin Page
Find out if the company has an existing LinkedIn profile, as well as information about their connections…
Facebook Page
Determine whether the company has a Facebook account, as well as statistics such as page likes, posts, and activity…
Check to see if the company is on Twitter… with information such as the number of followers, tweets, and retweets!
What is the cost?
Incredibly, and this is one of the aspects of this offer that fascinates me…
ClientFinda and all of the awesome bonuses are available for a TINY one-time fee of $37… Can you outdo that?
That is a very small fraction of its true value, market cost, and income potential!
Furthermore, this small investment is backed by a solid ZRO RISK 14-day money-back guarantee, allowing you to test run the software with no risk on the part of the product creator.
However, keep in mind that this low one-time fee is only valid during the launch special period. DON’T MISS OUT!
What Exactly Are the Upsells?
ClientFinda PRO-$67/month is the first upsell.
Users can conduct UNLIMITED searches, generate UNLIMITED leads, close UNLIMITED clients, and profit UNLIMITEDly for a low one-time fee!
Upsell 2: $67 for Outreachr-AI Cold Email Writer.
Outreachr is a fully automated lead communication system powered by AI.
$97 for DFY Digital Marketing Services
Get Instant Access to TEN Full-Blown Digital Marketing Service Kits and start offering in-demand digital marketing services to your NEW & EXISTING clients.
Resellify + ClientFinda Reseller-$97, $297
RESELL the CleintFinda app under your own name and KEEP 100% of the profit. Selling software products is a simple way to make money.
Plus…
Get Reseller Rights to FIVE High-Quality Software Apps, as well as Professionally Designed Sales Pages and Marketing Materials.
PROS AND CONS
The benefits are obviously numerous, but I’ll only mention a few:
Increased conversions are guaranteed.
Innovative technology
The greatest possible global reach
It is extremely simple to use.
It is simple to set up.
EVERYONE NEEDS A MASS APPEAL SOLUTION!
EVERY COMPANY’S LIFELINE IS LEAD GENERATION.
Cons:
The Funnel is quite deep; there are four separate upgrade options: this isn’t much of a con because the software works perfectly without any of the upgrades.
You will require a strong internet connection.
WORDS TO REMEMBER
To summarize, if you want to keep your business running without worrying about not having enough clients or running out of cash, ClientFinda is your best friend.
As a result, on this note, I’ll say that ClientFinda is a timely solution that I strongly recommend.
Without a doubt, I rate it a five-star rating. Anything else will be labeled “BIAS!”
You may proceed to secure your access. Your investment is both SAFE and WISE. Cheers!
#clientfinda review #clientfinda review and bonus #clientfinda review bonus demo #clientfinda review bonus #clientfinda review demo #clientfinda reviews