Show & Hide Navbar on Scroll – Webflow interactions and animations tutorial


Here is a persistent navbar. Fixed position. But when you scroll down the page, the navbar
gets out of your way. And when you scroll up? It presents itself smoothly, so you can interact
with it again. And when you scroll down again? It goes away. We’ll cover setting up an interaction with
this navbar which responds to when the page is scrolled. And we’ll do this in two steps: (1) we’ll
set up a trigger and an animation to tell the navbar when to leave, and (2) we’ll set
up another trigger and animation which will tell the navbar to enter again. Let’s start with the first part. We’ll go in and make sure our navbar is selected. And an important note here: even though it’s
going to be leaving and entering based on scrolling, we need to make sure the navbar
is fixed to the viewport. That way it’s still visible when we’re not
at the top of the page. Over in the Interactions panel (where it says
Interactions), let’s set up a trigger for when the page is scrolled. Right now, our goal is to tell the navbar
to leave when we scroll down. So under scroll down, let’s start an animation. We’ll create one, and call it something like
Nav Leave. (You can put anything here.) And essentially, all we have to do is create
a single action. We want the navbar to move (up), and we want
it to move up far enough so it’s outside of the viewport. Let’s hit play. Looks good, but we can make a couple adjustments. We’ll choose a smoother easing curve, and
maybe we want the duration to be slightly less. (We want the navbar to animate more quickly.) Let’s test this out in Preview. If we scroll down, it moves up and out of
the viewport. Just as we want. Unfortunately, it’s gone. And when we scroll up, it’s still gone. Let’s leave Preview. Now remember: we can select and animate other
elements on the canvas as well. (We can add other actions for those, too.) But for now, we’ll make sure our Navbar is
selected (we can always use our bottom navigation for precision). And we’ll go back to our trigger. Let’s go in and create an animation which
will play out when we scroll up. This is a new animation, and we can call this
one Nav Enter. We’ll create an action to move — we’ll simply
adjust the position so we’re back to zero. Go into our easing, we can make a selection
there — go into our duration, change that if we’d like. And when we’re ready, let’s check this out
in Preview. There’s our navbar. You can see that as we scroll up, the navbar
enters. As we scroll down, the navbar leaves. Enter, leave. And that’s it! The navbar leaves when scrolling downward,
and enters again when scrolling upward.

How to design a logo fast

How to design a logo fast


Have you ever had to design a logo fast? Not
one of those timeless, soul-searching logos for which you need a creative brief, but something
light — maybe for a project or an organization or just to brand an event. Key is, you need
it fast — like, by lunch. Here’s an idea. Set your words, making sure your most important
word is in the center, and make it big. Place guides, and align your words, top and bottom,
to those guides. Then enclose the words you’ve just made in a shape. Fill that shape, and
if it’s a medium value like we have here, go ahead and color your main word a lighter
color, just to create contrast. Embellish with some lines, and just like that, you have
it. Here’s a variation. Start by setting your
words the same as before, and make the same adjustments as before. This time, however,
instead of enclosing all the words in a shape, enclose only your primary word in a rectangle.
Fill it, and embellish it with an outline. Now, draw a circle around the remaining words.
Send the circle to the back, fill it with color, and embellish it with the same outline.
And just like that, you have a handsome logo that can serve as an emblem for your book
club. A final example. You may need to badge an
event. In this case, Hot Pink is having a 5K walk-run to raise cancer awareness. The
problem is that their focal point, 5K, is very short, and so their shape ends up being
a mere rectangle. Go ahead and draw that rectangle, and fill it. Then, work off the angles of
that K, and give it a little skew. And just like that, you have a handsome badge, simply. That’s your design for today. These and hundreds
of other tips are available in print at the Before & After Web site. This is John McWade
at Before & After magazine.

Improve You WordPress Website Speed | Part 1: Update PHP Version

Improve You WordPress Website Speed | Part 1: Update PHP Version


Hi there, it’s AJ here from AJ’s design lab. In this series of videos. I’m looking some of the ways that I can take this WordPress website and speed it up. WordPress is known for being a little bit on the sluggish side, so anything that we can do to speed up the site has got to be good. The first thing I want to do is update my PHP version. Currently I’m using 5.6 which is getting a little bit out of date now – the latest version is 7.3 Whether or not I’ll see any performance, gains remains to be seen. So to do this you need access to your cPanel So that’s where I’m heading now, to my cPanel Which I’m using GoDaddy hosting so you will see panel interface might look a little different than this. I’m gonna do a search for “version”. Here we are. I’m looking for “select PHP version” which is under the software section. Now if you’re using something like SiteGround, I believe it’s called PHP version management Anyway, we’ll click on that and have a look inside And we can see my current PHP version is 5.6 So I’m going to use the drop down here and see what we’ve got We can go right up to 7.3 through so that’s the one I’m going to check. Now I’m going to “set as current” And then I’m going to go down and save Okay, I’ve got the “modules set saved” success message there, so That should be my PHP version updated. Now if you’re worried about whether or not this is going to break your site if you’ve got a modern theme and you’re using modern Well-maintained plugins that are regularly updated then you should have no problems But if you’re still concerned about it just download a plugin called PHP compatibility checker and run that. this will check all the themes that you’ve got and your plugins and it will bring back the results as to whether or not it’s going to be compatible for higher PHP versions this does have rather mixed reviews and most of the complaints seemed to center around the fact that it not only takes a long time to run But it tends to skip over a lot of plugins that’s because it’s too big I have used this and While it seems to work fine for me. I don’t think I’d bother using it again. The reason is it takes a long time and I use up-to-date plugins anyway So I’m not expecting any problems if I did, all I would do is go back to my cPanel and go down a version until I found one that’s everything worked. just remember that when you do this if you have more more than one website on your hosting plan You are of course changing the PHP version for all of them Anyway, let’s just go to PageSpeed insights and check. What’s our speed is. So I’m just going to check that now and let’s just refresh our memory with the time that we had here on their baseline scores 63 for desktop 23 for mobile, and a performance grade of 68 and a D at Pingdom. Okay, that should be just about finished, let’s have a look. 64 and 26 compared to 63 and 23. So there’s a small but measurable Increase in performance there. What about at Pingdom? I’ll just copy and paste my url And you do of course want to make sure you use the same server every time here so that you’re comparing apples with apples. When I checked, I used this particular one here the Sydney (Australia) one. Okay, so the test is run and my performance grade still D as I expected, and… my score was 70. Let’s just compare that to what I had which was 68, so a fractional improvement. Load time has gone from three and a half seconds or almost three and a half seconds to two and a half seconds excellent, if you’re wondering why the requests are different – 89 versus 92, I just removed a couple of unused HTTP requests from my header. So that is the reason. Anyway, we’ve got a small but measurable improvement and It’s a good start. So in the next video, I’m going to look at adding a caching plugin Thanks for watching

How To Create Rating System Using PHP & MySQL & jQuery

How To Create Rating System Using PHP & MySQL & jQuery


In this video you will learn how to
create rating system for your website. We are going to create the rating system
where every person will be able to vote only once and then we are going to store
all the details in our database and later when they revisit the website we
are going to immediately detect that they have already rated and they won’t
be able to do it of course anymore so let’s do it so now I’m here at my PHPStorm and
first thing that we are going to do is you just create a basic page layout so I
will just say okay I want to create HTML website and then let’s say this year
house a rating system and now we are not going to spend out of the time creating
like the content from the page so we are just going to create the place where
they are able to actually read so I will say we will have one there I will just
align everything to the center and maybe let’s just apply some basic okay so this
is black and then let’s see padding will be 50 pixels that’s it okay so now let’s
grab font awesome okay so I’ll go to font awesome I’ll go to the home page
would to start using free and I’m not going to change any of the options so
just grab this edit our head okay and that’s it and now what you are able to
do is to just say okay I class first are and you should get one star icon on our
website okay so probably it’s black now so maybe we can change the color to the
white okay let’s see yeah you can see now it’s we have one icon and for those
of you that are not familiar with the font awesome basically it’s a completely
free library of course there is a paid version but free library where you are
able to actually get a lot of the icons for your website so basically all you
need to do is just check free here and then you can just search there’s like
thousands of difference icons that you can use for your website polling
social media and whatnot okay so there are so so many of those and you will see
them on pretty much any website I’m using to my personal own so it’s good to
know about those okay so let me now create five more so I will just say okay
this will be star and then I want it to be two times bigger than the default one
okay like this something very simple and then let’s add four more okay fine so
we’ll have now five different stars that someone is able to do so now what we are
going to create is I want first to create an effect so when someone goes
with the mouse over I want to make sure that the color of the stars is changing
and in that way we are able to actually feel like real okay I’m going to give
two stars three stars whatever so in order to do that I went first to
download the Drake query okay so I’ll go to code to query calm I will use
minified version I will just copy okay then I will just paste it here at the
bottom so just a second I like to be in one line okay and then here we are going
to write our custom script okay so first I want to wait for complete document
load so I’ll sit on document ready okay and now first thing that I want to do is
I want that always by default we set all of those icons to the white so they are
already like that but in case that you don’t want to use an inline here you can
just put the code here so whatever you like we can even leave the in line as
the fault and then I want for each of these
classes for each star I want okay to set hover effect so I will say mouse or
you’ll pull the function and then let’s for now just bring to the console log so
I’ll say here whatever just so you can see it works and then maybe we can add
mouse leap okay here too so let’s see it work so open so okay or okay it works
for each of those it is good okay so now the next thing that we want to do is
first each time when the mouse is over I want to reset so C star and then or even
what’s what’s even better is that we can delete this
let me show why okay and then we can have one function that you will say okay
reset start colors so that later in case that you want to quickly change the
colors it’s always in one function so we’ll just say here first our CSS color
and then we’ll say Y okay so on the page load we are going to do it so save reset
okay and then each time in each of those two okay and then if the most is for
let’s now find on which of those the mouse is over so maybe what we can do is
to add some data index to each of those salsa date the index
okay so this is one star two three four five okay and then we are going to see
current yeah current index and you will say this dot are triggered
theta index or even see it’s always the same you can say like data index okay
and then what we want to do so first we have reset it to the default now we know
what is the current and now I want to start so we are going to say for war
equal one less then no less and equal current index i plus plus and then all
we need to do is we just one for the icon okay
you want to change the color so let’s say you want to have a green and that’s
it and now on the mostly we will just pass so let’s see what will happen
okay so over okay so it was backwards I’m not sure why is that on the first so this is quite weird
let’s see yep it’s okay because the problem is that we we are starting the
index from the one and this one is at zero position so maybe it’s even better
if we just change those can’t on time that case this won’t happen okay so
let’s see now 2 3 4 5 ok hope this makes sense ok so now we are able to create
that effect you cannot of course put the yellow or whatever the color you want
and let’s not say that when someone click on any of those we want to
remember that rating and we want to save it so much so let’s do it so let’s first
define here like rated rated index let’s say minus 1 which means that person
didn’t rate at all because we have from 0 to 4 and if we said it’s minus 1 that
means that he didn’t would so then on the mouse leave here we will say F rated
index different than minus 1 then in that case they will just do this same
thing but with rated index okay and now we need to just enable click on those so
that in case when someone click we are going just to remember that okay so say
on colic function and then he will say that our
rate that index is bars integer this not data index okay let’s see now so I will
refresh so let’s say here rate that index is minus one so now if I go on
this position go out nothing but if I go and click go out it stays so let’s check
out rate index it’s two which means zero one two it’s the third one okay and now
of course if I go my with mouse over again it means that someone is able to
change his ratio but the problem is he won’t be able to like completely remove
that word so it needs to be one of the options there is no option to trust not
what at all if he is already there okay so now when someone colleague
we have remembered this and what we can do now the best option for this is of
course to have some log a registration system so on only registered people will
be able to rate and in that case we are like hundred percent sure that they
cannot vote multiple times but in the scenario like this where people are not
logged in and we need to remember those we have a couple of options one is try
to find the IP address and store it to the database and verify its time did
they what or not then the next one is told to the cookies or the local storage
and that’s it each of those have its pros and cons each of those can be
bypassed like there isn’t like hundred percent protection so in our case
whatever we use will be good enough for your understanding
it all works so let’s say we are going to use the local storage so I’ll say
does local storage dot set item and then I will just say he rated index and then
I’ll just put okay so let’s see now so when i refresh and go to the
application local storage okay so was this nothing special but we don’t have
here rate index but when I choose and click you can see now that my written
index is 1 and if I treat my mind we have changed this okay so that means
that even if some are refresh the page we know that they already read it and we
will know what is the ratio so what I can do now is that when we are reset we
can see here that if local stores dot get item rate index so let’s see what it
returns in case that there isn’t so see dot get item whatever so it
returns the null so say if is different than null in that case okay
so maybe this part we can move to them yeah I’m just thinking maybe we should
have a function let’s say set stars and then we’ll say here MAX because you can
see that each time it’s the same okay so this here will be called max so here I
can say okay set stars rated index is max then in this case I can say set stars
current index is max okay and then here I can say set stars and then I’ll just
say local storage get target item rate index oh okay so let’s see now refresh boom
you can see now that he knows that I read three stars
so if read two stars and if i refresh it will stay you can see it’s always at two
stars and of course if someone for whatever reason manipulate it is and
then refresh it will work that way but in the database it won’t change
okay so it will be saved in the database only when we make a click so we are
going to implement that too and of course if we delete this and someone visit for the first time you can see it’s not remember okay cool I hope this makes
sense and now the last thing that I want to do is let’s save it to the database
so that we have like datebase in place where all ratings are stored and then we
can calculate the average rate and stuff like that okay so first thing first
let’s create the database so PHP my admin’ new let’s say here writing system ok
Unicode C okay then put these stars whatever okay then maybe just two columns
okay so first one will be ID out auto increment and the next one we use
let’s see new stars maybe writing that’s what they’re to be let’s say tiny
integer okay and we’ll save it that’s it and now here when someone is clicked we
are going to say so it’s out receive here save to the database
okay and now you are going to write this function okay function
okay and then here will just say ajax okay and I’ll see you IRL is our index
dot PHP and then method you’ll just see what else do we need we need data type
know what am i doing datatype let’s say will be JSON and the
data will be the same and rated index index okay and maybe just let me first
find success function response okay and maybe here we should have like user ID
okay so this will be ID from our database in case that someone change
their rate so by default I will say here user ID is equal zero okay which means
that we need to add a new person and in case that person exists we are going to
change this so we’ll do it a little bit later for now we’ll just say that it
will be there okay and let’s your response you can say that user ID=go
like this okay let’s see now now in the PHP B side we
are going to accept so say if is post save so we will have like have like rated the index
equal post rated index and then we are going to have
also user ID and of course we need to have connection say to be local host
will be root password sent to and our database is if I’m not wrong rating
system and rating system starts ok and then here we need of course to do some
real escape ok and then what you are going to do is we need to increase this
rated and index by one because you are starting from the zero so if we have ten
one star rated then in that case it won’t count so that doesn’t make sense
okay and now let’s let’s check if user ID equals zero in that case we are just
going to insert the person so we can say insert into top stars and we have just
rated index values rated index okay and now we have different methods on how we
are going to find the last ID but for the simplicity I will just say like okay
SQL is connection query I’ll say slack ID from stars order by ID –
one means you are getting just the last one so say user data is as well fetch
let’s say associative array and then user ID is use of data I li okay and
else if the person existed we are just going to say okay connection query of
the Stars set rated index equal rate index where ID equal user ID okay
and I think that I have made mistake here
okay we are missing this other than that it looks good okay
and then we are each time going to return an array with ID that this user
ID who so many cool right anyway user ID rated index saved us to verify okay
let’s test this so fresh always go to the console looks good Network let’s try
to what boom okay we have made new request okay once a undefined function
real escape string how is that possible okay let’s see connection oh it’s here my mistake okay let’s try
again okay boom I’m a zero super-interested you’re not
sure why doesn’t warm-up let’s try like this and now it’s great now this is
super super weird anyway we can see now that this is registered and there’s rate
index 3 which is good okay we have sent to ok it’s training Davis that’s okay
now the last thing that we need to do is we need to remember this user ID
so I’ll just say ok local storage dot set item let’s say user ID is
ID and that’s it and then we’re so load for the first time then you are going to say okay local
okay and now let’s try so course not ideal be 2
– yeah of course this is not a problem let’s see now now it shouldn’t be
anymore okay so let’s now just create database
and then we can test out it now okay lets now refresh cause there is I hope
you remembered okay you’re just going to delete those two fresh okay
so now we will try to vote okay now it’s in database it looks good now let’s see
what has happened the local storage it is at user IDs undefined why let’s
return it return it is for okay and let’s see here your ID undefined again
WHY so we are turning the Jason and it’s because of this okay let’s see yep
my mistake let’s try again okay let’s see now what
is the latest okay refresh that’s right okay now user ID is five and rated and
index is 2 okay yeah now it’s okay so now when somehow refresh we will
immediately next time know who that person is
what is his vote and if he decided to change his mind
okay he changed it and now when we go to the database we can see now that it’s
updated but in case that someone new comes in let’s say like this and we
vote now you can see that user ID has been changed and different index and we
have in different number so now in order for us display this rating like average
rating all we will need to do is like just to sum this entire rate index and
displayed and the page divided by the number of those so that’s very simple
so last week so let’s say I don’t know with this here okay and then here I will
say sorry I’ll say okay connection query let’s select Sun rate index
as top down from stars okay and then let’s say rated data is equil as well
fetch array and then I’ll say okay total is the data total and then now we also
will need to get like how many rows we have in the database so let’s see what
I will just duplicate this one so I will just say select ID from stars and then I’ll
say num rated I will say a sql number of rows okay and then we
can see average is what total true number of rated okay and then here we can
say okay you will have two breaks and then let’s all see here color is white
and here I will just say a call average so if we did everything correctly
it should work okay now you can see now this is our average of course now we can
go and change it like use different functions if you want round number two
to like closest value so we can say maybe here round two the two decimal points
precision okay let’s now see and that’s it okay so of course now if someone
changes okay and we refresh you can see it’s changed
and of course so each time it will be different okay so guys I hope that you
have enjoyed this video we had small troubles here and there but that’s
coding that’s how it works and that’s why I’m not cutting the videos because
I want to show what is possible and what happens and how you fix the problems so
if you have enjoyed and if you like this video please like it and share with your
friends and of course if you have any questions or anything please let me know
in the comments below take care

How To Adjust Fonts || Shopify Help Center 2019

How To Adjust Fonts || Shopify Help Center 2019


Create a unique look and feel for your store
by customizing fonts. You can use fonts to tailor your storefront,
attract customers, and define your brand. Customers read the text on your store’s
website to collect information and make decisions about their purchases. It’s important to choose fonts that make
your content attractive and easy to read. The look and style of font is called typography. Typography can improve the accessibility of
your website so that all customers can easily navigate your store. Your store’s typography options depend on
the theme that you use. Shopify’s free themes feature a font picker. The font picker lets you preview and select
from hundreds of different fonts. The example store in this video uses a free
Shopify theme. If you use a custom or paid theme, your theme
editor might look a little different, but keep watching to learn helpful design tips
for choosing fonts. To make changes to your store’s typography,
start from your Shopify admin. Next, click Online store. The Themes tab opens with a list of your published
and unpublished themes. Next to the theme you want to edit, click
Customize. You are now in the Theme editor. Click the Theme settings tab, and then click
Typography. From here you can edit the fonts for different
sections of text like headings and buttons, or body. In most themes, you select one font for the
buttons and headings, and one font for the body text. Using too many fonts can make your website
look disorganised. If your theme gives you the option to customize
fonts in several sections, try not to use more than two fonts. In this example, only one font is used for
a clean and organised look. When you choose your fonts, try to use only
one or two different font families for a tidy appearance. Font families include serif, sans-serif, and
cursive styles. For example, this text looks disorganized
because it uses three different font families. To change the font for a section of text,
click Change. In this next example, the font for the body
text is changed. You see the font picker under Select font. From the font picker, scroll through the list
of fonts and choose the one you like. To see more options, scroll down and click
Load more. If you know the name of the font you want,
enter it in the search bar. Click the font you want to use. You see a preview of the font in the theme
preview. Next, under the name of your font, choose
a font style or weight. Depending on your font, there are different
options available. Options usually include bold, italic, and
regular. When you choose a font style, you see a preview
of it in the bottom of the typography editor and in the theme preview. When you’re done choosing a font weight
or style, click Select. Next, use the slider to choose a font size. When you edit font size, make sure that your
text is large enough for customers to comfortably read so your online store is accessible. Usually, your font shouldn’t be smaller
than 16 pixels. Fonts can appear small, even if the size is
set at 16 pixels. If the font you’re using looks smaller than
other fonts at 16 pixels, then use a larger font size. For example, the Lucia font is small and difficult
to read even when it’s set to 16, so it should be set to a larger font size. If you’re editing body text, select whether
you want your product names to be bold. After you finish editing your fonts, click
Save to save your changes. To preview your new fonts, return to the themes
tab under Online store. Next, click Actions beside the theme you edited
and then click Preview. A window opens with a preview of your theme. It’s also a good idea to check your typography
on mobile and tablet to make sure that the font is displaying smoothly on various devices. For more videos on how to grow your business,
subscribe now! If you still have questions, comment below
or contact the Shopify support team directly.

PERSONAL BRANDING OVERHAUL: Website, Logo, Business Cards | Studio Vlog

PERSONAL BRANDING OVERHAUL: Website, Logo, Business Cards | Studio Vlog


hello friends good morning welcome to
another little studio vlog so today is Monday I’m feeling productive I’ve
actually been ill this past week I’ve had a kidney infection which has totally
knocked me off my feet so last week was the least productive week I’ve had in a
long time and the only way I can describe the infection was having the
flu but without the snottiness like I was tired I was napping every like four
hours it was a lot but we’re back I’m feeling much better now so today I
thought I would catch you up all the things I’ve been doing I’ve got a few
little clips from like last week in the week before that I hadn’t included in
anything for obvious reasons so I will insert those now I have just been to
home bargains and I found these little tray things that actually like can stack
things for you fridge they’re like cans of coke and stuff you can like stack
them in here and I took a card with me because the storage system in
this drawer is not working and it fits perfectly in here so I’m very happy
about it so I bought three and I thought I’ll line them up next to each
other and we can put a divider in because obviously there are six cards
but anything right now is better than what I have so currently I did like a
DIY job of this let me just put this up here so we can get to it so currently I
have like a DIY version of it and it’s just not working everything keeps
falling over so what I’m gonna do is take all this out and replace it with
these so let’s take out these parts look at my shoddy DIY I was trying to be
resourceful with the cardboard and reuse it well obviously that didn’t work and
then if I put these in here I should probably clean out the bottom of the
drawer but I can’t be bothered right now like this it looks so much better
already and then I’m gonna put a divider in
between do you know what I think three different cards could fit in here
oh my god how much more space do I have that’s
insane perfect now I actually have a spare tray thing I’m not gonna bother taking it back it’s like £1.50 so I’m sure I will find a use for
that somewhere I’m actually going to start designing and ordering some new
desk planners so yeah I needed some space for that so I’m very happy I’ve
sorted this out now absolute bargain but today I have a couple of orders to sort
out this morning I’m gonna quickly nip to Tesco and buy myself some hair dye
because my roots need dying desperately and then I’ve got a little well not even
a little along old to-do list on my little notepad I’m not using my weekly
planner this week because I’m actually going to VidCon on Wednesday which I’m
excited about so I’ve only got Monday Tuesday and
Wednesday morning basically to do work so I’m just gonna use this as my to-do
list I’ve got quite a lot to get done I’ve got all the stuff that I was
supposed to do last week in two days so it’s gonna be a busy one why hopefully
it’ll be a good little vlog but for now we’re gonna pack up these orders and I’m
gonna head to Tesco and sort myself out story of my life post-office done I have like the biggest
collection of these receipts I don’t really know why I keep them because I do
all my accounting online and if a parcel gets lost the Royal Mail don’t actually
do that much about it because I don’t use tracked delivery because it just costs
too much and the cost of the delivery usually is more than like what the
products were so I just don’t bother doing tracked it’s just cheaper for me to
just send a product again if it gets lost right I’m gonna go to Tesco now it
is so cold today not quite sure how cold oh there’s a strange person walking in
front of my car good job I locked my car and we’re back I have changed into my
cozy clothes because that top was very uncomfortable I was trying to be
presentable and put together but I realized that it’s not the life I lead
so we just we can just ignore it I’m gonna quickly take my lunch break actually
because it’s currently a half past one and I’m rather hungry and I’m actually
gonna quickly put on a Skillshare video so if you’ve been watching for a while
you guys will know that I love Skillshare I’ve worked with these guys
before and they are very very kindly sponsoring in this little section of the
vlog so thank you very much Skillshare so for those of you that don’t already know
Skillshare is an online learning community where they offer classes designed for
real life so right back when I finished University I spent a lot of time going
through their classes and sort of finding myself there’s things on there
to do with entrepreneurship there’s things to do with graphic design
illustration photography literally anything you can think of I’ve actually
recently been watching a class by a guy called Thomas Frank and he talks all
about productivity so I’m gonna do that now whilst I’m eating my lunch I’m gonna go
and find another productivity video just sort of motivate me for the rest of
the day Skillshare have actually offered you guys a killer deal so for the first
500 of you guys to click the link in my description you’ll get to three months
of the Skillshare premium membership which will give you access to all the
different topics all the different classes and you can get motivated like I
have been doing and maybe you can even teach yourself a new skill so yeah I’m
very happy to be working with Skillshare
again thank you so much guys let me know if you do click the link and start the
trial I’m interested to know what topics you choose to learn so okey doke I have
just done the subtitles for yesterday’s video because I hadn’t done them it
honestly took me so long to get yesterday’s video edited because of
being ill every time I tried to edit I kept falling asleep such an annoying
process honestly was so annoying but we got there in the end so I’ve done the
subtitles that’s all done everyone seems to enjoy it if you haven’t seen it I
will link it in the little I button thing whichever side that pops up on it’s
basically me going through every single piece of equipment or gadget or whatever
I own and most of it is from Amazon so it turned into a bit of an Amazon video
but yeah I enjoyed going through that now I’m going through a little bit of a
personal rebranding mission I feel like this happens like every maybe six months
for me I’m not very good at sticking to one thing but I guess it’s good to keep
things fresh right I recently ordered some new business cards I haven’t had
business cards for years I actually my old ones were like pink and marble
pattern actually let’s see if I can find them I’m pretty sure I saved them in my
bedroom I’ve been watching Harry Potter hey there we go
so this is my most recent business card and it actually pains me how the layout
is on this and like the space in between my youtube header thing isn’t the same
as this and like this is too big and my font is weird but this was my vibe and
if you can notice it’s got spot gloss on it which basically means is like a
little bit of raised glossy stuff where the text is but because I was being cheap it’s one-sided which i think looks really I mean I suppose it works if
you’re on a budget but personally I’d rather have them double-sided because it
looks a little bit more professional so yeah this is my my old business card I
actually can’t remember the last time I got this out like they came in a box of
500 and I must have only had one handed out like 20 it was a bit of a waste of
time I remember taking them to summer in the city pretending I was profesh
so yeah that that’s that but yeah I wanted to take some new business cards
to VidCon because I figured that’s more of like a business event thing and I
suppose if I want to take myself more professionally I should get some and I
found a really well-priced place to get them from I’ll let you know where I got
them if they’re good when they arrive and if they arrive on time because I
paid extra for them to arrive because I left it last minute but I thought I’d
quickly show you the design I’ve gone for we’ll see in a future vlog whether
they turned out ok but honestly this design took me so long I feel like if
you are watching this and you’ve also tried to create your own logo or design
yourself a brand or whatever you understand the struggle of trying to
create something for yourself I know as a graphic designer I can quite
happily take a brief for someone else’s logo like someone tells me what they
want I can usually create it no problem but trying to create my own it’s near
impossible it honestly took me so long but I think we got there so I ended up
with this so I have a square business card I thought I’d go a bit different
and it’s double sided and on the front so the bit that you should look at first
I guess is my little logo mark thing I made so it’s just my initials in this like
I’d say it’s a font it’s not a font I made it myself
but yeah I have my initials and I use this logo on my website a lot and I just
kind of copied and pasted it put it in the colors that I use a lot and and kept
the white one in the middle so we’ve got like pink orange blue yellow and white
and then obviously on this side is my information
and then I’ve got the spot UV so again like it is on this weird little card I
have asked for like shiny spot UV on just the white like AT sign so yeah
well we will see how this turns out hopefully it looks okay my problem now
however is that my website is also in need of a bit of a revamp I said I think
a couple of vlogs ago that I wanted to sort of refresh it it’s not in the same
direction as it used to be I still get traffic over there and I
still enjoy having the Alice thorpe website however it doesn’t look how I
want it to look so I need to refresh that and I have approximately 24 hours
to do it maybe a little bit longer but I don’t honestly don’t know where to start I’m
just stuck so I think what I’m gonna do is have a look at other sort of
creatives website and go from there I don’t really want it to be like photos
of me posing like hi I’m Alice maybe like one photo of me
and then just pages of my content and what I’ve been doing and then basically
I need to get better at keepin it up to date so we’re gonna try and do that
wish me luck because I hate doing this stuff I really don’t know why I started
this it is now oh my god okay it’s now 6:00 p.m. I hadn’t looked at the time
the last time I looked at the clock it was at one o’clock when I was talking to
you guys and so I have spent the last four hours it seems or five hours
looking at websites and trying to revamp mine I think I’m making progress like
hmm not the best it is driving me insane as expected but I’ve been going through
my phone looking at photos I’ve taken and I’m sort of looking at how I can
read jig mainly the home page to be honest that’s the bit that I want to
look different but it’s just a process and I’m the most indecisive person in
the world maybe at this point I need your guys help so you could if you fancy
offer me some advice and how I could improve or what you’d like to see on the
home page etc I’ve gone from not working all week to working the longest day ever
alright so I’m just in the process of saving loads of my old thumbnails that’s
why these loads of things open and I’m looking at other people’s websites for
inspiration but this is the stuff I’ve got so far an hour and a half has passed
since I told you I was going to show you the website but I was tinkering so yeah
I’m thinking like this kind of vibe it’s got like a scrolling effect and a little
bit of text and my socials and then I’m gonna change this photo at some point
but then have like my content so I’m gonna do like a full grid of videos this
is not even my photo and then maybe down here like something else I don’t really
know what else to do with the phone’s ringing this is the kind of vibe I’m going
for so far I quite like it I feel like it’s a lot different to my old website
but that’s what I wanted I wanted it to be just for me I wanted it to be nothing
like the soul & fire website and just to kind of switch things up so yeah that
is why I’ve done so far I’m gonna head downstairs now anyway because my dinner
is ready I’m a hungry girl and my brain hurts so
I’m gonna stop working for tonight and I’ll get back on it tomorrow I guess but
yeah that is the end of this vlog I hope you enjoyed it you can literally see on
my face how tired I am thank you so much for watching as always guys and I’ll see
you soon for another vlog

Web Development – CSS3 Transform, Transition and Animation

Web Development – CSS3 Transform, Transition and Animation


Web Development CSS3 Transform, Transition and Animation Don’t Forget To Subscribe Our Channel Don’t Forget To Subscribe Our Channel Don’t Forget To Subscribe Our Channel Don’t Forget To Subscribe Our Channel Don’t Forget To Subscribe Our Channel Don’t Forget To Subscribe Our Channel Don’t Forget To Subscribe Our Channel Don’t Forget To Subscribe Our Channel Don’t Forget To Subscribe Our Channel Don’t Forget To Subscribe Our Channel Don’t Forget To Subscribe Our Channel Don’t Forget To Subscribe Our Channel Don’t Forget To Subscribe Our Channel Don’t Forget To Subscribe Our Channel Don’t Forget To Subscribe Our Channel Don’t Forget To Subscribe Our Channel Don’t Forget To Subscribe Our Channel Don’t Forget To Subscribe Our Channel Don’t Forget To Subscribe Our Channel Thanks For Watching

Apple Watch Website Design With Inkscape – SVG Backgrounds for Modern Web Design

Apple Watch Website Design With Inkscape – SVG Backgrounds for Modern Web Design


All file download link you can get
from description of this video I will use Inkscape 1.0 beta version If you has different version thats okay This is bootstrap grid I have made a video with semantic-ui grid Link in description you can checkout Once again see how I open layer panel Same way I will add all essential panel If anything went wrong let me know in comment Help me to grow my youtube channel Double click to create a new point Select the point and change the color If you think video is too fast You can reduce playback speed from setting button Watch more web design videos click top right corner Press + for zoom in and – for zoom out Press Ctrl and drug to lock aspect ratio I set blend made to soft light Add first point and press Shift and click at top Press Enter to make linke Press Ctrl and make it smaller + For Zoom In
– For Zoom Out Please Like, Comment and Subscribe Press Ctrl and rotate This text is just for style You can make this text bold + for Zoom In
– for Zoom Out Press Ctrl and scale Select A icon and click to add text press Ctrl and scale to lock aspect ratio Just select and change the color
which is better for you Click first point and Ctrl click in second point Press Enter to make line Now change color and style make sure page is selected