Pages tagged `front-end`
Results:
Total of 10
Hosting the HTML5 front-end Test UI on your site – Ookla Speedtest Custom
Since many of Ookla's customers were new to the concept of using a iframe hosted from another web server, we needed to build a template to assist users with building their company web pages that displayed the test content in an HTML5 friendly manner.
Read →Updating your NetGauge site to host the STC test – Ookla Speedtest Custom
The client-side technology used to execute and host a test on a customer's website was completely rehauled and required a different approach to get similar results on the client's site. We worked to make this process as simple as possible for users who were used to a more complicated approach to hosting the test engine.
Read →Burger Time! (CSS Only)
Not sure why this is the first thing I thought of when I saw a daily CSS challenge on the topic of "hamburgers", but building this demo using only CSS compontents brought back a lot of fond memories!
Read →Arthur's Nightlight
A robot designed with CSS only that illuminates the page when powered on.
Read →Canvas Dots on Mouse Events
Just a simple demo using the browser Canvas API used to draw graphics on a web page via JavaScript. Dots are created and highlighted by interacting with mouse (or touch) events.
Read →Google Inbox Sun and Clouds
An animated version of the image used in Google's Inbox zero inbox layout.
Read →Using SharpDX for Custom Chart Rendering - NinjaTrader 8 Help Guide
NinjaTrader 8 Charts used a .NET Library called SharpDX that worked with the native Microsoft DirectX API. This was a major overhaul from the previously used GDI namespace and in efforts to help provide better for support for custom chart rendering, I was tasked with designing a tutorial to help users understand the new information that came along with the updated requirements.
Read →Working with Brushes - NinjaTrader 8 Help Guide
NinjaTrader used two different APIs for rending UI components, depending on the performance required. This often caused confusion between the types of .NET objects used for certain tasks, and also required a little bit of guidance to help developers understand some of the multi-threaded implications of using certain types across the life cycle of each object.
Read →Working with Pixel Coordinates - NinjaTrader 8 Help Guide
To help support multiple device layouts and resolutions, 3rd party developers needed to be aware of the discrepancies that can occur between pixels and devices, as well as how to correct and prevent these issues from arising.
Read →Drawing Tools - NinjaTrader 8 Help Guide
When looking at technical financial data, it's common to need to annotate certain data points on the chart that can be saved and shared for others - we took this approach one step further and extended access to our class of "Drawing Tools" to allow users to develop unique drawing tools, building off the concepts we designed to implement the standard set of tools that came with the platform. This was the API Reference that enabled a developer to start using this group of methods and types.
Read →