Connect with us

Tech

Web Page Design – How to Get Started With CSS and Stop Using Tables to Design Your Sites

Published

on

I’ve been working with CSS for a while and tables even longer. Having worked so long figuring out the tricks and workarounds for tables, I’ve mostly used tables for structure and CSS for style. That is not a bad thing. But is only using part of the power of CSS.

Moreover, I had a project recently that required a table free design. If you find yourself in this situation don’t panic. If you can understand the purpose of CSS, and learn or know the basics of CSS syntax, it can be a fairly simple process.

The main thing to keep in mind is that you are trying to end up with a site that has pages that contain mostly just data. You will also have one or more style sheets that contain all the structure and design of the site.

Since there are already books, sites and courses that cover all the details of CSS, I will not be going into the syntax or details of CSS. I’ve never found any aspects of CSS complicated enough to need outside instruction or even a book, but I have wasted time going over the details without seeing the big picture. This article will just cover the main aspects of CSS and what areas of CSS should be understood before you get into the details.

For practice, I took a site that was mostly done in tables, and converted the site to all CSS. The basic lay out of the site is a header, sidebar, main content area, advertising section and a footer. This is a fairly common lay out, but these guidelines will work for almost any lay out or new design.

First you must truly separate all the data from any structure and formatting. This seems obvious if you know anything about the reason for CSS. I only point this out, because it is very easy to throw some formatting in with the data if you are new to the process. That would not be the end of the world, but it would be missing the point of the exercise. Remember, the goal is to change the way you currently build pages and start using CSS wherever possible. The reason: so that major changes to the look and feel of the site can be made without having to make changes to all the pages.

Second always try to think if there is any possibility that you will be reusing the code.

NOTE: This may not make much sense if you have no or limited knowledge of CSS, but make a note of it and keep it in mind as you start using CSS.

If it is code that you will be reusing, make sure you make it a class. Also, try to put it in your main style sheet. As you become more advanced with CSS, you will most likely have multiple style sheets. Having site wide elements in your main style sheet will make them easier to edit in the future. Also, since all pages will be calling the main style sheet file, the class will always be available when you make a call for it.

Now, I’ll go in to the main issues, problems, etc. that I came across as I removed all tables and other formatting from the web pages.

The main problem with CSS is cross browser compatibility. Most designers and users know that browsers display pages differently. Unless you specifically code the site to display the same, or as close as possible, in all browsers, it is almost guaranteed the site will not display the same.

There’s a couple lines of code that should be added to each page.

– First declare a document type. If you are not familiar with a DTD (document type decleration) it looks something like this . The three main types of DTDs are loose, tranistional and strict. I highly recommend strict. Research to see what works best for you, but strict is the safest way to insure cross browser compatibility. It is necessary to declare a DTD or CSS simply will not work the same in the most popular browsers.

– You will also want to add this line:
. This helps fix the IE compatibility error and will help with some sizing issues. It is not a must have. I have had no issues with the IE meta tag though. So, I would recommend adding it for now.

Next I recommend studying the box model of CSS. If you are used to using spacer .gifs, tables and the many other workarounds, this can be a tough habit to break. But once you have a good grasp of the box model, you will no longer need these workarounds for formatting and lay out. Also, if you start using CSS without understanding the box model you will most likely waste a lot of time bogged down trying to fix things that you would of never broken in the first place.

I’ve always hated the expression, “Think outside of the box”. I can truly say with CSS not only think inside the box. Learn to work inside the box.

Which brings us to our next fundamental. In CSS, just as HTML, you can use many types of measurement units. Usually working with pixels is fine, but the EM unit seems to be the most reliable. If you do not use a strict DTD for your pages definitely look at using EM instead of PX. Percentages are fine in most cases, but I have seen some small issues with using percentages. As you do your own research on this you will find more information. The main thing to remember is that 16px = 1em, and not all unit types will work in all browsers. Since pixels are most familiar to web developers, and EM is supported by all major browsers, these are the two main units that should be used.

Inheritance is also very important. Basically, colors, fonts and much more can be changed by CSS. The changes are applied via an external style sheet, a style sheet on the page or even a style applied directly into the HTML. Since the last style applied will be used, make sure you understand how inheritance works. Also, any default browser settings will be overridden by an external, internal or inline style.

A good example is the H1 HTML tag. I like to reset the default size and color of the headline tag. Although the default font is usually times and the default color is black, the font size usually changes slightly from browser to browser.

For instance, if I want most of the H1s to be a 20px Arial font and red, I would apply that in my main, most likely external, style sheet. But let’s say I have a page where I want the H1 tag to be a different size. I can override the external style sheet size with some inline style. So for this example, I really want my headline to stand out, and I change the size to 30px. But the headline color is still red and the font is still Arial.

Why? Even though, I reset the size with an inline style tag, the color and font family was never reset. So, until I override the color, or any other parameter defined by another style sheet, the H1s will inherit, in this case, the Arial font and red shading from the external style sheet.

Note: If you import multiple style sheets, it will use the last style applied to the page. When you use external style sheets the page is processed just as if the code were on the page. So if you run into issues, make sure you are not importing multiple style sheets that are in conflict with each other. A best practice is to make sure that you use unique names for all classes and IDs even if they are in separate style sheets.

Lastly, the default settings, such as margins, padding, colors, etc. can vary slightly from browser to browser, and between different versions of the same browser. Also, as new browsers are released and updated, it would be nice to know that your pages will not break. So at the very beginning of my main style sheet, I like to declare some global settings.

Generally, you will want to override the default padding, margins and borders at a minimum. The padding, margin and border are the main things that vary from browser to browser. Once again, it depends upon your needs. But, because of inheritance, this will override the default browser settings on all of your tags and elements automatically. Personally, I like setting everything to zero with a default color of white. I’ve never had any issues with cross browser compatibility using these settings.

As I said, there is a lot of information about CSS available online and from other sources. This is just a guide on the main areas to focus on first as you become the next CSS expert developer.

Tech

How to Record Zoom Meeting as a Participant & Without Host Permission

Published

on

Zoom meetings are fast-paced and frenetic, which makes it challenging for your team to stay on the same page. This can make it difficult to keep discussions brief and concise. To help keep everyone on the same page, you can use a Zoom meeting recording app. Participants can listen to the meeting and take notes without disrupting the flow of the meeting. The best part? You don’t need to be an IT pro to set up a Zoom meeting recording. Follow these simple steps to start recording your team’s meetings.

What is a Zoom Meeting Recording?

Unlike a normal meeting, which is audio-only, a Zoom meeting allows you to both see and hear everyone in the meeting room. Zoom takes notes during the meeting and sends the audio recording straight to your inbox. Then, you can edit and annotate the recording with your team’s comments. You can also share the recording with others who are on the meeting attendee list. Once you start recording, you can pause and resume the Zoom recording if you need to. And don’t worry, your team won’t be able to see that you’re recording them. Zoom offers several different recording options, so you can find one that works for your team.

Record Your Team’s Meetings with Zoom

If you’re looking to start recording your team’s Zoom meetings, consider setting up a recurring meeting. Every week, you can schedule a Zoom meeting to record the meeting. This makes it easier to stay consistent. You can also use a Zoom meeting recording app like Webex Meetings or Zoom to record your team’s meetings on your smartphones and tablets. Before you can record a meeting, make sure the option is turned on in your Zoom settings. Next, invite everyone to join the meeting via the company-wide Zoom app.  If you have any questions about the recording, click “Ask the host” and send an email to the host.

Set Up a Zoom Meeting Recording

While recording a Zoom meeting is convenient, you’ll want to make sure it’s set up correctly. Begin by inviting everyone who will be invited to the meeting to join via the Zoom app. Then, start the meeting and make sure the “Record” option is turned on. If the meeting is audio-only, then you won’t be able to record it. But, you can use a screen recorder like Camtasia to record the meeting. If the meeting is audio-only, then you won’t be able to record it. But, you can use a screen recorder like Camtasia to record the meeting. Once the meeting is finished recording, you’ll be able to view and edit the recording in your Zoom inbox. When you’re ready to save it, select “Save” from the header. If you have any questions, you can send an email to the host or host leader.

how to record zoom meeting

If you’re looking to start recording your team’s Zoom meetings, consider setting up a recurring meeting. Every week, you can schedule a Zoom meeting to record the meeting. This makes it easier to stay consistent. You can also use a Zoom meeting recording app like Webex Meetings or Zoom to record your team’s meetings on your smartphones and tablets. Before you can record a meeting, make sure the option is turned on in your Zoom settings. Next, invite everyone to join the meeting via the company-wide Zoom app. Once everyone has accepted the invite, they will automatically be added to the meeting. Then, you can start the meeting and begin recording.  When you’re ready to save it, select “Save” from the header. If you have any questions, you can send an email to the host or host leader.

screen recorder

If you want to start recording your team’s Zoom meetings, you can use a screen recorder like Camtasia. This will allow you to record the meeting audio and take screen recordings. If your team uses Zoom, you can also use a screen recorder like Camtasia to record the meeting audio and take screen recordings. This will help you stay on the same page with your team. Once you’ve set up your Zoom meeting recording, host the meeting and start recording. Then, start the screen recorder to record the meeting audio and take screen recordings. You can use these recordings to help your team stay on the same page. Make sure to set the screen recorder’s audio level to “Mic +” or “Mic Only.” This will make sure you don’t accidentally record the meeting audio. Next, share your screen recordings with your team. They can then view and edit their screen recordings to make sure everyone is on the same page.

wrap up the meeting after the recording

 When you’re ready to save it, select “Save” from the header. END the meeting by announcing that it’s time to end the meeting. If you want to add a closing remark, then do so. But, make sure to announce that the meeting is over. If you have any questions, you can send an email to the host or host leader. END the meeting by announcing that it’s time to end the meeting. If you want to add a closing remark, then do so. But, make sure to announce that the meeting is over. If you have any questions, you can send an email to the host or host leader.

screen recorder Windows 10

One benefit of recording your team’s Zoom meetings is that you can use a screen recorder like Camtasia. This will allow you to record the meeting audio and take screen recordings. If your team uses Zoom, you can also use a screen recorder like Camtasia to record the meeting audio and take screen recordings. This will help you stay on the same page with your team. Make sure to set the screen recorder’s audio level to “Mic +” or “Mic Only.” This will make sure you don’t accidentally record the meeting audio. Next, share your screen recordings with your team. They can then view and edit their screen recordings to make sure everyone is on the same page.

Continue Reading

Tech

6 Tik Tok Mistakes To Avoid For Building A Good Marketing Strategy

Published

on

6 Tik Tok Mistakes To Avoid For Building A Good Marketing Strategy

Sometimes we people can lag having something new in a day, but our technology speed would never. Tech fields have touched spikes from the past to now by seeing the launch of social networking sites every day. If it comes to sharing an example, then nothing can beat the craze of Tik Tok marketing that people are still in the same passion and looking to shift to another platform that helps them gain popularity within a night. Counting the estimate from past years, Tik Tok has reached 800 million+ fans worldwide.

Tik Tok has gained massive success till it has ruled the market singlehandedly. But there are some mistakes if tackled with time then, the future can be different for it. If you want to build a good brand identity, you must avoid some mistakes that help you eliminate the situation that might become a hurdle for you in the future ahead.

  • Not Targeting The Right Audience.

The most common reason for not surviving TikTok in the market so long is that it is mainly coming into force to entertain the public at large. As it has whooping popularity with 8-00+ billion followers, people have started placing their ads on that. So selecting the niche where you need to target your audience is very important for avoiding mistakes for existence.

  • Not Being Fun

Before posting something on any social media or engaging platform, we have to analyze the content that needs to be placed accordingly. Like TikTok is a platform for entertainment and fun, you can’t place serious and wooden content there for gaining views. It’s just like you are ruining the pace of things meant to be there.

  • Not Sharing User-Generated Content

It needs to be deeply researched into what kind of videos can gain a high engagement rate. Not all kinds of videos are supposed to be posted there, as TikTok marketingdemands user-generated content. Try to build or gain the trust of your followers by making them feel comfortable with your linking. 

  • Not Feeling The Urgency Of Influencers

People love to believe those they feel more engaged with regularly or more frequently. So taking support from influencers to boost engagement on your platform would be a great move that can help you increase your brand visibility and increase followers’ reach. 

  • Lagging In Hashtag Challenges

If you have stepped into social media platforms, you must have good knowledge of how beautifully you can use hashtags. So sit and research what could be the best hashtags that can go well with your brand reach and how you can use them to increase your audience range.

  • Not Looking Realistic

Excessive promotional activity can snatch the realness out of your brand. Alternatively, you can go with content that indirectly benefits your product or services. Finally, try to adopt a more natural approach to encourage the brand so that followers love to become a part of your journey.

Takeaway

If you are searching for a reference where you can get all the amazing things done with your social media handles, you can reach out on the page ‘Socialboosting“. If your purpose is to increase the number of followers, boost engagement, Quality followers, and marketing tips, you should not delay reaching out there. Give it a right try in just the right way.

Continue Reading

Tech

Secrets to AI PRAPHRASING TOOL

Published

on

web 4861609 640
PRAPHRASING TOOL

If you’re like most people, you probably think that artificial intelligence (AI) is some sort of magic. After all, it can do things like read and understand human language, recognize faces and objects, and even beat humans at complex games like chess.

But the truth is, AI is just a tool. And like any tool, it can be used for good or for bad.

In this article, we’re going to talk about some of the ways that AI can be used for evil purposes. 

We’ll also discuss what you can do to protect yourself from these malicious uses of AI.

1. Creating Fake Videos and Photos

One of the most worrying ways that AI can be used for evil purposes is to create fake videos and photos. This is also known as “deep fakes.”

Deep fakes are created by using a type of AI called a generative adversarial network (GAN). A GAN consists of two neural networks: a generator and a discriminator.

The generator creates fake data, while the discriminator tries to distinguish between the real and fake data. The two networks compete with each other, and as they do, the generator gets better and better at creating realistic fake data. Check RemoteDBA for more details.

Deep fakes have been used to create fake celebrity porn, as well as political propaganda. In 2018, for example, a deep fake video of Barack Obama went viral. The video featured Obama saying things that he never actually said.

2. Stealing Your Personal Data

Another way that AI can be used for evil purposes is to steal your personal data. This is possible because many popular applications and websites use AI to recommend content to you based on your interests.

In order to do this, these applications and websites need to collect data about you. This includes things like your age, gender, location, and what you like to do online.

Once they have this data, they can sell it to advertisers or use it to influence your behavior.

3. Manipulating the Stock Market

AI can also be used to manipulate the stock market. This is possible because there are now algorithms that can automatically trade stocks based on certain conditions.

Some of these algorithms are designed to take advantage of human behavior. For example, they may buy stocks when prices are low and sell them when prices are high. This can result in huge profits for the people who own these algorithms, but it can also crash the stock market.

4. Disrupting Elections

AI can also be used to disrupt elections. This is possible because AI can be used to create fake news articles and social media posts. These fake articles and posts can then be spread by bots, which are automated software programs that control online accounts.

Bots can be used to automatically like, share, and comment on content. They can also be used to message people en masse. This means that they can easily influence what people see on social media and other online platforms.

If you’re like most people, you probably think that the best way to get better at paraphrasing is to practice on your own. However, this isn’t always the case. While it’s true that practice makes perfect, there are some other things that you can do to help improve your paraphrasing skills. 

In this article, we’ll share with you some of the secrets to becoming a master paraphrase.

The first secret is to understand what you’re reading. This may seem like a no-brainer, but it’s actually very important. When you’re reading something, take the time to think about what it means. If you can’t understand it, chances are you won’t be able to paraphrase it correctly. 

The second secret is to take your time. Don’t try to paraphrase something if you’re in a hurry. If you rush, you’re likely to make mistakes. Instead, take your time and focus on getting it right. 

The third secret is to practice, practice, and practice. The more you practice, the better you’ll become at paraphrasing. To find a text that you can use for practice and start working on it. 

Conclusion:

By following these secrets, you’ll be well on your way to becoming a master paraphrase. So get out there and start practicing!

If you want to improve your paraphrasing skills, there are a few things you can do. One is to practice on your own, and another is to understand what you’re reading. You should also take your time when paraphrasing, and focus on getting it right. And finally, keep practicing!

Continue Reading

Trending