JasmineDesign Website R & D
Website R & D
There are so many choices when you set out on a new web project today.
But speed is always a factor to the customer and the company when publishing.
Modern Static Websites
The landscape for building websites keeps moving forward and the need to support the end user wherever they choose to view the site.
But what remains the same is that content is best served fast, also the ease with which you can publish it matters too.
JasmineWS
Learn to build a website
Use online tooling to build and publish a website, plus learn to use GitHub along the way. You will also find a number of articles and tips covering website topics.
Displaying Code
A common task on a Web page is the need to display Code Blocks.
Its great to be able to offer Syntax Highlighting for the code as this makes it easier for someone to scan and understand.
One option available is to use pre/code tags and import a JS library to provide the Syntax Highlighting. This gives us a great read/copy block of code but it does mean the sample is stored in the page.
We could also embed an iframe from an online code editor, here the code sample is stored on a third party. INDIEPEN offers a self hosting option.
Another option is to provide a Code Playground in which the user can interact and run the code. CodeSandbox has released Sandpack a modern playground framework.
We are currently evaluating all the above options to see how they perform on a web page.
Josh Comeau has written a great post on using Sandpack.
Another interesting playground example is from Google - Playground Elements
Build Web Pages
In the Browser or Editor with the Cloud, but what's missing today?
How do you manage and optimise images?
How easy is it to publish or setup hosting and DNS?
buildwebpages.co.uk is exploring in browser tools.
Our sites about building websites
Jasmine Web Starter
JasmineWS provides a step by step guide to building a website in the browser with templates provided, along the way we offer a gentle intro guide to using GitHub for version control, editing and hosting the website.
Learn to build your own website
ImgFunction
Images play a major role in many websites but can be confusing as there are so many options to choose from. Imgfunction provides an insight into using images within a website.
Exploring Images for the web
StaticPages
StaticPages provides a guide into the options for building a website from StaticPages, Static Site Generators and Content Management System (CMS). We will also cover how Serverless Functions can provide extra features to your website.
Exploring Static Websites, Static Hosting & Serverless Functions
