Responsive IFRAMEs

Responsive web design revolutionized the web and spurred a movement away from native apps to web apps easily customizable for a mobile environment.  We use media queries and non-pixel-based dimensions to make responsive design easier; in fact, img { max-width: 100% } is one of my favorite CSS snippets.  IFRAME elements cause an all together different […]
The post Responsive IFRAMEs appeared first on David Walsh Blog.

Link: https://davidwalsh.name/responsive-iframes

Switch font color for different backgrounds with CSS

Ever get one of those, “I can do that with CSS!" moments while watching someone flex their JavaScript muscles? That’s exactly the feeling I got while watching Dag-Inge Aas & Ida Aalen talk at CSSconf EU 2018.
They are based in Norway, where WCAG accessibility is not a just good practice, but actually required by law (go, Norway!). As they were developing a feature that allows user-selectable color theming for their main product, they faced a challenge: automatically adjusting …
The post Switch font color for different backgrounds with CSS appeared first on CSS-Tricks.

Link: https://css-tricks.com/switch-font-color-for-different-backgrounds-with-css/

Top 8 WordPress Plugins for Web Developers

1. Yoast SEO

Yoast SEO is one of the most used WordPress Plugins for SEO purposes. This plugin provides tools which help you increase your position in search engine results. This plugin also helps you analyze content on web pages and blog posts, and makes suggestions to fine-tune your search engine optimization.         
2.  LambdaTest
The LambdaTest WordPress plugin can be used to take full page screenshots of posts and pages across different desktop and mobile browsers right from the WordPress admin panels. These screenshots will fast-track cross-browser compatibility testing of web pages and websites hosted on WordPress.

Link: https://dzone.com/articles/top-8-wordpress-plugins-for-web-developers?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev

Create the Google Button Effect with CSS

I always found Google’s branding simple but grew to realize that was the beauty in their design; there’s something about “just enough” that is the perfect balance between bland and over the top.  GMail’s design grew old over the years and Google just got around to updating its design and it’s true to the Google […]
The post Create the Google Button Effect with CSS appeared first on David Walsh Blog.

Link: https://davidwalsh.name/google-button

Textarea Tag Busted

The textarea is an HTML tag mostly used for messages and comments. It is very similar to inputs, but, because it provides an option to have more than one line of text, it is not presented as input [type=”textarea"].
In this post, we’ll go over all the options for using this tag, along with some often asked questions about it.

Link: https://dzone.com/articles/textarea-tag-busted?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev

Hyperlinking Beyond the Web

Atishay Jain, on CSS Tricks, writes about an area close to my heart, linking: Hyperlinks are the oldest and the most popular feature of the web. The word hypertext (which is the ht in http/s) means text having hyperlinks. The ability to link to other people’s hypertext made the web, a web — a set of connected pages. This fundamental feature has made the web a very powerful platform and it is obvious that the world of apps needs this feature. All modern platforms support a way for apps to register a URI (custom protocol) and also have universal links (handling web links in an app).

Link: https://dzone.com/articles/hyperlinking-beyond-the-web-css-tricks?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev