#frontend web development ottawa | Explore Tumblr posts and blogs

solvixtech · 3 months ago

Text

The Future of Frontend Web Development in Ottawa and Ontario

Frontend web development is the backbone of modern websites. It shapes how users interact with online platforms and ensures seamless experiences. In Ottawa and across Ontario, businesses increasingly rely on expert frontend developers to create visually stunning, user-friendly interfaces. Let’s explore the importance of frontend web development in Ottawa and its role across Ontario.

What is Frontend Web Development?

Frontend web development focuses on the visual and interactive aspects of a website. It involves creating layouts, designing user interfaces, and ensuring responsiveness. Developers use technologies like HTML, CSS, and JavaScript to bring designs to life.

In Ottawa, a thriving business hub, companies aim to deliver standout digital experiences. Professional frontend developers ensure websites are responsive and tailored to users’ needs. This is especially vital in industries like retail, tourism, and government services, where user satisfaction directly impacts success.

The Impact of Frontend Web Development in Ontario

Ontario’s tech ecosystem has seen rapid growth. The demand for frontend web development in Ontario is rising as businesses compete to improve their digital presence. Developers in the region specialize in crafting websites that not only look great but also function seamlessly across devices.

Key Features of Modern Frontend Development

Responsive Design: Ensures websites work on desktops, tablets, and smartphones.

Interactive Elements: Features like animations and sliders enhance user engagement.

SEO-Friendly Structure: Helps websites rank higher in search engines.

Accessibility: Makes sites inclusive for all users, regardless of abilities.

Frontend web development is constantly evolving. In Ottawa and Ontario, businesses are adopting these latest trends:

Dark Mode: Provides a visually appealing and energy-efficient option for users.

Single-Page Applications (SPAs): Faster loading times and smoother navigation.

Progressive Web Apps (PWAs): Combines the best features of apps and websites.

Why Hire Local Frontend Developers?

Hiring frontend developers based in Ottawa or Ontario offers unique advantages:

Understanding Local Needs: Local developers are familiar with the audience’s preferences.

Face-to-Face Collaboration: Allows better communication and project alignment.

Regional Expertise: Developers understand local regulations and market trends.

Businesses in sectors like e-commerce, healthcare, education, and government services heavily rely on frontend developers. A well-designed website can boost engagement and foster trust, critical for business growth.

Challenges in Frontend Development

While frontend web development offers immense benefits, it’s not without challenges. Developers must ensure:

Browser Compatibility: Sites should work seamlessly across various browsers.

Performance Optimization: Faster loading speeds to enhance user experience.

Continuous Updates: Websites must keep pace with changing technologies.

A skilled frontend developer doesn’t just create a website — they craft experiences. In Ottawa and Ontario, businesses see measurable growth when their digital platforms are user-focused and visually appealing. By prioritizing responsive design, interactivity, and local expertise, businesses can create platforms that truly stand out.

Ready to enhance your website and attract more users? Connect with expert frontend developers in Ottawa or Ontario to turn your vision into reality!

#frontend web development #frontend web development ottawa #frontend web development ontario

0 notes

deafeninggladiatorparadise · 1 year ago

Text

#app development ottawa #mobile app development ottawa #android app development company #angularjs development services

0 notes

t-baba · 5 years ago

Photo

Three new online JavaScript events on the way

#481 — March 27, 2020

Unsubscribe : Read on the Web

JavaScript Weekly

Prettier 2.0 “2020” Released — The popular code formatter now adds better defaults, a better CLI, TypeScript 3.8 feature support (e.g. export * as ns), and lots more. Project homepage.

prettier

What Happens When the Maintainer of a Major JS Library Goes to Jail? — The maintainer of the popular core-js library (very commonly used alongside Babel) lost an appeal to overturn an 18-month prison sentence.

Thomas Claburn (The Register)

Online Lab: Build a Blockchain App with JavaScript — Learn how to build a distributed ledger into your JavaScript application using open source tools and best practices in this interactive lab from IBMers Lennart Frantzell and Dave Nugent.

IBM Developer sponsor

HTML DOM: A Resource for Solving DOM Problems with Native APIs — A guide with a list of different things we might normally do with a JavaScript library, but can now be done using native APIs.

Nguyen Huu Phuoc

Angular 9.1 Released: TypeScript 3.8 and Faster Builds — A minor Angular release that acts as a ‘drop-in replacement’ for 9.0 and brings concurrent package compilation for faster build times. A few other niceties too, all covered here.

Stephen Fluin

📅 Forthcoming Online JavaScript Conferences

The reality of world events are encouraging a proliferation of online events to replace in-person events that have been postponed. At least two have been announced in the JavaScript world so far:

⭐️ JavaScript Remote Conf 2020 (May 14-15) — This is being run by the folks behind the JavaScript Jabber podcast. Speakers lined up already include Douglas Crockford, Aimee Knight and Christian Heilmann, and you can submit a talk if you want to join them.

⭐️ ESNEXT CONF 2020 (May 18-22) — This one comes from the Pika folks (of Snowpack fame). 12 speakers over 5 days so it's a gradual pace. You can apply to speak here up until April 3.

⭐️ ForwardJS (May 26-29) — A real world event (ForwardJS Ottawa) that has now become a virtual event. It's going to be a busy May for watching events online 😄

⚡️ Quick Releases

React Native 0.62 — React-powered native app framework.

Vue 3.0 alpha 10

Node 13.12.0

Rollup 2.2.0 — Next-generation ES module bundler.

svgr 5.3 — Convert SVGs into React components.

💻 Jobs

React JS Developer (Remote) — 9+ million people plan outdoor adventures with our apps every day. If you are smart and ambitious, join us to inspire people to explore more of the great outdoors.

Komoot

Principal UI Engineer — Join a tech team based in the heart of NYC and work on a data-driven, cloud solution for the world's leading entertainment brands.

Whip Media Group

Find a Dev 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

ℹ️ If you're interested in running a job listing in JavaScript Weekly, there's more info here.

📘 Articles & Tutorials

Measuring the Performance of JavaScript Functions — “In this article I will explain how you can measure the performance of your functions and what to do with the results you get from them.”

Felix Gerschau

Building a Code Editor with CodeMirror — CodeMirror is an open source project that makes it easy to build advanced text editors into your frontend apps. Here’s how to build a code editor with it and how to connect together all the pieces.

Valeri Karpov

Top GitHub Best Practices for Developers - Expanded Guide — Implementing these best practices could save you time, improve code maintainability, and prevent security risks.

Datree.io sponsor

Deleting Scrobbles on last.fm En Masse with a JS One Liner — A reminder, if you needed one, that running quick, scrappy JavaScript one liners in the devtools can help you gain some serious power over the pages you’re navigating.

Charlie Ritter

How to Use the Web Storage API — An introductory guide to localStorage and sessionStorage.

Chidume Nnamdi

Optimizing JS for Native-Like Webviews — Serving web pages fast enough to feel native.

Leo Jiang

ForwardJS sponsor

How To Make Life Easier When Using Git — Lots of useful bits and pieces in here.

Shane Hudson

How to Use the URL API with Vanilla JavaScript — A simple look at a lesser-known Web API, which lets you grab various bits including the hash, hostname, pathname, protocol, etc.

Chris Ferdinandi

🔧 Code & Tools

TOAST UI Editor 2.0: A Powerful WYSIWYG Markdown Editor — Two years in comes version 2.0, along with 10K GitHub stars to boot. v2.0 has a new Markdown parser, better syntax highlighting, improved scroll syncing and live previews, and more. GitHub repo.

NHN

match-sorter: Deterministic Best-Match Array Sorting — If you have an array full of items that you want to filter and sort ‘intelligently’ and deterministically, check this out.

Kent C. Dodds

Nano ID 3.0: A Unique String ID Generator — Tiny (108 bytes), secure, and URL-friendly. 3.0 requires changes to your code if you’re already using it.

Andrey Sitnik

jsSHA: Pure JS Implementations of SHA-1, SHA-256, SHA3-512, Etc. — If there’s a SHA hash, this library probably covers it.

Brian Turek

Analyze Page Load Time and Optimize Your Front-End Performance

Site24x7 sponsor

Rsup Progress: A Simple Progress Bar with Promises Support

skt-t1-byungi

ElectronCGI 1.0: Build Cross-Platform GUIs for .NET Core — Lets you invoke .NET Core code from Node and vice versa so you can use Electron to build a UI for an app otherwise based on a .NET Core language.

Rui Figueiredo

Dinero.js: A Library for Working with Monetary Values — GitHub repo.

Sarah Dayan

jest-dom: Custom Jest Matchers to Test the State of the DOM — So you want to use Jest to write tests that assert various things about the state of a DOM..

Testing Library

by via JavaScript Weekly https://ift.tt/3auRrGI

#Javascript Branding #Javascript Weekly

0 notes

solvixtech · 19 days ago

Text

Improving User Experiences: The Power of Modern Front-End Web Development

In the digital age, a website or web application’s front-end is often the first impression users have of a business. As the portion of a site that users directly interact with, front-end development plays a crucial role in shaping how people perceive a brand’s credibility, professionalism, and user-friendliness. This article explores the essential components of modern front-end development, highlights emerging trends, and discusses the impact of local opportunities for businesses seeking frontend web development in Ottawa and beyond.

1. Why Front-End Matters

When a user lands on a webpage or opens a web app, the design, layout, and interaction elements collectively influence their decision to stay or leave. If the site loads slowly, lacks intuitive navigation, or appears cluttered, the likelihood of user drop-off escalates quickly. Conversely, a clean and responsive interface fosters trust, encourages engagement, and even drives conversions.

An effective front-end ensures not only aesthetic appeal but also smooth functionality. Buttons must behave as expected, pages should load promptly, and design elements have to adapt seamlessly to different screens or devices. By focusing on front-end best practices, companies can significantly boost user satisfaction and maintain an edge in highly competitive digital markets.

2. Core Elements of Modern Front-End Development

Front-end development is more than simply coding what the user sees. It involves a careful blend of design principles and technical expertise. Here are some vital components:

HTML and CSS: These backbone languages structure and style the page. Semantic HTML improves search engine visibility, while optimized CSS ensures quick load times and consistent design.

JavaScript: This scripting language adds dynamism and interactivity. Through event handling, animations, and real-time updates, JavaScript ensures users remain engaged.

Responsive Design: Given the variety of devices in circulation, creating layouts that adapt to different screen sizes is non-negotiable. Responsive design practices accommodate everything from smartphones to large desktop monitors.

Performance Optimization: Techniques like code minification, image compression, and lazy loading not only speed up sites but also enhance the overall user experience.

3. Essential Tools and Frameworks

Modern front-end developers often rely on a robust ecosystem of tools and frameworks to streamline workflows:

React: Backed by Facebook, React is a component-based library that excels at handling dynamic data and complex user interfaces. It encourages code reusability and is known for its virtual DOM feature.

Angular: Developed by Google, Angular offers a more opinionated structure, making it ideal for larger projects requiring a standardized approach. It leverages TypeScript, adding static typing and advanced tooling to the development process.

Vue.js: Striking a balance between React’s flexibility and Angular’s out-of-the-box features, Vue is celebrated for its gentle learning curve and scalable architecture.

Bundlers and Build Tools: Webpack, Parcel, and other bundlers compile and optimize code, while task runners like Gulp or Grunt automate tasks such as file compression and testing.

4. The Intersection of Performance and SEO

Beyond aesthetics, front-end performance significantly impacts how a site ranks on search engines like Google. Page speed is a direct ranking factor, and a slow-loading site can hamper visibility. Modern SEO strategies also consider mobile responsiveness and user engagement metrics. When bounce rates rise due to slow pages, search engines interpret this as a negative signal, potentially pushing the site lower in search results.

To combat this, developers employ tactics like code splitting, asynchronous loading, and caching. When executed effectively, these strategies ensure that essential components load quickly while secondary features follow in the background.

5. The Accessibility Imperative

Inclusive design goes hand-in-hand with a superior user experience. Accessibility ensures people with disabilities or varying technical constraints can comfortably navigate a site. Developers achieve this by:

Incorporating alt tags on images for screen readers

Maintaining adequate color contrast

Structuring headings for logical screen-reader flow

Providing keyboard navigation options

Such considerations not only demonstrate social responsibility but also widen a website’s reach. Many regions have legal guidelines prompting businesses to adhere to specific accessibility standards, adding another layer of importance to this aspect of front-end work.

6. Responsive, Mobile-First Approaches

With mobile web traffic outpacing desktop usage in many sectors, adopting a mobile-first design strategy is key. Rather than retrofitting a desktop site to smaller screens, developers start with the mobile layout, then scale up. This approach ensures the essential content and features take precedence on limited screen real estate, promoting an uncluttered, user-centric interface.

Effective use of CSS media queries, fluid layouts, and flexible images result in pages that adjust smoothly to every screen size. This not only meets modern user expectations but also boosts site performance.

7. Local Opportunities in Ottawa and Ontario

As front-end technologies evolve, businesses seek specialized talent to keep their websites and apps on par with user expectations. Those looking to level up their digital presence through frontend web app development in Ontario will find a growing community of skilled professionals offering innovative solutions.

Ottawa, in particular, has seen a surge in tech-focused firms and startups. Companies seeking local expertise for frontend web development in Ottawa can benefit from face-to-face communication, region-specific insights, and ongoing support. By partnering with seasoned developers, businesses gain access to custom interfaces optimized for both user satisfaction and operational efficiency.

8. Collaboration with Back-End Teams

Although front-end and back-end tasks are often distinct, they intersect frequently. Effective coordination ensures data is fetched, displayed, and manipulated seamlessly. APIs (Application Programming Interfaces) serve as the bridge, enabling front-end clients to retrieve data from servers without overburdening the user’s browser.

Maintaining open communication between front-end and back-end developers prevents compatibility issues and accelerates troubleshooting. It also fosters a cohesive user experience — from the initial page load to every subsequent interaction. This synergy is especially crucial for complex applications involving frequent data updates or integrations with third-party services.

9. The Future of Front-End Development

Technologies like WebAssembly, progressive web apps (PWAs), and server-side rendering (SSR) are pushing the boundaries of what’s possible in a browser. Moreover, design trends continue to evolve, with minimalism, dark modes, and micro-animations shaping user expectations.

Meanwhile, front-end developers increasingly adopt headless architectures, decoupling the front-end from specific back-end systems. This approach fosters flexibility, enabling teams to swap or upgrade their tech stacks without complete overhauls. The overarching goal remains constant: deliver user experiences that are seamless, visually engaging, and fast.

Thus, front-end development is the digital gateway between users and the wealth of information or services a brand offers. By balancing responsive design, performance optimization, and best-in-class frameworks, businesses can stand out in today’s crowded online environment. Whether you’re a startup aiming to impress prospective clients or an established enterprise looking to modernize, investing in front-end excellence can pay significant dividends.

#frontend web development in Ottawa #frontend web development in Ontario

0 notes

solvixtech · 1 month ago

Text

Improving User Experiences: The Power of Modern Front-End Web Development

1. Why Front-End Matters

2. Core Elements of Modern Front-End Development

Front-end development is more than simply coding what the user sees. It involves a careful blend of design principles and technical expertise. Here are some vital components:

HTML and CSS: These backbone languages structure and style the page. Semantic HTML improves search engine visibility, while optimized CSS ensures quick load times and consistent design.

JavaScript: This scripting language adds dynamism and interactivity. Through event handling, animations, and real-time updates, JavaScript ensures users remain engaged.

Performance Optimization: Techniques like code minification, image compression, and lazy loading not only speed up sites but also enhance the overall user experience.

3. Essential Tools and Frameworks

Modern front-end developers often rely on a robust ecosystem of tools and frameworks to streamline workflows:

Vue.js: Striking a balance between React’s flexibility and Angular’s out-of-the-box features, Vue is celebrated for its gentle learning curve and scalable architecture.

Bundlers and Build Tools: Webpack, Parcel, and other bundlers compile and optimize code, while task runners like Gulp or Grunt automate tasks such as file compression and testing.

4. The Intersection of Performance and SEO

5. The Accessibility Imperative

Incorporating alt tags on images for screen readers

Maintaining adequate color contrast

Structuring headings for logical screen-reader flow

Providing keyboard navigation options

6. Responsive, Mobile-First Approaches

7. Local Opportunities in Ottawa and Ontario

8. Collaboration with Back-End Teams

9. The Future of Front-End Development

#frontend web app development in Ontario #frontend web development in Ottawa

0 notes

t-baba · 5 years ago

Photo

What it takes to maintain a large open source project

#475 — February 14, 2020

Unsubscribe : Read on the Web

An oddly quiet week in terms of big, timely news, but yet again there's so much generally going on that I think we've got a good issue here :-) Till next week!

JavaScript Weekly

FullCalendar: A Full Sized JavaScript Calendar Control — An interesting option if you want a Google Calendar style control for your own apps. Has connectors for React, Vue and Angular. The base version is MIT licensed, but there’s a ‘premium’ version too.

Adam Shaw

How to Make a WebGL-Powered US Counties Map with D3 and Three.js — Creating a simple SVG-based map is one thing, but if you want the best performance, leaning on WebGL and your GPU is a good option. This tutorial covers how to approach moving from SVG to WebGL by way of Three.js.

Mika Iriarte

New: Our 'Most Loved' JavaScript Course 🧡 Gets Updated — Take your JavaScript to the next level. Gain an understanding of callbacks, higher order functions, closure, asynchronous and object-oriented JavaScript.

Frontend Masters sponsor

On the Maintenance of Large Open-Source Projects — A written-up group chat with former Node core team member Bert Belder (of libuv fame) and Leaflet creator Vladimir Agafonkin about what it takes to maintain large open source projects.

Anne-Laure Civeyrac

Tiny Helpers: Single Purpose Online Tools for Web Developers — A growing collection of single-purpose online tools aimed at developers of all types. Covers things like base64 conversion, color management, favicon generators, exploring JavaScript ASTs, key codes..

Stefan Judis

7 (Possibly) Good Reasons Not to Use TypeScript — Hang on.. did you read that headline right? Why not to use TypeScript? Yes, despite all the buzz around TypeScript, you don’t have to use it and there might be good reasons not to (although the reasons presented are highly opinionated and you’re free to disagree too).

Michael Krasnov

Quick bytes:

There's a sneaky bug in Chrome 80 that affects Array#reduce and it has broken people's Angular apps. Here's a potential quick fix.

If you want to go to VueConf in Austin in a few weeks, I'm told this is the last week you can get tickets.

💻 Jobs

Find a Dev 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

Announcing a 100% Remote Opportunity as a Sr. Fullstack Dev (Node/React) — We’re passionate about giving developers the chance to do meaningful work by building transformational technology solutions.

Clevertech

📘 Articles & Tutorials

Why JavaScript is Eating HTML — The idea of JavaScript and HTML remaining separate and never the twain shall meet is now decidedly old-school and HTML-in-JS (a la JSX) is definitely A Thing™. Here’s a tour of all the parts involved.

Mike Turley

Building a Continuous Integration and Deployment Pipeline Using Docker — A really sweet, well paced tutorial that almost anyone would be able to follow to set up a basic CI/CD process for a Node app.

Tania Rascia

A Pool Table-Style 'Bouncing Balls' Simulation in Plain JS — It’s mostly code but included in tutorials as it’s designed to be a learning experience. Here’s a demo of the end result.

Meto Trajkovski

Optimize the Performance of Single Page Applications Using RUM

Site24x7 sponsor

How to Publish an Updated Version of an npm Package — If you release your own npm packages, or if you’ve inherited packages from your team, this is a nice guide that covers many of the challenges with getting a new version out.

Scott Vandehey

70 JavaScript Interview Questions — You’re never going to get a list like this that’s perfect but it’s a pretty solid list of the sorts of questions (and answers) you could get thrown at an interview, so if you’re in that position..

Mark Abeto

4 Methods to Search Through Arrays — includes, find, indexOf, and filter.

Stephen Hartfield

▶ Fast by Default: Algorithmic Performance Optimization in Practice — A talk from dotJS 2019.

Vladimir Agafonkin

ForwardJS Ottawa (May 26-29) Speakers Announced — Topics include React/Redux, TypeScript, containers, design systems, static sites, scaling teams and monorepos. Join us.

ForwardJS sponsor

Building Bridges with Other Departments in Developer Relations — If you've been in the JavaScript world a while, you might be familiar with Estelle Weyl and her insights will interest you if a career in developer relations has ever intrigued you.

Dave Nugent and Estelle Weyl

How To Create Maps with React and Leaflet

Shajia Abidi

Building a 'Grouper' Component for Svelte — Mat Ryer shows how you can build a Grouper component in Svelte to neatly group up lists into meaningful sections.

Mat Ryer

🔧 Code & Tools

Debug Visualizer: Visualize Data While Debugging in VS Code — An interesting looking VS Code extension that lets you visualize the result of an repeatedly evaluated expression. An intriguing idea, though I think you’d need to fiddle a bit to get the results you want.

Henning Dieterichs

plink-plonk.js: Listen to Web Pages As Their DOM Changes — This is really cool. Run this code at a console on a ‘busy’ Web page with lots of DOM changes and updates and you’ll be able to ‘hear’ them taking place.

Tom Hicks

Stream Chat API & JavaScript SDK for Custom Chat Apps — Build real-time chat in less time. Rapidly ship in-app messaging with our highly reliable chat infrastructure.

Stream sponsor

Type Route: A Flexible, Type-Safe Routing Library — A flexible routing library with TypeScript support, designed with React integration in mind (indeed, it’s used in React Router), but can be used with any framework (Vue, Angular, etc).

type-route

Ionic 5 Released: A Popular Webapp + Native Framework — Ionic’s goal is to get you an app you can put on an app store and the Web with a single shared code base, yet with adaptive styling to look native in each case. It was originally focused on Angular but now has an official React integration.

Brandy Carney

esbuild: An Extremely Fast JavaScript Bundler and Minifier, But... — An experiment in proving that tools for bundling JavaScript can actually be very fast.. though in this case by implementing one in Go ;-)

Evan Wallace

LegraJS: Render Lego Brick Graphics to a Canvas — A small library for drawing LEGO style brick shapes on to a canvas.

Preet Shihn

by via JavaScript Weekly https://ift.tt/2OUlWNn

#Javascript Branding #Javascript Weekly

0 notes

t-baba · 5 years ago

Photo

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

#HTML5 Branding #HTML5 Weekly

0 notes