Ring Display: Building Custom ZK Components

Hello Again!
In the last two articles, we learned how to integrate a library and how to build a composite control in ZK. This time, we are looking into the creation of a custom component from the ground up. This article will cover the steps required to create a packaged component, ready to be used in any ZK application.
So, What’s Up This Time?
We are making a ring display. The idea is to have a rotating gallery. Imagine putting picture frames on a lazy susan. That’s the general idea.

Link: https://dzone.com/articles/ringdisplay-building-custom-zk-components?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev

Everyone’s First Steps in Web Development

Web development is a big thing nowadays and will remain so for quite some time. Web development is the field of writing applications that can be run and accessed via the web browser. The web development field had gone (and is going every day!) through tremendous changes. From the very first days of the internet and to our present days, web technology advances in huge steps, making state of the art technologies obsolete, creating new technologies almost on a monthly basis, and attracting more and more developers, companies, and industries to web development.
What Is Web Development Really?
In web development, we build web applications. A web application is an application that is rendered on the browser and accessed by the user through the browser. Simply put, when you order tickets to a movie in your hometown theater, when you check your bank account balance, when you write a post on Facebook, or update your resume on LinkedIn, all of these and more are examples of web applications. You open a web browser, go to a specific URL, and get a full working application. Today you can even find sophisticated applications on the web, like sound and video editing applications, drawing, recording, gaming, word processing, you name it. They’re all on the web, and all are accessed via the browser.

Link: https://dzone.com/articles/start-here-first-steps-in-web-dev?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev

New & Experimental Web Design Tools: Feedback Requested

We’re currently hard at work on some new tools for web designers: a comprehensive Flexbox Inspector as well as CSS change-tracking. Tell us about your biggest CSS and web design issues and pain points in the first-ever Design Tools survey from Mozilla! We want to hear from developers and designers, no matter what browser you use.
The post New & Experimental Web Design Tools: Feedback Requested appeared first on Mozilla Hacks – the Web developer blog.

Link: https://hacks.mozilla.org/2018/11/new-experimental-web-design-tools-feedback-requested/

What’s New In CSS?

Rachel hooks us up with what the CSS Working Group is talking about:

Styling scrollbars. This would come with properties like scrollbar-width and scrollbar-color. The best we have right now is proprietary WebKit stuff.
Aspect ratios. I imagine the CSS portion of this journey will be best handled if it plays nicely with the HTML intrinsicsize stuff.
Matching without specificity. :where() is :matches() with no specificity, and :matches() may become :is().
Logical Properties shorthand. The team is

The post What’s New In CSS? appeared first on CSS-Tricks.

Link: https://www.smashingmagazine.com/2018/10/tpac-css-working-group-new/

Anatomy of Source Maps

This blog is first in a two-part series on JavaScript debugging. Learn about the inner workings of JavaScript source maps with code examples. Or, check out part two and read about the Anatomy of a JavaScript error.

Source maps are a cornerstone of modern JS and CSS development. When things are ticking along smoothly, it’s easy to overlook how crucial a role they play. If you’ve ever had a source map go wrong on you, it quickly exposes the complexity that, most of a time, they keep a lid on.

Link: https://dzone.com/articles/anatomy-of-source-maps?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev

Redesigning a Website Using CSS Grid and Flexbox

For the last 15 years, I’ve been using floats for laying out web pages on dri.es. This approach to layout involves a lot of trial and error, including hours of fiddling with widths, max-widths, margins, absolute positioning, and the occasional calc() function.
I recently decided it was time to redesign my site, and decided to go all-in on CSS Grid and Flexbox. I had never used them before but was surprised by how easy they were to use. After all these years, we finally have a good CSS layout system that eliminates all the trial-and-error.

Link: https://dzone.com/articles/redesigning-a-website-using-css-grid-and-flexbox?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev

The Way We Talk About CSS

There’s a ton of very quotable stuff from Rachel Andrew’s latest post all about CSS and how we talk about it in the community:
CSS has been seen as this fragile language that we stumble around, trying things out and seeing what works. In particular for layout, rather than using the system as specified, we have so often exploited things about the language in order to achieve far more complex layouts than it was ever designed for. We had to, …
The post The Way We Talk About CSS appeared first on CSS-Tricks.

Link: https://rachelandrew.co.uk/archives/2018/10/04/the-way-we-talk-about-css/

How to Build a Simple Dialog for Your NativeScript Apps

There are a few different ways to implement dialogs in NativeScript apps. The NativeScript dialog module lets you show a variety of dialogs using built-in APIs, and is great for simple use cases.
A sample of the NativeScript dialog module. Try this example in NativeScript Playground

Link: https://dzone.com/articles/how-to-build-a-simple-dialog-for-your-nativescript?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev

How to Get and Set CSS Variable Values with JavaScript

CSS variables are a very welcome addition to the language, despite them being incredibly basic.  Sure we could use SASS or stylus but languages should never count on developers relying on frameworks and toolkits to accomplish what we know we need.  And just like every other part of a webpage, you can get and manipulate […]
The post How to Get and Set CSS Variable Values with JavaScript appeared first on David Walsh Blog.

Link: https://davidwalsh.name/css-variables-javascript