Gatsby is a Static Site Generator built around ReactJS. Here are some links:
Kategorie: Web Development & Design
Alles was mit Web Entwicklung und Web Design zu tun hat.
Everything concerning web development and web design.
Flow
Flow. Static typechecking for JavaScript.
Very nice.
The Gulp API Documentation
Interview mit Martin Fowler zum Thema Refactoring
Professionelle Webentwicklung und Frickelbuden
Als erfahrener Websoftwareentwickler werde ich immer wieder mit mitunter seltsamen Anforderungen und Anfragen konfrontiert. Oft ergibt sich hier bei einem Sondierungsgespräch die Frage, was ich denn mit “Professioneller Webentwicklung” meine. Hier dazu eine Erklärung:
Professionelle Webentwicklung und Frickelbuden weiterlesenSoftware Project Anti-Patterns
Here are some of the key things I’ve seen lead to problems in software projects, most of which are not directly related to the core development (design, build, and test) of the project.
React JS
Within the last decade React has become the de-facto standard technology for Web UIs, along with the concept of “Virtual DOM”. Now with the patents problem removed and React – just like jQuery – becoming a first-class citizen in WordPress with the release of WordPress 5.0 there is yet another solid reason to become familiar with this toolkit as it probably is here to stay for quite a while and remain one of the Big-Wig Toolkits for Web Application Development.
Here are some links to get you started if you haven’t already:
PHP Static Analysis Tools
https://github.com/exakat/php-static-analysis-tools
Seperate mention: Exakat
CLI Font Converter for the Web
WordPress Gutenberg & Blocks – Links, Tools & Information
Practical npm commands
Update all global packages:
npm update -g
Show outdated packages:
npm outdated -g --depth=0
Matt Mullenweg – State of the Word Speech 2018
D3JS, Three.js & animeJS
PHP Snippet: Slugify a string
This one has some extra stuff for German characters in it. Probably not needed because it’s covered by iconv, but whatever:
function slugify($str) { $returnMe = strtotime(trim(@iconv('UTF-8', 'ASCII//TRANSLIT', $str))); foreach ([ " " => "_", "/" => "-", "" => "", "." => "-", "ü" => "ue", "ö" => "oe", "ä" => "ae", "ß" => "ss", "&" => "+", '"' => "_" ] as $search => $replace) { $returnMe = str_replace($search, $replace, $returnMe); } return $returnMe; }
HyperHTML Talk
Yesterday I gave a short talk on HyperHTML at the Web Worker NRW Meetup, this time at sipgate. Nice talks, lot’s of nice people, had a great time. Here are the slides.
PHP Snippet: Check if code is running on a production environment
function isLive($liveTld = ".de") { $homeUrl = (isset($_SERVER['HTTPS']) && $_SERVER['HTTPS'] === 'on' ? "https" : "http")."://$_SERVER[HTTP_HOST]";
$returnMe = false;
if ( (!(strpos($homeUrl, ".local") !== false)) && (!(strpos($homeUrl, ".intra") !== false)) && (!(strpos($homeUrl, "stage") !== false)) && (!(strpos($homeUrl, "staging") !== false)) && (strpos($homeUrl, $liveTld) !== false) ) { $returnMe = true; }
return $returnMe; }
PWA – Progressive Web Application
A blurb and linkselection on PWAs is at least 2 years overdue, but better late than never. So here’s an overview, by no means covering every aspect:
Material Design Theming for Angular
The WordPress Gutenberg Editor
The new Gutenberg Editor, due for the WordPress release 5.0, will hugely up the game for content editing and control over content layout, visuals and constrolled visual design options. Look forward to it.
Here are some links: