Front end development is focusing more and more on efficiency. Pre-processors like Less and SCSS make the job easier for many programmers but there are many ways to write minimal quick CSS the native way. Luckily we have some tips below to help you eliminate the many duplicate rules and overrides. They will help you standardize the flow of styling in your layouts and help you create a personal starting framework that’s efficient and solves many starting problems.
Use CSS Reset
Reset libraries like normalize.css can provide a clean slate for your site’s styles to help ensure better consistency between browsers. Most sites don’t need all the rules libraries include so you can usually get by with removing all the margins and paddings applied to your elements in your layout.
The use of box-sizing declaration is optional.
Box sizing can be inherited from html.
Box sizing is easier to change when code is introduced through a 3rd party plugin or application that use different behavior.
Use Flexbox To Get Rid Of Margin Hacks
Get rid of nth-, first-, and last-child hacks by using the space-between property value in flexbox.
This will prevent you from having to clear or reset margins to get the columns to break into the number of rows you want when you’re designing a grid like a portfolio or image gallery where you used floats.
Use :not() to Style Borders on Lists
Using last-child or :nth-child selectors is a very common practice in web design especially when you want to undo a style previously declared on the parent sector. Create a separator between each link and the second rule added to take that border off the end:
This can become messy because it forces the browser to render things one way the undo for a specific selector. Resetting styles is unavoidable but :not() using pseudo-class to only apply a style to the elements you want in one single statement:
Add line-height to body
Repeating declarations over and over again leads to inefficient style sheets. Once you get the hang of planning your projects and combining the rules, your CSS will become fluid. One way to understand cascade and how the styles you write can be inherited elsewhere. Line height is one of the properties you can set for your entire project.
But instead of adding line-height to each <p>, <h*> and so on, add it to body:
There is no unit declared here. It just tells you to make the line 1.5 times higher than font size for the rendered text.
A vertically centered layout is a great way to set an elegant foundation for content layouts.
Use SVG for Icons
SVG scales is important for all browser types so ditch your png, .jpg, or .gif-jif- files for SVG Icon Fonts in FontAwesome 5.
Maintain accessibility with:
Use the “Owl” Selector
Use universal selector (*) and adjacent sibling selector (+) to provide powerful CSS capability that will allow you to set rules for all elements in the flow of the document that specifically follow other elements.
This will help you create a more uniform spacing.
Consistent Vertical Rhythm
Provide a visual aesthetic with consistent vertical rhythm. This will make content more readable where owl selector might be too general. Use a universal selector (*) within an element to create a consistent vertical rhythm for specific sections of your layout:
We hope that some of these tips will make your CSS more fluid.
What do you think of our tips? Did they make your coding easier? Tell us by leaving your comments below.
The post CSS Tips To Level Up Your Skills appeared first on .
from WordPress https://ift.tt/2zU6s4y
via Tumblr https://ift.tt/2EgzbDI
When it’s presentation time, using the right kind of software can make the job easier. For PC users, the choice is obviously PowerPoint but Mac users have another option: Keynote. So which one do you choose? They’re both great for different uses. This article will talk about the pros and cons of the two software to find out which one is suitable for your needs.
Keynote is designed for Apple devices. It works on their computer, tablet and phones using the iOS software.
This program allows users to create sleek presentations with its easy to use tools and intuitive design. The side navigator has options for designing slides and different layouts, animations, fonts. Keynote is also able to make presentations from other software.
Choose Keynote if you’re a Mac user and want to make your presentations look like PowerPoint. It is relatively easy to use and comes installed with your OS. It’s a good option for creating presentations.
PowerPoint is probably the most popular presentation software in the world. When it comes to going head to head with other tools like Keynote, ease of use is always the biggest consideration. If you’ve been using PowerPoint for a long time, switching to Keynote might not be easy for you.
PowerPoint was originally designed for PC and is now part of the Microsoft Office Suite. It works on PC and Apple devices. Keynote works well on mobile devices but PowerPoint is more limited to creating presentations on your desktop.
Use PowerPoint if it’s the best option for your working environment where people are used to collaborating on PowerPoint. It’s the go to option for people who don’t use Mac. It’s compatible with any type of computer since the slides will work. It’s also preferable if you’re bringing complex data into charts or slides because it is integrated with Excel.
If your working environment is composed of people who do a lot of presentations, it’s probably a good idea to have everybody comfortable with both Keynote and PowerPoint. If you have an option, Keynote is a good choice if you’re working in slides without massive amounts of data and PowerPoint is preferable when working with charts and numbers.
Do you prefer Keynote or PowerPoint? Which tool are you most comfortable with? Tell us by leaving your comments below.
The post Keynote or PowerPoint: Which App To Choose For Presentations? appeared first on .
from WordPress https://ift.tt/2Ema2rO
via Tumblr https://ift.tt/2rvWZM7
There are many ways to get people to visit your e-commerce site. But getting them to go to your website is just half the battle because the real one is to convert visitors into paying customers. According to Moz.com, average conversion rate for a typical e-commerce site is 1.6% and 92% of people who visit a website don’t make a purchase.
Unlike traffic, there is no direct way or a fool proof formula to boost conversion. All websites have to create an experience so that your website sells. There are also many different factors that influence a customer’s decision to buy. Website owners and webmasters need to be intentional and strategic in setting up the buying process so that your website converts.
Here are some of the best ways to boost e-commerce conversion rates.
Recommend Products Based on Customer Behavior
If you were in a real store, the salesman would not suggest products that were irrelevant to your choices. The same is true when it comes to interactions between your website and the customer.
There are many tools you can use that recommend products to customers based on their behavior. A good example is Unbxd which uses AI to analyze actions of users on your site to suggest the best products in the footer and sidebar automatically.
A/B Test Whenever Possible
Every single detail in your e-commerce store matters because they will want to make your visitors stay or go. Luckily unlike brick and mortar stores, it is very easy to make little changes on your website to test different options like CTA, content, header and footer options, buttons, colors and other details.
Constantly doing A/B testing can help increase your revenue because you can consistently improve the little details that can help or hinder the conversion process.
Reviews and Peer Generated Content
Almost all people who buy online read reviews first before making a purchase. According to a study conducted by the Spiegel Research Center, 95% of people read reviews before purchasing a product.
This means that including reviews can help boost conversion rates by aiding customers in making a decision on your site rather than searching elsewhere.
Amazon does a good job of not only including customer reviews and peer generated content. They also allow users to post photos of their purchase.
In a brick and mortar store, staff would be available to guide customers through the decision making process. However, in an e-commerce site, a customer usually decides by himself. All they have is your interface to help them figure out their options. This means that their experience in your website drives sales for you.
But customers have questions during the buying process and this is where customer support comes in handy because any unanswered question can cost you a sale. Studies suggest that 92% of customers feel satisfied when a website has a live chat feature.
Speed Up Your Site
Your website should not take more than 3 seconds to load. According to Hubspot, fast loading pages can deliver between 7-12% higher conversion rates compared to slower ones.
Luckily, this can be fixed easily by installing tools such as W3 Total Cache that can help you minify HTML, CSS, etc.
Include Exit Offers
90% of the visitors that come to your website for the first time are not coming back. This can be disheartening because you worked hard and paid for the traffic and it’s not making you money.
A good way to entice this type of visitor is to include exit offers to communicate with them and to convert them in the future. Tools like OptinMonk uses AI to determine when a guest is leaving your site and offers products based on their behavior. You can offer them a discount and get their email to make the sale later.
Remove Checkout Friction
Amazon has mastered the frictionless checkout. The more hoops customers jump through during a checkout process, the more likely they will abandon their shopping cart.
Always strive for a one-click-checkout. There are checkout plugins so that customers are taken directly to the checkout process. This is better compared to clicking multiple times or having popups disrupt or confuse customers.
Multiple Payment Options And Free Shipping
Free shipping used to be a perk but customers nowadays are expecting it (thanks Amazon).
Many customers don’t like to see their total go up because of shipping fees. Instead of letting customers see the shipping fee, include the cost of shipping on the items. Also include multiple payment options like Paypal and credit cards so that customers can choose the most convenient choice.
Taking a few extra steps to make sure that your customer experience is well designed and covers all the bases of customer service can boost conversion rates. Once you get the formula down, your growth can be exponential.
What do you think of our suggestions? Do you think they will work on your e-commerce site? Tell us by leaving your comment below.
The post Best Ways To Boost E-Commerce Conversion Rates appeared first on .
from WordPress https://ift.tt/2E5rDU8
via Tumblr https://ift.tt/2PjYLte
Don’t have programming knowledge but want to learn? Try Google’s Hour Of Code and learn.
Students from all over the world can take part in Computer Science Education Week and the Hour of Code conducted by Google. There are a variety of coding challenges through super cool activities so that everybody can learn to code even though they have no prior knowledge.
The best part is that learners of all ages in more than 30 languages can participate. Teachers and parents can organize this learning activity for their kids to teach them the fundamentals of programming using different starter projects.
Activities in Hour Of Code are self-guided so that students can learn at their own pace. Students from all over the world have already spent over 100 million hours of code during the Computer Science Education Week.
There is also an unplugged version so that learners can still continue to learn the basics of coding without any device. Students who complete activities will receive certificates and badges.
Learning to code is important because jobs in the computer science field are rapidly increasing and there aren’t enough people with the required skills to fill up positions.
The main idea of Google’s Hour of Code is to give people the opportunity to learn coding skills no matter the age or career they are pursuing.
If you want to learn coding or want to help somebody learn, check out the curriculum now.
The post Google’s Hour Of Code appeared first on .
from WordPress https://ift.tt/2G3DBA3
via Tumblr https://ift.tt/2BTE0AV
Did you know that the average American smartphone user spends an average of 4 hours and 16 minutes glued to their screens? According to market research organization eMarketer, this statistic is alarming because mobile phones were supposed to help us connect with each other not isolate us from society.
If you think that your smartphone has been taking up most of your time, you’re in the right place because we can tell you how you can track your iPhone usage and limit your screen time. For iOS users there is actually an app usage tracker feature that can tell you the actual time spent on each app. This feature is at a place where you least expect it.
Check out the article below to find out your app usage statistics in iOS.
Here’s how to use the app tracker function on the iOS.
On-screen time means which apps were running in the foreground while the time indicated as background are apps running in the background while your phone was locked or while you were using other features or apps of your phone.
There are other apps that have more “background” usage time because they are continuously running in the background performing tasks.
How To Check App Usage And Limit Screen Time
4 hours and 16 minutes is a frightening number because it defeats the purpose of the smartphone. Luckily there is an easy way to monitor app usage and limit your screen time.
In June this year, Apple announced that the iOS 12 has new tools to help customers understand and take control of their smartphone usage. The Activity Reports, App Limits and new Do Not Disturb and Notifications controls are designed consumers reduce and manage screen time for themselves and their families. This is a follow up on the parental controls installed by Apple in 2008 and the added features make it easier for individuals and parents set limits on device usage.
Do Not Disturb
Do Not Disturb is a powerful time management tool that can help you stay in the moment. There is also a Do Not Disturb for bedtime mode for better and uninterrupted sleep.
Screen time provides management tools for iOS users to control how much time they spend on their device. It can create daily and weekly activity reports that shows the total time a person spends on an app. By understanding how you interact with your app you and using the App Limit feature. You can set a specific time you can spend on the app and a notification will display how much time is left.
This is a great app for people who want to monitor their smartphone usage as well as limit their screen time. It’s a great tool not only for parents but also for individuals who are looking for ways to cut down smartphone use.
Do you know how much time you spend on your smartphone? Do you think you will be using an app tracking feature soon? Tell us by leaving your comments below.
The post Tracking iPhone Usage & Limiting Screen Time appeared first on .
from WordPress https://ift.tt/2zCEJ8c
via Tumblr https://ift.tt/2UffukX
Reports have surfaced that Samsung and Verizon are in the talks for a 5G smartphone that is set to be unveiled in the first half of next year. The two companies are planning to present a proof of concept at the annual Qualcomm Snapdragon Technology Summit in Maui this week.
The device will feature Qualcomm’s unreleased processor together with Snapdragon X50 5G NR modem and Qualcomm antenna modules with integrated RF transceiver, RF front-end, and antenna elements.
Verizon stated in a press release that the phone is a result of years of collaboration to find a solution for commercial 5G service by using Samsung network equipment and personal devices.
Samsung on the other hand is also developing its own 5G modem Exynos 5100 which will probably be used for the international variants of the Samsung Galaxy S10 which will probably be running on Exynos processor.
5G connectivity will provide better bandwidth, improved connectivity and boost network reliability. Full implementation of 5G services by networks will offer more capacity and faster download speed compared to today’s 4G LTE network.
Leading smartphone manufacturers such as Nokia, Oppo and Lenovo are among the major brands that are starting work on their 5G smartphones.
Cellular networks in the United States are also racing to provide faster networks and are collaborating with cellphone manufacturers to create better handsets.
Verizon already provides 5G availability in 4 markets in the US and hopes to provide fully functional 5G mobile network in early 2019.
What do you think about 5G? Are you excited about this development? Tell us by leaving your comments below.
The post 5G Smartphone In 2019? appeared first on .
from WordPress https://ift.tt/2G08Vjg
via Tumblr https://ift.tt/2KUfJh0
As more and more people use the internet, privacy and security are becoming major issues. VPN or virtual private network can come as a handy tool if you want to hide your internet footprints.
There are still many people who are unsure about VPN especially because there are so many myths surrounding it. The most common question regarding VPN pertains to its safety and the next is which service is the best?
Here are some factors you need to consider when choosing a VPN provider.
Protocol and Anonymity
People turn to VPN when they want to be anonymous on the web. There are many reasons for this and the most common is for privacy and protection. This is why the foremost on your mind when choosing a VPN provider is their protocol and encryption technique. This is to ensure that date is transmitted securely from your device to the VPN server.
VPN service providers usually use many different protocols. However always choose a VPN provider that uses OpenVPN protocol. For encryption, your best bet is a provider that uses AES-256 bit encryption.
No Data Logging
Choose a VPN provider that does not log your data. There are service providers that log and store data such as your websites visited, payment information, connecting time stamp and other details which defeats the purpose of using VPN in the first place.
No To Free VPN Providers
Nothing in this world is free, including VPN service. You should be wary of companies that provide free VPN service. If services are free, this means that something is compromised. Always remember that it’s better to spend money than compromise your privacy.
If you’re looking at VPN services for home or personal use, make sure that it is within your budget. Usually price increases as the number of connections and features increase. There are also VPN companies that provide generous discounts if you avail of their services for a year rather than paying monthly. If you feel that a certain plan and its features are best suited for your requirements, it’s better to get a yearly subscription compared to a monthly one.
Getting a free trial is not bad though. There are many options to consider and you can check out their features during the free trial to find out which one is the best suited for your needs.
Number Of Servers
When it comes to servers, the more the better.
VPN bypasses the geographical restrictions imposed when accessing the internet. This is why there are people looking for VPN services so that they can view Netflix or other sites not available in their countries.
Check the locations where the VPN servers are located. If you want to connect to a specific location, make sure that they have a lot of servers available in that area.
At Least 2 Concurrent Connections
Choose a provider that allows for multiple concurrent connections. You might want to connect to a desktop and your smartphone at the same time.
There are many VPN providers that have this feature. It is best to use a provider that allows at least 2 concurrent connections at the same time. Check the number of connections you need before subscribing to avoid inconvenience.
This is pretty straightforward. If you need a VPN for Mac, then it should be able to support this platform. The same is true for Windows and others. It is also best to make sure that it can also run on Android and iOS.
Always make an informed decision before subscribing to a VPN provider. It can be an intimidating task but doing research can help you make a better decision.
What features do you look for in a VPN provider? What is your experience with your VPN provider? Tell us by leaving your comments below.
The post Factors To Consider When Choosing A VPN Provider appeared first on .
from WordPress https://ift.tt/2FInp7b
via Tumblr https://ift.tt/2ScDUd2
Did catch Udemy’s Black Friday sale? This was perhaps your best chance to grab courses for unbelievably low prices. The courses on Udemy are reportedly as low as $9.99.
You can choose from web development, app development, security and even programming languages like Java and Python.
There’s still time (approximately 20 hours as of this posting) to grab their awesome $9.99 deals so check out some of their offerings below.
The Web Developer Bootcamp
Learn about HTML, CSS, JS, Node, and more in 42.5 hours of lessons. Learn to make beautiful websites, web apps, blogs and even browser-based games.
This is one of Udemy’s best sellers and originally sells for $199. This means that they’re practically giving it away for free.
Check out the course content here.
Complete Python Bootcamp
Be a Python professional with this course. Start from the basics and then go all the way to the top and learn to create applications and games.
The Python Bootcamp is also on sale at $9.99.
The Complete Ethical Hacking Course
You can be a “hacker” but the ethical kind with this Udemy course. You will learn how to do ethical hacking, penetration testing, web testing, and wifi hacking using Kali Linux.
The skills you learn at this course will help you get skills to get a better job and make money online as a freelancer. Here are the course details.
The Complete Linux Course
This is basically a crash course on everything you need to become a professional Linux System Administrator.
Check out the course by clicking this link.
The Complete Cyber Security Course
Defeat all online threats such advanced hackers, trackers, malware and all Internet nastiness including mitigating government spying and mass surveillance.
Become a cybersecurity expert and learn how to stop hackers.
Cryptocurrency Investment Course
Fund your retirement with the Cryptocurrency Investment Course. Learn to buy and sell Bitcoins and Altcoins on the cryptocurrency exchange.
The course also lets you become a member of the top Cryptocurrency Exchanges so that you can buy and sell each day.
iOS 11 & Swift 4
This is the complete iOS development bootcamp. Learn iOS 11 App Development from beginning to end using Xcode 9 and Swift 4. The course also includes Full ARKit and CoreML Modules.
Build any app you want or work as a freelance iOS developer.
Unreal Engine C++ Developer
Learn C++ and make video games. Learn game design principles, how to use the Unreal Engine 4 Editor, sound effects and audio to add depth to your games, advanced vehicle physics and many more.
Which courses are you eyeing? Do you like learning online? Tell us by leaving your comments below.
The post The Udemy Black Friday And Cyber Monday 2018 Sale appeared first on .
from WordPress https://ift.tt/2r6q9RB
via Tumblr https://ift.tt/2DWoTJi
Web developers like most of us live a fast-paced life. They use their cellphones a lot and not just for communication. Web developers are used to utilizing their cellphones for work instead of relying on their desktops and laptops. Smartphones and tablets also help extend working hours especially during commuting or traveling.
Using smartphones and tablet apps is also great when you don’t want to use a machine. This is why knowing which apps to download for coding, analytics and other web developing jobs is important. Check out some of the best android apps web developers use.
Adobe XD Mobile
Adobe XD mobile is available for Android and iOS too. It is a wireframing and prototyping tool that is a key part of the Creative Cloud. You can use the desktop version for design and prototyping and then see the changes across multiple devices connected through USB. MacOS and Windows 10 users can also load Adobe XD documents from creative Cloud Files. Just place XD documents in your CC file folders on your desktop and then load them on Adobe XD using your mobile or tablet.
Analytix for Google Analytics
Web developers are always striving for traffic and analytics. Many of them rely on Google Analytics integrations within their websites and applications.
Luckily, mobile internet is now available to access GA accounts. Analytix was specifically built to answer GA’s purpose for mobile users. It provides almost all details of your GA account on the website you’re monitoring in a real-time manner.
Keyboards on Android devices are not coder-friendly. Many keyboard apps in market places also hardly meet coder needs. Fortunately Hacker’s keyboard is available for Android devices. It features full five rows and giving desktop-like experiences for anyone who uses it. Best of all it supports multiple layouts and there are also language options.
920 Text Editor
920 Text Editor is a wise choice if you want to view and edit your source code quickly. It has multiple file tabs and supports web syntaxes. 920 also features color coding configuration and automatically detects open file encoding with encoding support.
WordPress for Android
This app enables android devices of web developers to accomplish all WordPress-related backend tasks and gives access to all WordPress features and functionalities. This is a great tool because as we all know, half of all websites in the world is powered by WordPress so accessing dashboard as well as backend through this app on Android devices is real-mobility for many web developers.
Joooid 1.1 Joomla! Editor
Just like WordPress, Joomla is also a famous CMS and web developers also have to deal with backend to manage tasks. Therefore, Joooid is one of the best choices for Android mobile devices to manage affairs of your Joomla powered websites.
Note: There is also a Drupal Editor for Drupal users.
These apps are just some of the most useful tools for web developers who love working on their smartphones. Using these tools can greatly improve your mobile experience and enable you to accomplish tasks when you’re on the go.
Do you have a suggestion? Which of these apps do you frequently use? Tell us by leaving your comments below.
The post Best Android Apps For Web Developers appeared first on .
from WordPress https://ift.tt/2QKeHq7
via Tumblr https://ift.tt/2TbX4kG
Small business owners are constantly looking for ways to get their company brand on the radar of potential customers. Social media is not only a great way to engage customers; it’s also a great way to find new ones.
Small businesses have a big advantage on social media compared to big companies. How? It all boils down to engagement. If a business does not engage with its customers, it will fail social media marketing.
Social media marketing is easy for small businesses as long as you actively post on your pages. Popular social media platforms include Facebook, Twitter, Instagram, LinkedIn and Pinterest.
Here are some reasons why small businesses have the edge on social media over big companies.
Community And Individual Focused
There is a big difference between small and big businesses. The number of employees for instance, as well as revenue is very different between the two. But these are not the only differences. Small businesses tend to be more community and individual focused. They are more involved with their communities which lead to a connection with their customers.
Small businesses can also join the local chamber of businesses in their communities to connect and sometimes partner with other businesses in their marketing efforts.
Small businesses are also more likely to respond to their customers online. They use social media not only to connect and interact but also to launch and sell new products. Therefore, small business can handle influx of customers better and more easily foster connections with their customers on social media.
Less Expensive Advertising
It’s true that big companies have bigger wallets when it comes to advertising. However, social media is free. Paid advertising on these platforms can also be utilized but for the most part, small business owners can enjoy advertising on social media for free.
Instead of coughing up hundreds of dollars to reach the whole nation for advertising on Facebook, small businesses can choose to focus on their locality. Many small business owners know their customers personally making it more natural for their customers to share on social media. Current customers can post about your product or service bringing your brand on the radar of new customers within their networks.
Joint Advertising Efforts
Many small business owners also find it easier to collaborate with other businesses or even their competitors for their marketing strategies.
For instance you can post on Twitter that they can get a 20% discount coupon from another business if they buy from you and vice versa. Another alternative is to team up with another local business for a social media giveaway or contest.
Teaming up with other businesses can help boost brand awareness and broaden your exposure.
Small businesses are also better at personal attention. For many clients, patronizing small business is all about having a good buying experience. According to a survey, 53% of shoppers who patronized small businesses reported that they like the personal service they receive.
In a small business, owners as well as their employees can take time with their customers. They have more time to connect and answer questions.
A big corporation that sells across the nation does not have time to connect with their customers individually. But small businesses can take time to respond or give genuine responses to their customers. This direct connection gives small businesses an edge over large companies.
Social media is an amazing platform for small businesses to connect with their prospects and customers. There are even small businesses that have built their advertising around social media platforms. If done correctly, it can make your sales skyrocket.
Which social media platform do you patronize? Do you find it as an effective marketing tool? Tell us by leaving your comments below.
The post Reasons Why Small Businesses Have The Social Media Advantage appeared first on .
from WordPress https://ift.tt/2PrxrhD
via Tumblr https://ift.tt/2zTQq9T