Facebook Groups to Allow Connect Via Messenger with Fellow Members without Adding Them

Can you tell how many Facebook groups you have joined so far? Surely, you cannot share the exact figure as there must be numerous especially if you are on Facebook from a long time. Around 1.4 billion users are already members of Facebook groups and more than 10 percent of the total groups on...

[ This is a content summary only. Visit our website https://ift.tt/1b4YgHQ for full links, other content, and more! ]

by Aqsa Rasool via Digital Information World

5 Projects to Help You Master Modern CSS

Many claim CSS is not a programming language. I agree — it's tougher. A mastery of CSS requires skills in design, determination, inventiveness, experience, as well as coding (especially when using preprocessors such as Sass).

CSS suggests layouts and styles to the browser. A browser can interpret those suggestions whichever way it chooses and, even then, the user or device can ignore or override any properties. Creating high-performance code which works well across all devices and screen resolutions is a challenge that few attempt or successfully complete. However, the rewards can be exhilarating.

Starting with the easiest, the following project suggestions will help you on your journey to CSS mastery using books available at SitePoint Premium.

1. Make a Site Printer-friendly

Visit a site you're working on and attempt to print (or print preview) a page. Are you happy with the results?

HTML pages are a continuous medium which do not necessarily work well on printed media. Inappropriate sections, scaling, text sizes, column dimensions, and missing or cropped content all lead to an inaccessible printing experience that few developers consider.

Fortunately, print CSS can be developed within a few hours. It's generally a matter of resetting styles (black on white), removing unnecessary sections (menus, hero images, forms, social media widgets, etc.), linearizing the layout, and reducing the paper and ink requirements.

Delve into Browser-based Developer Tools (from CSS Master) and Browser DevTool Secrets to discover how to examine and modify styles after switching to print rendering.

Applying CSS Conditionally describes how to define @media query rules including print stylesheets.

Consider your Strategy Guide to CSS Custom Properties (from New Frontiers In Web Design) to determine whether CSS variables could help with printing properties. Also consider Accessibility (from CSS Animation 101) to switch off animations or print them in the best state.

Finally, How to Create Printer-friendly Pages with CSS (from CSS Tools & Skills) provides a full print-optimization tutorial with tips to save ink and paper costs.

2. Apply Theming to an Existing Site

A single color scheme is boring! Everyone expects a dark mode option in their OS and applications, so why not add one to your website?

Until recently, theme switchers typically required an additional set of styles with JavaScript-powered switching controls. However, modern browsers make life easier with CSS Custom Properties (variables) and the prefers-color-scheme @media rule.

Strategies for Theming (from New Frontiers In Web Design) provides a range of ideas and considerations when designing your new theme.

Applying CSS Conditionally (from CSS Master) describes how to define @media query rules including prefers-color-scheme.

Finally, Modern CSS: Adding a CSS Dark Theme (from Modern CSS) provides a full dark-theme-enabling tutorial.

The post 5 Projects to Help You Master Modern CSS appeared first on SitePoint.

by Craig Buckler via SitePoint

Siri and Pixel can listen better than humans produce sound, research proved vulnerability

The studies and experiments of Washington University in St. Louis found out that voice assistants can listen far wider than humans can produce. According to their experiments, the voice assistant can listen to the inaudible vibration even if they are at the distance of 30 feet away at the...

[ This is a content summary only. Visit our website https://ift.tt/1b4YgHQ for full links, other content, and more! ]

by aqsqa qadir via Digital Information World

Is Your Phone Keeping You Awake?

Gone are the days when you had to run to the kitchen just to answer the one telephone in the house. Now, your phone seems to always be with you. Beyond that, it is much more than just a tool to talk to your friends and family. The phones of today allow you to do just about anything that you could...

[ This is a content summary only. Visit our website https://ift.tt/1b4YgHQ for full links, other content, and more! ]

by Web Desk via Digital Information World

Website Inspiration: CoMotion 2020

Fun header animation in this super long scrolling One Pager for the CoMotion 2020 event. Note the reuse of the pencil branding in the back-to-top button – nice touch. Also thought it was real classy linking out to each of the event volunteers websites – well played.

Full Review

by Rob Hope @robhope via One Page Love

The 5 Best Android Emulators for PC of 2020 [Sponsored]

Running Android games and apps on PCs have become a popular thing and there are many users that run Android Emulators on their PCs just to get the Android experience on their device. Android emulation on PC is possible and there are many emulators out there but here are the 5 Best Android...

[ This is a content summary only. Visit our website https://ift.tt/1b4YgHQ for full links, other content, and more! ]

by Web Desk via Digital Information World

New Survey Reveals People Don’t Know About Tech Monopolies

One of the truths about the word we live in today that many people are unfamiliar with has to do with the various ways in which tech monopolies are governing our everyday lives. If you stay up to date with the countless changes that occur in the world of tech, you would probably know that there are...

[ This is a content summary only. Visit our website https://ift.tt/1b4YgHQ for full links, other content, and more! ]

by Zia Muhammad via Digital Information World