Remove outdated article content and metadata
Update CSS grid layout for main content area Add language-specific footer content
This commit is contained in:
Ruben
parent
8b3f9a56f2
commit
466c297fe4
8 changed files with 14 additions and 93 deletions
|
|
@ -1,24 +0,0 @@
|
||||||
# The Future of Web Development
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
As we approach the mid-2020s, web development continues to evolve at a rapid pace. New frameworks, tools, and best practices emerge every year, shaping the way we build and interact with the web.
|
|
||||||
|
|
||||||
## Key Trends to Watch
|
|
||||||
|
|
||||||
### 1. AI and Machine Learning Integration
|
|
||||||
Artificial Intelligence (AI) and Machine Learning (ML) are no longer buzzwords but integral parts of modern web development. From chatbots to personalized content recommendations, AI is transforming user experiences.
|
|
||||||
|
|
||||||
### 2. Progressive Web Apps (PWAs)
|
|
||||||
PWAs continue to gain traction, offering app-like experiences directly in the browser. They are fast, reliable, and engaging, making them a preferred choice for many businesses.
|
|
||||||
|
|
||||||
### 3. WebAssembly
|
|
||||||
WebAssembly (Wasm) is enabling high-performance applications on the web. It allows developers to run code written in multiple languages like C, C++, and Rust at near-native speed.
|
|
||||||
|
|
||||||
### 4. Jamstack Architecture
|
|
||||||
The Jamstack architecture (JavaScript, APIs, and Markup) is becoming increasingly popular for its ability to deliver fast, secure, and scalable websites.
|
|
||||||
|
|
||||||
## Conclusion
|
|
||||||
The future of web development is bright and full of possibilities. By staying updated with the latest trends and technologies, developers can create innovative and impactful web experiences.
|
|
||||||
|
|
||||||
**Tags:** Web Development, AI, PWAs, WebAssembly, Jamstack
|
|
||||||
|
|
@ -1,24 +0,0 @@
|
||||||
# The Future of Web Development
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
As we approach the mid-2020s, web development continues to evolve at a rapid pace. New frameworks, tools, and best practices emerge every year, shaping the way we build and interact with the web.
|
|
||||||
|
|
||||||
## Key Trends to Watch
|
|
||||||
|
|
||||||
### 1. AI and Machine Learning Integration
|
|
||||||
Artificial Intelligence (AI) and Machine Learning (ML) are no longer buzzwords but integral parts of modern web development. From chatbots to personalized content recommendations, AI is transforming user experiences.
|
|
||||||
|
|
||||||
### 2. Progressive Web Apps (PWAs)
|
|
||||||
PWAs continue to gain traction, offering app-like experiences directly in the browser. They are fast, reliable, and engaging, making them a preferred choice for many businesses.
|
|
||||||
|
|
||||||
### 3. WebAssembly
|
|
||||||
WebAssembly (Wasm) is enabling high-performance applications on the web. It allows developers to run code written in multiple languages like C, C++, and Rust at near-native speed.
|
|
||||||
|
|
||||||
### 4. Jamstack Architecture
|
|
||||||
The Jamstack architecture (JavaScript, APIs, and Markup) is becoming increasingly popular for its ability to deliver fast, secure, and scalable websites.
|
|
||||||
|
|
||||||
## Conclusion
|
|
||||||
The future of web development is bright and full of possibilities. By staying updated with the latest trends and technologies, developers can create innovative and impactful web experiences.
|
|
||||||
|
|
||||||
**Tags:** Web Development, AI, PWAs, WebAssembly, Jamstack
|
|
||||||
Binary file not shown.
|
Before Width: | Height: | Size: 70 KiB |
|
|
@ -1,6 +0,0 @@
|
||||||
title = "The Future of Web Development"
|
|
||||||
date = "2025-10-23"
|
|
||||||
summary = "Exploring emerging trends in modern web development and their impact on the industry."
|
|
||||||
|
|
||||||
[en]
|
|
||||||
title = "Dette er en test"
|
|
||||||
|
|
@ -1,24 +0,0 @@
|
||||||
# This is a test
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
As we approach the mid-2020s, web development continues to evolve at a rapid pace. New frameworks, tools, and best practices emerge every year, shaping the way we build and interact with the web.
|
|
||||||
|
|
||||||
## Key Trends to Watch
|
|
||||||
|
|
||||||
### 1. AI and Machine Learning Integration
|
|
||||||
Artificial Intelligence (AI) and Machine Learning (ML) are no longer buzzwords but integral parts of modern web development. From chatbots to personalized content recommendations, AI is transforming user experiences.
|
|
||||||
|
|
||||||
### 2. Progressive Web Apps (PWAs)
|
|
||||||
PWAs continue to gain traction, offering app-like experiences directly in the browser. They are fast, reliable, and engaging, making them a preferred choice for many businesses.
|
|
||||||
|
|
||||||
### 3. WebAssembly
|
|
||||||
WebAssembly (Wasm) is enabling high-performance applications on the web. It allows developers to run code written in multiple languages like C, C++, and Rust at near-native speed.
|
|
||||||
|
|
||||||
### 4. Jamstack Architecture
|
|
||||||
The Jamstack architecture (JavaScript, APIs, and Markup) is becoming increasingly popular for its ability to deliver fast, secure, and scalable websites.
|
|
||||||
|
|
||||||
## Conclusion
|
|
||||||
The future of web development is bright and full of possibilities. By staying updated with the latest trends and technologies, developers can create innovative and impactful web experiences.
|
|
||||||
|
|
||||||
**Tags:** Web Development, AI, PWAs, WebAssembly, Jamstack
|
|
||||||
|
|
@ -1,6 +0,0 @@
|
||||||
title = "Artikler"
|
|
||||||
menu = true
|
|
||||||
menu_order = 1
|
|
||||||
|
|
||||||
[en]
|
|
||||||
title = "Articles"
|
|
||||||
|
|
@ -46,7 +46,7 @@ a {
|
||||||
align-items: stretch;
|
align-items: stretch;
|
||||||
}
|
}
|
||||||
|
|
||||||
.contain, :where(main>article) {
|
.contain, :where(main>article, main>aside) {
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: minmax(.4rem, 1fr) minmax(0, 42rem) minmax(.3rem, 1fr);
|
grid-template-columns: minmax(.4rem, 1fr) minmax(0, 42rem) minmax(.3rem, 1fr);
|
||||||
> * {
|
> * {
|
||||||
|
|
@ -121,9 +121,8 @@ main {
|
||||||
background-color: var(--color-green-light);
|
background-color: var(--color-green-light);
|
||||||
padding-bottom: 2rem;
|
padding-bottom: 2rem;
|
||||||
|
|
||||||
|
article, aside { margin-top: 1.3em }
|
||||||
article {
|
article {
|
||||||
margin-top: 1.3em;
|
|
||||||
|
|
||||||
.intro {
|
.intro {
|
||||||
font-size: 1.2rem;
|
font-size: 1.2rem;
|
||||||
line-height: 1.35em;
|
line-height: 1.35em;
|
||||||
|
|
@ -138,16 +137,16 @@ main > article {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin-bottom: 1.5rem;
|
margin-bottom: 1.5rem;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
|
||||||
> :not(img) {
|
> :not(img) {
|
||||||
padding-left: 1rem;
|
padding-left: 1rem;
|
||||||
padding-right: 1rem;
|
padding-right: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
margin-top: 1rem;
|
margin-top: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
p {
|
p {
|
||||||
margin-bottom: 1rem;
|
margin-bottom: 1rem;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -51,9 +51,15 @@ function getActiveClass($href) { return rtrim(parse_url($_SERVER['REQUEST_URI'],
|
||||||
|
|
||||||
<footer>
|
<footer>
|
||||||
<div class="contain">
|
<div class="contain">
|
||||||
<p><a rel="me" href="https://oslo.town/@stopplidelsen">Følg oss på Mastodon</a></p>
|
<?php if ($currentLang === 'no'): ?>
|
||||||
<?php $endTime = microtime(true); $pageLoadTime = round(($endTime - $startTime) * 1000, 2); ?>
|
<p><a rel="me" href="https://oslo.town/@stopplidelsen">Følg oss på Mastodon</a></p>
|
||||||
<p class="generated">Nettsiden er håndkodet av Ruben Solvang ved hjelp av HTML, CSS og minimale doser PHP. Det tok <?php echo $pageLoadTime; ?>ms å generere siden.</p>
|
<?php $endTime = microtime(true); $pageLoadTime = round(($endTime - $startTime) * 1000, 2); ?>
|
||||||
|
<p class="generated">Nettsiden er håndkodet av Ruben Solvang ved hjelp av HTML, CSS og minimale doser PHP. Det tok <?php echo $pageLoadTime; ?>ms å generere siden.</p>
|
||||||
|
<?php elseif ($currentLang === 'en'): ?>
|
||||||
|
<p><a rel="me" href="https://oslo.town/@stopplidelsen">Follow us on Mastodon</a></p>
|
||||||
|
<?php $endTime = microtime(true); $pageLoadTime = round(($endTime - $startTime) * 1000, 2); ?>
|
||||||
|
<p class="generated">This website was hand-coded by Ruben Solvang using HTML, CSS and minimal doses of PHP. It took <?php echo $pageLoadTime; ?>ms to generate this page.</p>
|
||||||
|
<?php endif; ?>
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue