#web development with react native orlando

[mindsparktechnologies]

Web development companies in Orlando

Web development companies in Orlando

[t-baba]

Flow, a truly new browser with a new rendering engine

#424 — January 22, 2020

Read on the Web

Frontend Focus

Cleaning Up the CSS Cascade — A genuinely beautiful explanation to how browsers handle the cascade in Cascading Style Sheets (CSS). If you’re an expert, you might not learn much here, but it’s a resource worth passing on to others.

Amelia Wattenberger

Native Web Components Come to Microsoft Edge (Thanks to Chromium) — We mentioned in last week's issue how Microsoft’s Chromium-based version of Edge is now available, this also means that “all major evergreen browsers now support Web Components natively.”

Polymer Project

Clubhouse.io: Make 2020 Your Most Productive Year — Clubhouse is a collaborative home for software development that breaks down silos and brings creators together to ship value, not features. Now free for up to 10 users.

Clubhouse.io sponsor

▶  Writing CSS in The Year 3019 — A look at how topics such as progressive enhancement, accessibility, internationalization, and performance (as it relates to writing CSS) work today and how they may change.

Ire Aderinokun

Navigating The Web with a Gamepad — A thorough look at how you can navigate a page using a gaming controller (via the in-draft Gamepad API). Highlights how to move focus, use all the controller inputs and even provide feedback using the vibration motors.

De Voorhoede

Timeless Web Dev Articles — This is a great Twitter thread full of links to what folks consider to be timeless articles on web development. Plenty to dig into and add to your reading list.

Pavithra Kodmad on Twitter

HEAD: Everything To Go In Your HTML's head Element — From the basics up to a vast number of meta and link tags useful in various situations. We linked to this a year ago but it’s been updated over 2019 and remains a valuable resource.

Josh Buchea

Flow: A New Browser On The Block? — An interview with Piers Wombwell, lead developer of Flow, a new in-development browser that has a completely new multi-threaded rendering engine (with no relation to WebKit, Gecko, or Blink).

Peter-Paul Koch

💻 Jobs

Programmer - Research & Fidelity (United States) — Join our Research & Fidelity team and help shape the front end of our Rails apps and expand our suite of open-source JavaScript frameworks.

Basecamp

Senior Frontend-Focused Engineer in Munich — Do you love working with React, TypeScript, GraphQL, and working in a user-centred team? Then you're in for a treat. 🍪 Let's protect some businesses together. 🙌

Finanzchef24

Find a Job Through Vettery — Vettery is completely free for job seekers. Make a profile, name your salary, and connect with hiring managers from top employers.

Vettery

📙 Articles, Tutorials & Opinion

How We Built Picture-in-Picture in Firefox Desktop with More Control Over Video — A detailed behind-the-scenes look at the evolution of the Picture-in-Picture player for the Firefox Desktop browser.

Mike Conley, Emanuela Damiani (Mozilla)

Building a D3 Dashboard with React, Material UI and Cube.js — Uses Postgres for the database (though you can use another, if you prefer) with React and D3 on the front end.

Cube Developers

Learn WebAssembly with This Practical and In-Depth Book

Level Up With WebAssembly Book sponsor

Fines for EU Privacy Breaches (GDPR) Reach 114 Million Euros

Douglas Busvine

Microsoft Edge for Windows 10 Finally Delivers A Top-Class Browser — If you haven’t had chance to try out Microsoft’s new version of Edge yet, here’s a review outlining what to expect.

Zac Bowden

Google Sunsetting Support for data-vocabulary Schema — As of April 6, data-vocabulary markup will no longer be eligible for Google rich result features.

Dan Brickley & Moshe Samet (Google)

How to Turn a Procreate Drawing into a Web Animation — Procreate is an iPad drawing app.

Sarah Drasner

Understanding the “Initial”, “Inherit” and “Unset” CSS Keywords

Elad Shechter

How To Self-Host Your Web Fonts

Kev Quirk

Copy to The Clipboard using JS and The Clipboard API

Catalin Rosu

🔧 Code, Tools and Resources

calcolor: Calculate Colors, Share Palettes — The author of this nifty tool has just written a thesis on the problems with common color models, and this web app came about following that research. It provides an alternative way to interact with digital color — Use it to preview/reference a single color, find its matching counterparts and tweak the color composition.

Timon Weber

Polypane 2.1: Edit All Your Panes At The Same Time — A new release of this (paid) developer-focused browser. Version 2.1 adds a nifty live CSS feature, a new meta information panel and rich snippet previews.

Kilian Valkhof

GooFonts: Google Fonts by Tags — This site has taken the 900+ available Google Fonts and tagged/grouped them all by keywords (such as cursive, corporate, magic, funny, etc).

Paulina Hetman & Sylvain Guizard

fitty: Makes Text Fit Perfectly — This lightweight JS package will scale up (or down) text so it fits perfectly to its parent container.

Rik Schennink

   🗓 Upcoming Events

Flashback Conference, February 10-11 — Orlando, USA — Looks at cutting-edge web dev, browser APIs and tooling, but adds how they’ve evolved from the past to the web of today.

Frontend Developer Love, February 19-21 — Amsterdam, Netherlands — Three full days of talks from 35+ global JavaScript leaders from around the world.

ConveyUX, March 3-5 — Seattle, USA — This West Coast user experience conference features over 65 sessions across three days.

W3C Workshop on Web & Machine Learning, 24-25 March — Berlin, Germany — Hosted by Microsoft, this free event aims to “bring together providers of Machine Learning tools and frameworks with Web platform practitioners to enrich the Open Web Platform with better foundations for machine learning”.

by via Frontend Focus https://ift.tt/2tH6dd7

[mindsparktechnologies]

web development with react native orlando | Offshore web development orlando

website development in Orlando

[mindsparktechnologies]

web development with react native orlando | Offshore web development orlando

[t-baba]

Microsoft's Chromium-based browser arrives

#423 — January 15, 2020

Read on the Web

Frontend Focus

Microsoft's Chromium-Powered Browser Arrives — The new version of Microsoft Edge is now out of preview and available for download. Developer documentation for the updated browser can be found here. (So, what's the nickname for this one then? Edgium? Credge? 😅)

Kyle Pflug (Microsoft)

Google to Phase Out User-Agent Strings in Chrome — User agent strings have been a part of the Web since (almost) the very beginning, but there’s a growing movement to reduce their status. Chrome plans to shift to using Client Hints and Apple, Microsoft and Mozilla have shown interest in freezing or phasing out user agent strings too.

Catalin Cimpanu

On-Demand Webinar: How to Prepare Your Data Pipeline for Machine Learning and AI — Training-based session on transforming your data to power machine learning and AI projects. Use AWS Data Pipeline to automate data movement and transformation and explore software solutions in AWS Marketplace that make your data analytics-ready.

Amazon Web Services (AWS) sponsor

Chrome Experimenting with Web NFC Implementation — Web NFC aims to provide a way for sites to read and write to a nearby NFC tag. Google are currently experimenting with implementing the API with a view to shipping in Chrome 84. You can scrub up on the spec here, and try a Chrome-only demo (behind a flag) here.

François Beaufort

A Short History of Body Copy Sizes on the Web — An interesting look into how default text sizes have changed over the years, some thoughts as to why we’ve seemingly landed on 16px as the default, and what modern variable solutions are emerging.

Florens Verschelde

Get Started Building Extensions for The New Microsoft Edge — Now that it's here, you may want to look into developing an extension for Microsoft’s new version of Edge. The good news is that most existing extensions built for Chrome will work without any modifications.

Killian McCoy

Google Plans to Kill Off Third-Party Cookies in Chrome 'Within 2 Years' — The search giant is setting out a long grace period for its intended browser change and is asking the online advertising industry to help it build more privacy-focused alternatives to the cookie. Here's Google's blog post on it.

Digiday

💻 Jobs

Full-Stack or Front-End Engineer - Rails/React (Remote/NYC) — Got 2+ years of experience? Come help build the next iteration of our growing digital recovery platform centered on providing alcohol abuse treatment.

TEMPEST

Find a Job Through Vettery — Vettery is completely free for job seekers. Make a profile, name your salary, and connect with hiring managers from top employers.

Vettery

📙 Articles, Tutorials & Opinion

Why You Should Choose <article> over <section> — “Think of <article> not just as a newspaper article, or a blog post, but as an article of clothing — a discrete entity that can be reused in another context.” This has key implications for users using assistive technology like screen readers.

Bruce Lawson

CSS4 Is Here — Of course, it isn’t - but PPK argues that saying as much may be a good marketing move to entice the 'cult of new'.

Peter-Paul Koch

Text Links: Best Practices for Screen Readers — Compares screen reader behavior for aria-label and title attributes on text links. This sort of stuff is always worth scrubbing up on.

Sailesh Panchang

Make 2020 the Year to Master MongoDB. Try Studio 3T Today — Generate driver code for JavaScript, Python, Ruby and more? Build queries fast with our drag & drop editor? Of course.

Studio 3T sponsor

A Basic Example of the Web Share API — The Web Share API enables native sharing (via other apps/social networks) on pages.

Dillion Megida

The End of Indie Web Browsers: You Can (Not) Compete — Explores how DRM in browsers (in place to appease the Netflix’s and HBO’s of the world) has somewhat restricted independent browser development.

Samuel Maddock

Pixels Vs. Relative Units in CSS: Why It’s Still A Big Deal

Kathleen McMahon

Why Should You Use HSL Color Representation in CSS?

Mateusz Piguła

▶  Building Resilient Frontend Architecture

Monica Lent

CSS-Only Carousel — A look at just how far HTML and CSS will take you when building a carousel/slideshow.

Chris Coyier

Fixed Table Headers — Revisiting how to build a table with fixed headers using position: sticky.

Adrian Roselli

Seven CSS Properties You Had No Idea About — I wasn’t familiar with bleed, caret-color and the now deprecated azimuth properties.

Tomasz Łakomy

🔧 Code, Tools and Resources

Tailwind CSS Adds Grid Support — Note this is only the pre-release of version 1.2.0, but adds plenty, including CSS Transition, Transform & Grid support.

Tailwind CSS

Variable Fonts — This site isn’t new, but continues to be a handy resource for both finding and trying out a growing collection of variable fonts.

Nick Sherman

CFP for ForwardJS San Francisco and Ottawa Now OPEN

ForwardJS sponsor

Palettab — If you’re constantly on the source for color palette inspiration then this Chrome extension may be just the ticket. It shows a color swatch and font pairing on every new tab.

Tim Holman & Claudio Guglieri

Tiny Helpers — Some good stuff in this growing collection of single-purpose online tools for web devs.

Stefan Judis

Harp: A Static Web Server with Built-in Preprocessing

Chloi Inc.

   🗓 Upcoming Events

Flashback Conference, February 10-11 — Orlando, USA — Looks at cutting-edge web dev, browser APIs and tooling, but adds how they’ve evolved from the past to the web of today.

Frontend Developer Love, February 19-21 — Amsterdam, Netherlands — Three full days of talks from 35+ global JavaScript leaders from around the world.

ConveyUX, March 3-5 — Seattle, USA — This West Coast user experience conference features over 65 sessions across three days.

W3C Workshop on Web & Machine Learning, 24-25 March — Berlin, Germany — Hosted by Microsoft, this free event aims to “bring together providers of Machine Learning tools and frameworks with Web platform practitioners to enrich the Open Web Platform with better foundations for machine learning”.

by via Frontend Focus https://ift.tt/2TqEMi5

[t-baba]

Bootstrap 4.4.0 arrives, Firefox Replay unveiled on macOS (only, for now)

#419 — December 4, 2019

Read on the Web

In case you were wondering if you were missing an issue of Frontend Focus last week, we took a break for Thanksgiving :-)

Frontend Focus

Making a Better Custom Select Element — Julie Grundy kicks off 24ways’s fifteenth Web developer advent calendar with a fantastic article digging deep into the thorny issue of customizing form inputs while keeping them accessible.

Julie Grundy

Bootstrap 4.4.0 — This update to the popular component library introduces new responsive containers and classes, new functions and mixins, along with various fixes and deprecations.

Mark Otto, Jacob Thornton, and Bootstrap contributors

New Course: ⚛️ GraphQL + React Hooks — Learn to use GraphQL on the client-side using React with Apollo Client.

Frontend Masters sponsor

Mozilla Shows Off Firefox Replay for Nightly Builds on macOS — It's still very early days, but this new tool allows you to record, replay and rewind various processes, including JS behaviour, DOM changes, graphical updates and more. Cross-platform support will come later. Detailed information on the project is over on Mozilla’s site.

Paul Hill

How to Use New CSS :is() for Easy Element Targeting — A straightforward look at this new “matches-any” pseudo-class, a successor of sorts to the :any() and :matches() selectors. Runs through a few uses cases, including pairing it up with :not.

Kezz Bracey

▶  Do This to Improve Image Loading On Your Website — Jen Simmons explains how adding width and height attributes to all your images is something you may want to start doing again, as this can now help stop load ‘jank’.

Mozilla Developer

A W3C Status Update on Web Games Technologies — The W3C has a quick bullet-point roundup of where things standard regarding various technologies used in building games for the Web, such as WebAssembly, the Gamepad API, and the Web Monetization API.

François Daoust (W3C)

💻 Jobs

Software Engineers, Frontend at Fictiv (San Francisco) — We bring a user friendly experience to manufacturing, making it easy to turn designs into real products. Use the latest tech and JS to iterate quickly, ensuring a rapid feedback loop between us and our customers.

Fictiv

Frontend Developer at X-Team (Remote) — Work with the world's leading brands, from anywhere. Travel the world while being part of the most energizing community of developers.

X-Team

Find a Job Through Vettery — Make a profile, name your salary, and connect with hiring managers from top employers. Vettery is completely free for job seekers.

Vettery

📙 News, Tutorials & Opinion

Edge Vs. Chrome: Microsoft's Tracking Prevention Hits Google The Hardest — The new Edge browser, built on the same open source code as Google Chrome, contains a new Tracking Prevention feature that blocks third-party trackers and, at the Strict setting, many ads.

Ed Bott

The Firefox UI Is Now Built with Web Components — A few weeks ago Mozilla moved away from their XML-based UI implementation over to one built using Web Components. This blog post explains the what and the why behind this years long effort.

Brian Grinstead

An Introduction to the Picture-in-Picture Web API — Chrome supports a ‘picture-in-picture’ mechanism for creating floating video windows that continue to play even if a user navigates to a different page. Firefox and Safari have support via proprietary APIs too.

Ayooluwa Isaiah

WebSockets Vs Long Polling — Should you ever use Long Polling instead of WebSockets? Read more in this protocol comparison.

Ably sponsor

▶  Lessons Learned From Performance Monitoring in Chrome — Filmed at the recent performance.now() conference, this talk is full to the brim with insightful performance know how. Here’s the related slides.

Annie Sullivan

Switch It Up with CSS Custom Properties — The bare basics of using CSS custom properties (a.k.a. CSS variables) particularly with theming.

Kristofer Giltvedt Selbekk

Labels Are A Last Resort — Worry not, this isn’t about forms and accessibility, more so about practical label placement, emphasis, and whether you may need one at all in certain scenarios.

Refactoring UI

▶  Predictive Prefetching — Examines the techniques currently being developed, like GuessJS, to make predictive prefetching a reality.

Divya Sasidharan

▶  When JavaScript Bytes — Practical ways to reduce the amount of JavaScript we’re sending down to the people using our sites.

Tim Kadlec

Building Animated Draggable Interfaces with Vue.js and Tailwind — Tailwind CSS is an increasingly popular CSS framework.

Cristi Jora

Tried & True Productivity Tips from 25 React Experts

Progress KendoReact sponsor

Checklist to Avoid The Most Common Accessibility Errors

Bruce Lawson

Create HTML5 Native Games in Ionic Capacitor using Phaser

Abhijeet Rathore

🔧 Code, Tools & Resources

CSSYBERTRUCK — An animated CSS recreation of the Tesla Cybertruck. Be a shame if someone was to tamper with those windows...

David Khourshid codepen

WebGLStudio.js: A 3D Graphics Editor in the Browser — It’s not new but its author says it’s now mature, ready to be extended, and can be used in production (although a 1.0 release is still a little way away).

Javi Agenjo

Featured GSAP 3 Pens: A Collection by GreenSock — Last week we shared news of GSAP 3’s release, and here the GreenSock team share a collection of Codepens that show off the animation library’s new features.

GreenSock codepen

Happy Hues: Curated Colors in Context — A color palette ‘inspiration site’ that shows you the colors in a ‘real-world’ context.

Mackenzie Child

Creepyface: JS Library That Makes Your Face Follow The Pointer

Alejandro Tardín

Screenshot-to-code: A Neural Network That Transforms A Design Mock-up Into A Static Website

Emil Wallner

Wireframer: Generate SVG 'Mock Text' for Your Wireframes

Jim Raptis

   🗓 Upcoming Events

Flashback Conference, February 10-11 — Orlando, Florida — Looks at cutting-edge web dev, browser APIs and tooling, but adds the understanding of how they’ve evolved from the past to the web of today.

FrontFest, February 15 — Madrid, Spain — A Spanish conference, now in its fourth year.

Frontend Developer Love, February 19-21 — Amsterdam, Netherlands — Three full days of talks from 35+ global JavaScript leaders from around the world.

CityJS Conf, March 27 — London, UK — A 'JavaScript festival' across London.

by via Frontend Focus https://ift.tt/2OP23Yf

[t-baba]

How new features get added to Chrome and Blink

#418 — November 20, 2019

Read on the Web

Frontend Focus

What Newspapers Can Teach Us About Web Design — From the Gutenberg Principle to grid systems to above the fold, newspapers teach us much about the foundations of web design. Frederick O’Brien digs into what can be learned from the printed press.

Smashing Magazine

Intent to Explain: Demystifying the Blink Shipping Process — How do features get added to Chrome? What process goes on behind the scenes to bring the latest Web features to Chromium, Blink, et al.? Here’s an overview of the process, and if you prefer a talk/video version, there’s one of those too.

Google

Node.js Learning Path: Build Web APIs and Apps — Join both Scott Moss and Jem Young on this learning path to discover how to deploy Node-powered apps and design and build APIs in Node from the ground up.

Frontend Masters sponsor

GSAP 'GreenSock' 3 Available Now — This popular ‘swiss army knife’ of a JavaScript animation library just saw its version 3.0 release. It’s a significant upgrade with over fifty new features and changes, including a simplified API, a new motion paths plugin, ES6 module support, and more. You can see the the full release notes here, or if you’d rather here’s a video of the highlights.

GreenSock

▶  Interactive Web Animation with SVG — A whistle-stop tour of delightful SVG animations and how this graphics format “provides a link from the world of design to the world of development”.

Cassie Evans

Firefox’s Fight for The Future of The Web — “Ultimately, Firefox’s future is as much down to the decisions of a few regulators as it is about anything Mozilla can do”.

Alex Hern (The Guardian)

Chrome, Edge, Safari Hacked At Chinese Hacking Contest — White-hat hackers gathered in Chengdu to test zero-days against today’s top browsers.

Catalin Cimpanu

💻 Jobs

Senior Software Engineer at Getty (Los Angeles, CA) — Build fantastic tools and interfaces at one of the world's most prestigious cultural heritage orgs using Linked-Open-Data, Python, Structured-CMS, Vue.js.

J. Paul Getty Trust

Find a Job Through Vettery — Make a profile, name your salary, and connect with hiring managers from top employers. Vettery is completely free for job seekers.

Vettery

📙 News, Tutorials & Opinion

Cropping Images to a Specific Aspect Ratio with JavaScript — How to use the HTML canvas API and some basic math to build a tiny crop helper function, making it easy to quickly crop images in various aspect ratios.

Rik Schennink

▶  Become An HTML Email Geek With These Videos From Rémi Parmentier — Genuinely useful guides to designing HTML emails and working with the quirks of targeting email clients (truly a minefield compared to normal browsers).

Rachel Andrew

Tried & True Tips from 25 React Experts to Make You More Productive — Check out the top productivity tips of 25 React experts, from smart ways to get started with React to advanced hacks.

Progress KendoReact sponsor

▶  HTTP Headers for the Responsible Developer — Explores how HTTP headers have a direct impact on user experience. Related slides here.

Stefan Judis

How Do You Remove Unused CSS From a Site — Chris Coyier shares some skepticism at those unused CSS tools that promise to take care of everything, highlighting their issues and suggesting an alternative practice.

CSS Tricks

▶  You Are Doing :focus Wrong (And I Was Too) — A good primer on focus states and how using them can make lives easier for those navigating your pages via the keyboard. P.S: Never turn :focus off.

Kevin Powell

A List of All the Tools Used to Create a Hit HTML5 Game on Steam — They sold over 200k units so they clearly got something right.

Maschinen-Mensch

▶  Learn More About Accessibility in Web Standards. Listen Now

Heroku sponsorpodcast

Real Web Development on iPad — Outlines how to get setup for full-stack development on the iPad, including a look at how iOS automation can help.

Lachlan Campbell

Pac-Man...in CSS — A fun little tutorial recreating a “happy, eating Pac-Man” using the clip-path property. Waka waka!

Maks Akymenko

Comparing the Different Types of Native JavaScript Popups

Elliot Goldman

🔧 Code, Tools & Resources

siriwave: The Apple Siri Wave-Form Replicated in A JS Library — This isn’t a particularly new project, but was recently updated and as such landed on our radar. It’s a neat recreation of the Siri ‘look’ made with JavaScript. There’s a detailed blog post outlining how the effect was achieved, and a demo where you can see it in action.

Flavio Maria De Stefano

ScrollTrigger: Let Your Page React to Scroll Changes — Triggers classes based on the current scroll position. So, for example, when an element enters the viewport you can fade it in.

Erik Terwan

bootlint: HTML Linter for Bootstrap Projects — Despite only just reaching version 1.0, this is a popular and mature linting tool that checks for several common HTML mistakes in webpages that are using Bootstrap in a fairly “vanilla” way.

Bootstrap

Flynt: A Component Based WordPress Starter Theme for Developers — It’s open source but with a commercial variant.

Bleech

   🗓 Upcoming Events

Frontend Con, November 26-27 — Warsaw, Poland — Brings together 30+ experts with over 500 experienced frontend pros from all over the world.

dotCSS, December 4 — Paris, France — The largest CSS conference in Europe.

Flashback Conference, February 10-11 — Orlando, Florida — Looks at cutting-edge web dev, browser APIs and tooling, but adds the understanding of how they’ve evolved from the past to the web of today.

Frontend Developer Love, February 19-21 — Amsterdam, Netherlands — Three full days of talks from 35+ global JavaScript leaders from around the world.

by via Frontend Focus https://ift.tt/2D5epVq