#Hire Angular developers in Edinburgh

[itjobboard789]

Unlocking Opportunities: ASP.net Jobs UK

In the rapidly evolving world of technology, ASP.net jobs in the UK have emerged as a cornerstone for web development professionals. Companies increasingly rely on this versatile framework to create scalable, secure, and dynamic web applications, opening doors to exciting career advancements for skilled developers.

Why Choose ASP.net?

The Framework’s Strengths

ASP.net, developed by Microsoft, offers a robust framework for building enterprise-level web applications. It supports multiple programming languages, seamless integration with Microsoft services, and unmatched scalability. These features make it an ideal choice for businesses looking to implement complex web solutions.

High Demand Across Industries

From e-commerce platforms to financial institutions, the demand for ASP.net developers spans diverse sectors. Businesses in the UK recognize the value of developers who can leverage this framework for building efficient and secure web applications.

Key Skills Required for ASP.net Jobs UK

To stand out in the competitive job market, possessing the following skills is crucial:

Proficiency in .NET Framework: A deep understanding of the framework and its components like CLR (Common Language Runtime) and FCL (Framework Class Library).

C# Programming Expertise: As the primary language for ASP.net, mastery of C# is essential.

Front-End Development: Knowledge of HTML, CSS, JavaScript, and frameworks like Angular or React.

Database Management: Skills in working with databases such as SQL Server or MySQL.

Problem-Solving Abilities: A strong analytical mindset to troubleshoot and optimize code.

Top Opportunities for ASP.net Developers in the UK

1. Thriving Tech Hubs

Cities like London, Manchester, and Edinburgh are home to leading tech firms actively hiring ASP.net Jobs UK developers. These hubs offer competitive salaries, dynamic work environments, and opportunities to work on groundbreaking projects.

2. Remote Work Options

Post-pandemic, many UK-based companies have embraced remote work, allowing developers to collaborate across borders. This shift has expanded opportunities for professionals skilled in ASP.net.

3. Contract and Freelance Roles

Contract roles and freelance opportunities are abundant for ASP.net developers. These roles allow professionals to work on varied projects, enhancing their portfolios and earning potential.

How to Prepare for ASP.net Jobs in the UK

1. Build a Strong Portfolio

Showcase your expertise through a portfolio that highlights successful projects. Focus on applications that demonstrate your ability to solve complex problems.

2. Stay Updated

Technology evolves rapidly, and keeping up with the latest updates in ASP.net is critical. Regularly engage with community forums, attend webinars, and pursue certifications.

3. Network Effectively

Leverage professional platforms like LinkedIn to connect with recruiters and industry professionals. Participating in tech meetups and hackathons can also expand your opportunities.

4. Focus on Certifications

Certifications like the Microsoft Certified: Azure Developer Associate or the Microsoft Certified: Web Applications Developer validate your skills and enhance your resume.

Career Growth and Salary Trends

Entry-Level Roles

Junior developers can expect salaries starting at £25,000 to £35,000 annually. These roles focus on foundational tasks and provide opportunities for skill development.

Mid-Level Positions

Mid-level developers, with 3-5 years of experience, can command salaries ranging from £45,000 to £60,000, depending on the complexity of their roles and the industry.

Senior Roles

Senior ASP.net developers or team leads with over 7 years of experience often earn upwards of £75,000, along with benefits such as bonuses and flexible working conditions.

Challenges and How to Overcome Them

Despite its advantages, mastering ASP.net comes with challenges, such as keeping up with frequent updates and competition from developers skilled in other frameworks. Overcoming these hurdles involves continuous learning, practicing real-world projects, and leveraging community resources.

[mobileappdevelopmentcompanyinuk]

What’s New in Angular 14: Updates, Features, More!

Have you heard about the latest announcement by Google?

Here is some amazing news for Angular developers!

After Angular 13’s earlier success, Google finally released Angular 14 on June 2, 2022. Angular 14 is one of the most methodical improvements that have been pre-planned based on all previous release notes. It includes typed reactive forms, CLI auto compilation, directives, and a developer glimpse of independent components.

Here is a sneak peek at the newest features and upgrades of Angular 14 from Angular developers in Edinburgh:

What is so new about Angular 14?

The most well-known TypeScript-based release from Google for web development, Angular 14 is the most recent TypeScript 4.7 update. As Angular 14 by default targets ES2020, the CLI may deliver less code without needing to descend in level.

According to Angular and TypeScript developers, it is not as simple to comprehend. It uses the Angular framework as it is a part of React framework. As a result, Angular 14 has created independent components to do away with the need for modules. As a consequence, it takes less time to build a boilerplate and deploy a straightforward Angular application.

It has, however, added all the significant changes and features that the previous versions lacked. Without further ado, let’s get to the features of Angular 14 for web app development in Edinburgh, UK.

Features of Angular 14

The newest version of Angular 14, version 14 has the following key features:

Angular CLI Auto-Completion

If you are planning to hire an Angular developer, you may have had the opportunity to use Angular CLI in a prior iteration. You might also concur that providing the necessary instructions to produce project artifacts like components, packages, and directives, increases productivity. Although you have access to a number of commands, you nearly always need to consult the official text in order to locate commands and, more precisely, command parameters. The arrival of Angular 14 has made this option less necessary, which is a plus.

Real-time type-ahead auto-completion in the console is made possible by Angular 14’s new functionalities in the CLI. You must first run the ng completion command on your terminal to accomplish that. If you’re operating on an Angular 14 project, you have much more auto-completion possibilities, such as the ng create command options. Simply enter ng, press Tab to view all of the options, then Enter to choose one.

Strictly Typed Forms

The most often requested improvement for Angular on GitHub has strictly typed forms. It would enhance its model-driven framework for dealing with forms.

For the first time, FormControl now takes a generic type that specifies the kind of value it stores. The Angular team built an automated migration into Angular v14 to make sure that existing apps wouldn’t stop working after the update. As long as API complexity is considered, changes must be delivered easily and the ecosystem must not be destroyed. The excellent news is that the template-based form won’t be affected by this new update.

Standalone Components

The major goal is to change the current state of affairs by producing artifacts like components, pipelines, and directives. Angular published an RFC (Request for Comments) on independent components to make NgModules optional.

In order to retain compatibility with the present environment of Angular-based libraries and apps, modules will thus be made optional rather than completely outmoded. Every component required to be coupled with a module in earlier versions of Angular. Therefore, each component has to be present in the declarations array of the parent module. If not, the application will be a major failure.

Streamlined Page Title Accessibility

Your page title will affect how the information on your page is displayed when creating and building apps. Regarding Angular 13, the new Route title in the Angular router simplified adding titles. However, providing a title to your page doesn’t call for any new imports to be included in Angular 14.

Enhanced Template Diagnostics

Better template inspections included in Angular 14’s most recent release enable Angular developers to be shielded from common mistakes by the compiler, much like TypeScript code is. In the earlier version, Angular 13 and older, the compiler does not produce any warnings. And it only refuses to construct when a flaw exists that would otherwise make it impossible for it to do so.

Minor mistakes can easily result in warnings. Erroneous two-way binding syntax or the inclusion of additional operators like ‘??’ when the variable is not nullable. Diagnostic tests that generate warnings or information problems for user patterns that aren’t always deadly would be available with the inclusion of a privately owned compiler option.

Others:

Optional Injectors: As per Angular developers in Edinburgh, you need to use an optional injector to define the embedded version of Angular. You can use ViewContainerRef.createEmbeddedView and TemplateRef.createEmbeddedView

Angular DevTools: You may utilize the Angular DevTools debugging plugin when in offline mode. Users of Firefox may find the plugin under Mozilla’s Add-ons.

How to Install Angular 14?

Angular has developed a number of excellent Angular utilities. So, all you have to do to install Angular is use npm to download Angular v14.

Simply run the CLI’s following command: npm install –global @angular/cli@next

You may quickly install the most recent version of Angular CLI on your PC by using this command and use it for web app development in Edinburgh, UK. Further, you can upgrade your Angular application to Angular v14 – https://update.angular.io/

Should We Use Angular 14?

The development of Angular apps has been simpler with the inclusion of independent components in Angular 14. The TypeScript-based framework is improved as a result of the efforts of the Angular developer community. It now enables web developers to keep up with the demands of their users and the rest of the online ecosystem. Now that you’re aware of the most recent Angular 14 features and enhancements, it’s time to switch to Angular 14! So what are you waiting for? Hire Angular developers in Edinburgh, UK right now.

Article Resource - https://zimblecode.com/whats-new-in-angular-14-updates-features-more/

[workfromhomeyoutuber]

HeySummit: Product Engineer Who Loves UX

Headquarters: Edinburgh, Scotland URL: https://heysummit.com

HeySummit is hiring a Product Engineer to help us grow the best platform for sharing knowledge with the world. If you consider yourself full-stack, but with a heavy preference for front-end, product design, and are obsessive about user experience, we'd love to connect.

About the Role

HeySummit has experienced a significant burst of users which has been great for building our community and mission. While this growth has been positive, one of our biggest goals is to build a fantastic product that delights and makes a difference.

Joining us at this early stage means you have the opportunity to meaningfully shape the product. As an early member of the team, you’ll get to know how the customers use the product, become deeply knowledgeable about the architecture, and write production code for new features as well as improvements. Your opinions carry meaningful weight in our decisions about the direction of the product.

Key Responsibilities

* Improving features to spec in production code in the frontend (currently: JQuery, Bootstrap, Less), backend (Django + PostgresSQL), and architecture (AWS) with a key focus in front-end development and ensuring anything we ship looks and feels great

* Using modern frontend frameworks like React, Vue.js, and Angular to introduce new features and refactor existing ones to modernise and expand the platform

* Working on integrations between HeySummit and the tools our customers love to use

* Liaising with the product and customer happiness team to figure out issues and work on new features and improvements

About You

* You pride yourself on writing clean, easy to read code

* You have experience with Django and React/Vue.js/Angular

* You are diligent about contributing to documentation

* You understand the value that fixing bugs brings to customers

* You feel comfortable interacting with nontechnical stakeholders

* You have experience with CI/CD

* You test your code before every push

* You create automated tests as you build

* You are interested in self-improvement

* You see the value of engaging with the whole team on a daily basis **Please note, there are a series of questions that will need to be answered at the bottom of the application**

To apply: https://jobs.gohire.io/heysummit-pfx61cej/product-engineer-25635/

from We Work Remotely: Remote jobs in design, programming, marketing and more https://ift.tt/2Ka8thF from Work From Home YouTuber Job Board Blog https://ift.tt/2xy8ol2

[t-baba]

Google's latest evolution of rel='nofollow'

#408 — September 11, 2019

Read on the Web

Frontend Focus

▶  Horrible Web Interfaces and How to Build Them — This entertaining talk from React Rally looks at a variety of ‘horrible’ Web-based interface approaches and the underlying technologies involved. I particularly like the ‘gravity’-based volume control.

Anthony Frehner

Google Is Evolving “nofollow” with New Ways to Identify The Nature of Links — Google introduced rel=’nofollow’ in 2005 as a way for site owners to mark untrusted links that shouldn’t receive any PageRank-related credit in Google’s algorithms. It took off, but now Google is introducing two new rel values for specific types of content.

Google

New Course: ♿️ Accessibility in JavaScript Applications — Make innovative and inclusive JavaScript-powered web apps. You'll learn to remove barriers and allow people with disabilities to use your modern JavaScript web applications in Marcy's new course.

Frontend Masters sponsor

Speeding Up The Web with the Save-Data Header — The Save-Data header field is a request header that indicates a client’s preference for reduced data usage — it’s not particularly new, but this is a good look at what it can achieve.

Matt Hobbs

Caniuse and MDN Compatibility Data Collaboration — MDN’s browser compatibility data is now integrated into the popular caniuse website, with the goal of surfacing even more web compatibility info to web developers.

Florian Scholz & Alexis Deveria (Mozilla Hacks)

What's New In DevTools for Chrome 78 — Including Lighthouse 5.2 in the Audits panel, and Largest Contentful Paint in the Performance panel.

Google Developers

An Animated Chart of Browser Usage Share 1996 - 2019 — One of those popular visuals showing the rise and fall of browsers over the last 20 or so years.

Reddit

💻 Jobs

Mobile App Dev Wanted for High-Growth Fundraising Platform — This company has a big vision, and everyone embraces it, not because it’s a weird cult or something, but only because it’s ethical and cool.

CareersJS

Find a Frontend job through Vettery — Make a free profile, name your salary, and connect with hiring managers from top employers.

Vettery

📙 Articles, Tutorials & Opinion

So You’re Being Sued for Accessibility Non-Compliance? — Compliance with web accessibility requirements is an important legal consideration — here are some tips to get started.

Bekah Rice (Telerik)

Less Data Doesn't Mean a Lesser Experience — Thoughts on how you can provide a good user experience for those looking to save data, without breaking things.

Tim Kadlec

Learn GraphQL in 2 Hours — Open-source tutorials for React, React Native, Vue, Angular, Android, iOS & Flutter developers that'll take you just 2 hours to complete.

Hasura sponsor

The Making of an Animated Favicon — Dynamically changing the pixels in a favicon to display upload progress – A lot of effort here, but it’s a neat little detail.

Preethi Sam

Mastering The HTML <audio> Tag — An in-depth guide covering the HTML <audio> tag and how it can be used.

Jean-Baptiste Jung

Understanding Specificity in CSS — Covers the basics of specificity in CSS and why you should never need !important.

Jess Mitchell

A Beginner's Guide to 'Scrollytelling' — Plenty of examples here on how scrolling can help tell a compelling and dynamic story.

Jeff Cardello

Using rel="preconnect" to Establish Network Connections Early and Increase Performance

Chris Coyier

Why to Stop Infinite Scrolling on Your Website Now — We can’t say we’re fans either.

Monish Reddy

💡 Tip of the Week

supported by

Using :focus-within to highlight a form

If you're working on a form with multiple sections, then the :focus-within property may prove useful.

This CSS pseudo-class can be utilised to highlight an entire form area when the user selects any of a form container's input fields.

The example image below demonstrates this (you can also see it in action in this little CodePen demo). The user has selected the Name input, and the entire form is highlighted in green:

Using this property is simple enough — just append the :focus-within selector on to the element you wish to highlight. Then, when any of the elements descendants are bought into focused, the desired change will occur.

form:focus-within { background: #98FB98; }

Browser support for this currently sits at around 82% — IE, Edge and Samsung Internet are amonst those yet to implement support.

This Tip of the Week is sponsored Pantheon, the WebOps platform built for agility. Learn what WebOps is and how it can help drive agile transformation and business results.

🔧 Code, Tools & Resources

ruffle: A Flash Player Emulator — An Adobe Flash Player emulator written in the Rust programming language. Ruffle targets both the desktop and the web using WebAssembly. There's a demo here. Related: The once-popular Flash website Newgrounds are planning to make use of this.

Ruffle

Make Your Images & Videos Load Fast & Look Beautiful with Cloudinary

Cloudinary sponsor

A Flexbox Cheatsheet Inside VS Code — This little VS Code extension builds upon the work done by Darek Kay - offering a quick reference guide within VS Code, meaning you can look things up quickly without switching context.

Dzhavat Ushev

   🗓 Upcoming Events

CSSConf, September 25 — Budapest, Hungary — A community conference dedicated to the designers and developers who love CSS.

Fronteers Conference, October 3-4 — Amsterdam, Netherlands — One of Europe’s premiere conferences on front-end web development.

SmashingConf New York, October 15-16 — New York, USA — The conference is sold out, but some workshop tickets are still available.

Accessibility Scotland, October 25 — Edinburgh, UK — One day of talks. Friendly, open discussion about accessibility.

by via Frontend Focus https://ift.tt/305g3Qh

[t-baba]

What happens when a browser is launched for the first time? A lot.

#406 — August 28, 2019

Read on the Web

Frontend Focus

What Happens When You Launch A Browser for The First Time? — A collection of interesting and quite revealing Twitter threads digging into what browsers (Chrome, Firefox, Opera, etc) do upon install/first launch (including phoning home and downloading default extensions).

Jonathan Sampson on Twitter

Faster Image Loading With Embedded Image Previews — The Embedded Image Preview (EIP) technique introduced in this article allows us to load preview images during lazy loading using progressive JPEGs, Ajax and HTTP range requests without having to transfer additional data.

Christoph Erdmann

Continuous Integration for Django Projects — Learn to set up a continuous integration pipeline for a Django project.

CircleCI sponsor

▶  Jeremy Keith: Building The Web — An interview with Jeremy Keith, a frontend dev from the UK on the state of the web, how it’s evolved over all these years, and the tooling and the skills necessary to know today.

Smashing Magazine

Everything I Know About Style Guides, Design Systems, and Component Libraries — A deep-dive covering these popular frontend development and design themes.

Lee Robinson

Monolith: Save Web Pages into a Single, Bundled HTML File — Unlike a browser’s “Save as” feature, Monolith embeds a page’s HTML, CSS, image and JavaScript assets into a single HTML file for easy storage.

Y2Z tools

💻 Jobs

Web Designer - Komoot (Remote) — We're looking for a Web Designer who enjoys clean code & great design to help us change the way people explore.

komoot

Frontend developers are in demand on Vettery — Make a free profile, name your salary, and connect with hiring managers from top employers.

Vettery

📙 Articles, Tutorials & Opinion

How To Build A Web-Based Real-Time Multiplayer Virtual Reality Game — Leverages familiarity with web development to get started with VR development. In this first part of the series, you will learn how to create a virtual reality scene with interactive game elements.

Alvin Wan

The Browser Monopoly — Touches upon how, with Chrome, Google “enjoys substantial control over the vast majority of the world’s portal to the internet”.

Blair Reeves

Accessibility Strategies for Your Content Team — Some tips and tools to help empower content creators to take ownership of accessibility.

Caitlin Cashin

CSS Styling for Video Captions Is Now in Development in Chrome — You use either an external CSS file or a style block in a WebVTT file (it’s already shipped in Safari).

Sam Dutton on Twitter

▶  New & Experimental CSS Tools in Firefox — UX Designer Victoria Wang runs through seven new CSS tools in Firefox, plus a peek at some future ideas.

SFHTML5

Type Terms — Covers the basics of typographic terminology. Sharing this one mainly as it’s nicely animated/put together.

Supremo beginner

Get a User’s Eye View of Your Front-End Services with Datadog Synthetics

Datadog Synthetics sponsor

Creating A Shopping Cart with HTML5 Web Storage

Matt Zand

Chrome DevTools: Inspecting Audio with the Web Audio Inspector

Umar Hansa

💡 Tip of the Week

supported by

Using 'tabular figures' for more elegant dynamic number rendering

If your interface has elements with changing digits, such as a video timestamp or a user controlled numeric slider, then it may be worth considering using a font that supports monospaced numbers (a.k.a. tabular figures) to improve the user experience.

The animation below perfectly demonstrates the difference, with the proportionally spaced digits jumping around erratically as the values change:

This indicative image comes from Lior Azi's superb related article, which does a great job of highlighting plenty of real world examples of dynamic vs static numeric labels (both good and bad).

The easiest way to make this change? Use the following declaration in your CSS:

font-variant-numeric: tabular-nums;

Now, the above (which has around 90% global broswer support) will only work if your font has an appropriate alternative fixed-width glyph available to use — but there is a growing selection of monospaced fonts available, such as these options at Google Fonts.

Finally, if you want to know more about the font-variant-numeric property, then Geoff Graham has this handy write-up over at CSS Tricks.

This weeks Tip of the Week is sponsored by Progress. Progress Named a Leader in First Ever 2019 Gartner Magic Quadrant for Multiexperience Development Platforms.

🔧 Code, Tools & Resources

radialMenu: A Highly Customizable JavaScript Radial Menu — This works on both desktop and mobile. You can see a demo here (right click on desktop, touch and hold on mobile).

Victor Ribeiro

FilePond: A Flexible File Uploader with a Smooth UI — It’s vanilla JavaScript but has adapters to make it easier to use with React, Vue, Angular, or even jQuery. v4.5 has just dropped. GitHub repo.

Rik Schennink

Want a Better Way to Store and Serve Images and Videos? — Join a community of over 450K web and mobile developers dynamically managing rich media with Cloudinary. Try it free.

Cloudinary sponsor

Chart.xkcd: xkcd, Hand-Drawn-Style Charts — If you like your lines wiggly and rough, this might be for you. It tries to mimic the style of the fantastic xkcd comic.

Tim Qian

Moving: A Clean and Minimalist Theme for Jekyll — Here's a really clean theme for the popular Jekyll Ruby-based static site generator is (which recently got a major new version).

Yizheng Huang

A Collection of Color Tools For Designers

Muzli

Get Waves: An SVG Wave Generator

z creative labs

   🗓 Upcoming Events

Web Unleashed 2019, September 13-14 — Toronto, Canada — Covers a variety of front-end topics leaving you 'informed, challenged and inspired'.

State of the Browser, September 14 — London, UK — A one-day, single-track conference with widely varying talks about the modern web.

CSSConf, September 25 — Budapest, Hungary — A community conference dedicated to the designers and developers who love CSS.

Accessibility Scotland, October 25 — Edinburgh, UK — One day of talks. Friendly, open discussion about accessibility.

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

[t-baba]

Microsoft introduces beta of its new, Chrome-based Edge browser

#405 — August 21, 2019

Read on the Web

Frontend Focus

Microsoft Introduces 'Ready for Everyday Use' Beta of Its Chrome-Based Edge Browser — Available for Windows and macOS, the beta release of Edge is the third and final preview release of Microsoft’s new Chromium-based browser, although Microsoft is declaring it ‘ready for everyday use’ with this release. It also includes the ‘Internet Explorer mode’ for back compatibility with IE 11. Time to get testing.

Joe Belfiore (Microsoft)

▶  Is CSS a 'Programming Language'? — An hour long conversation asking questions about the label CSS carries, and picking apart if being designated a ‘programming language’ would encourage uptake, or if such characterization may end up being an exercise in exclusion — and ultimately whether it even matters.

Heydon Pickering and Stephen Hay podcast

GraphQL Tutorials for Frontend Developers — Learn GraphQL by doing in just 2 hours with these open-source tutorials for React, ReactNative, Vue, Angular, Elm, Android, iOS, Flutter & ReasonML developers.

Hasura sponsor

Optional HTML: Everything You Need to Know — A good look at optional code (such as the quotation marks of an attribute value), and how the balance between understandability and performance don’t need to be at odds with each other.

Jens Oliver Meiert

iframes Are Just Terrible. Here’s How They Could Be Better. — Daniel Brian, a lead engineer at PayPal highlights some of the issues with using <iframe>. “I really hope browser vendors start to treat UI based iframes as more of a first-class citizen on the web, and help fix some of the above issues which are not poly-fillable right now.”

Daniel Brain

Google to Deprecate FTP Support in Chrome — By version 82, shipping in Q2 of 2020, all FTP support will be removed from Chrome. This is expected to affect around 0.1% of users though if you do still offer downloads in an FTP-only form, now is the time to upgrade.

Paul Hill

Custom Elements for The Immersive Web — An introduction to <img-360> and <video-360>, two new custom elements designed to work with 360° images and video.

Fernando Serrano

💻 Jobs

Senior Software Engineer - Frontend (100% Remote) — Do you have a solid understanding of web technologies and want to design, implement, and launch major user features? Apply now.

Close

Frontend Engineer - In Dili, Timor-Leste or Possibly Remote — Work with people globally to create change, using technology to empower people, through our programs in aid and global development.

Catalpa International

Frontend developers are in demand on Vettery — Make a free profile, name your salary, and connect with hiring managers from top employers.

Vettery

📙 Articles, Tutorials & Opinion

Efficiently Load Third-Party JavaScript — How to avoid the common pitfalls of using third-party scripts to improve load times and user experience.

Milica Mihajlija

Lazy Load Embedded YouTube Videos — Here’s a clever idea via Arthur Corenzan which avoids using the default YouTube embed — which adds a sizeable number of resources to a page.

CSS Tricks

Accessibility for Web Developers. Get the Whitepaper — Learn everything you need to know about accessibility standards, how to conform to the laws and what this means to you.

Progress Kendo UI sponsor

The (Upcoming) WordPress Renaissance — The author asserts that the introduction of Gutenberg has made for a “much richer” Wordpress user experience. Here, he takes a look at the CMSs latest developments, and where it is heading next.

Leonardo Losoviz

CSS Can Do This.. And It's Terrifying — A curious look at a few things you can do with CSS, but maybe shouldn’t (including key logging & user tracking).

Aaron Powell

Variable Font Animation with CSS and Splitting JS — A look at what variable fonts are, and how they can be animated with CSS and a little bit of JavaScript.

Michelle Barker

The evolt.org Browser Archive Is 20 Years Old — When this browser archive launched in 1999 it featured links to 80 different browsers.

Adrian Roselli

Keyboard Accessible Performance Timelines Now in Chromium

Microsoft Edge DevTools on Twitter

▶  Why You Don't Need BEM with Utility-First CSS

Adam Wathan

Roll Your Own Comment System for a Static Site

Tania Rascia

📱 Work in mobile dev? We publish a mobile-focused newsletter every Friday.

🔧 Code, Tools & Resources

pagemap: A 'Mini Map' for Web Pages — A neat little idea that’s particularly useful on long pages. This adds a clickable/navigable overview of an entire page to the top right corner. Here’s the associated repo.

Lars Jung

Lexend: A Variable Font Designed for Better Reading — This new font family, created with reading proficiency in mind, is now available in Google Fonts — you can read more about its creation here.

Thomas Jockin

Make Your Images & Videos Load Fast & Look Beautiful with Cloudinary

Cloudinary sponsor

Quicklink: Faster Subsequent Page-Loads by Prefetching Visible Links — We shared this project from Google Chrome Labs last year - but it has just seen an update. It aims to make subsequent page loads quicker by prefetching links that are currently in the viewport during idle time.

Google Chrome Labs

extra.css: A CSS Houdini Library — ..with plenty of fun effects.

Una Kravets

An Accessible, Simple, and CSS-Only Styled Checkbox

Jen Simmons codepen

   🗓 Upcoming Events

Web Unleashed 2019, September 13-14 — Toronto, Canada — Covers a variety of front-end topics leaving you 'informed, challenged and inspired'.

State of the Browser, September 14 — London, UK — A one-day, single-track conference with widely varying talks about the modern web.

CSSConf, September 25 — Budapest, Hungary — A community conference dedicated to the designers and developers who love CSS.

Accessibility Scotland, October 25 — Edinburgh, UK — One day of talks. Friendly, open discussion about accessibility.

🕰 ICYMI (Some older stuff that's worth checking out..)

How to take screenshots of pages dynamically using a headless browser.

Elad Shechter digs into the logic of how CSS position:sticky works.

Max Antonucci shares the web accessibility intro they wish they had.

Looking for a CSS foundation? backpack.css is a lightweight and somewhat opinionated option that's best suited to apps.

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

[t-baba]

Domino's is no a11y?

#403 — August 7, 2019

Read on the Web

Frontend Focus

Domino’s Asks The Supreme Court to Shut Down Lawsuit Requiring Its Website Be Accessible to Blind People — A blind man has filed a lawsuit against Domino’s after asserting that the ‘Americans with Disabilities Act’ requires businesses to make accommodations for those with disabilities, including online. The pizza company is reportedly arguing that the requirements would be inconsistent and costly. This comes following an increase in similar litigation in recent years.

Nick Statt

Native Lazy-Loading for The Web — As of Chrome 76 (available now), you can use the loading attribute to natively lazy load resources, without the need for custom code or a separate JS library. This post dives into the details.

Houssein Djirdeh, Addy Osmani, Mathias Bynens

A Better Way to Track Your Backlog — Want a project management tool that's both powerful and a joy to use? Designed for developers, Clubhouse simplifies your workflow. Seamless integration with GitHub, GitLab, Slack and more. Start your free trial today and get 2 extra free months.

Clubhouse.io sponsor

New CSS Features in Firefox 68 — A look at the CSS additions and changes introduced in Firefox 68, including CSS scroll snapping, the ::marker pseudo-element and more.

Rachel Andrew (Mozilla)

A CSS Modules v1 Explainer — Don’t get ready to use them yet, but this is an interesting, early-stage proposal to extend the ES modules system (i.e. JavaScript modules) to include CSS modules.

Dan Clark

Writing Modes And CSS Layout — “Writing modes” aim to address the situation where you need to write written language in directions other than left-to-right, top-to-bottom. Rachel Andrew looks at why supporting writing modes is important and how they interact with CSS, grid layouts, and flexbox.

Rachel Andrew

💻 Jobs

Frontend Engineer - In Dili, Timor-Leste or Possibly Remote — Work with people globally to create change, using technology to empower people, through our programs in aid and global development.

Catalpa International

Frontend Developer at X-Team (Remote) — Join the most energizing community for developers. Work from anywhere with the world's leading brands.

X-Team

Frontend Developers Are in Demand on Vettery — Ready for a bold career move? Make a free profile, name your salary, and connect with hiring managers from top employers today.

Vettery

📙 Articles, Tutorials & Opinion

Multi-Column Manipulation — An interesting experiment in applying multiple columns in response to the amount of content. So, if the viewport is wide enough the content will dynamically divide to two or more columns.

Heydon Pickering

An Introduction to Svelte — Svelte is a frontend framework (in the same vein as React or Angular) — here’s a look at how it works, hot to get started with it, plus a few example apps.

Dave Ceddia

Want a Better Way to Store and Serve Images and Videos — Join a community of over 450K web and mobile developers dynamically managing rich media with Cloudinary. Try it free.

Cloudinary sponsor

Using Progressive Enhancement to Design for Accessibility — When it comes to UI, what does progressive enhancement actually look like? This article digs into it, and offers up links to helpful resources.

Scott Jensen

The :empty Selector — How to use the :empty selector to style elements with no children or content.

Samantha Ming

This Ain’t Disney: A Practical Guide to CSS Transitions and Animations

Mohammed Ibrahim

The 2019 Design Systems Survey Results — Lots of detail here as to both how and why people are using design systems — the takeaway being that they add value in providing consistency and efficiency.

Sparkbox

Making a Realistic Glass Effect with SVG

David Fitzgibbon

Bringing CSS Grid to WordPress Layouts

Andrea Gandino and Simone Maranzana

🔧 Code, Tools & Resources

Infinite Burger — Drag and resize the window and the burger will grow, thanks to the background-repeat: round property…and now I’m hungry.

Thiyagaraj T codepen

Font Style Matcher — Using a web font? This little tool helps you pick a decent fallback font to try and minimize any noticeable ‘flash of unsettled text’ during initial render.

Monica Dinculescu

Detect & Debug User-Facing Issues in Critical Endpoints & Apps with Synthetic API Tests

Datadog Synthetics sponsor

cessie: Transpile Your CSS Bundle — …to support CSS variables, calc, and future CSS for legacy browsers.

Bjarne Øverli

Photoronoi — This is a neat effect. Upload an image (or point it to an image URL) and see it turned into a Voronoi-style SVG.

Amelia Wattenberger

Hotkey: Trigger an Action on an Element When a Keyboard 'Hotkey' is Pressed — Want quick and simple keyboard shortcuts for elements on your page? Set the data-hotkey attribute and use Hotkey. GitHub built and uses it (view source on any GitHub page and look for the data-hotkey attributes).

GitHub

FileSaver.js: An HTML SaveAs() FileSaver Implementation

Eli Grey

   🗓 Upcoming Events

WebAIM: Web Accessibility Training, August 13-14 — Logan, Utah — Covers basic web accessibility principles to advanced accessibility techniques.

Front Conference, August 29-30 — Zurich, Switzerland — A two-day double-track conference for everyone involved from concept to implementation.

Web Unleashed 2019, September 13-14 — Toronto, Canada — Covers a variety of front-end topics leaving you 'informed, challenged and inspired'.

State of the Browser, September 14 — London, UK — A one-day, single-track conference with widely varying talks about the modern web.

CSSConf, September 25 — Budapest, Hungary — A community conference dedicated to the designers and developers who love CSS.

Accessibility Scotland, October 25 — Edinburgh, UK — One day of talks. Friendly, open discussion about accessibility.

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