Found 616 bookmarks
Newest
meyerweb.com
meyerweb.com
The web home of Eric A. Meyer, CSS guy; and his wife Kathryn, doctor of nursing.
·meyerweb.com·
meyerweb.com
New WebKit Features in Safari 15.4
New WebKit Features in Safari 15.4
With over 70 additions to WebKit, Safari 15.4 is packed with new web technologies, updates, and fixes.
·webkit.org·
New WebKit Features in Safari 15.4
10 Design Patterns Explained in 10 Minutes
10 Design Patterns Explained in 10 Minutes
Software design patterns help developers to solve common recurring problems with code. Let's explore 10 patterns from the famous Gang of Four book and implement them with JavaScript and TypeScript https://fireship.io/lessons/typescript-design-patterns #programming #compsci #learntocode 🔗 Resources Learn more from Refactoring Guru https://refactoring.guru/design-patterns/ GOF Design Patterns Book https://en.wikipedia.org/wiki/Design_Patterns Criticism of Design Patterns https://blog.codinghorror.com/rethinking-design-patterns/ 📚 Chapters 00:00 Design Patterns 01:00 What are Software Design Patterns? 01:34 Singleton 02:24 Prototype 03:46 Builder 04:23 Factory 04:54 Facade 05:47 Proxy 06:45 Iterator 07:47 Observer 08:58 Mediator 09:50 State 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - TypeScript and JavaScript Design Patterns - Algorithm vs Design Pattern - What is Gang of four? - Are design patterns still relevant? - Design patterns basics tutorial
·youtube.com·
10 Design Patterns Explained in 10 Minutes
Creating Native Web Components
Creating Native Web Components
Learn how to create native web components with the Minze JavaScript framework.
·tympanus.net·
Creating Native Web Components
A Reason to Self-Host Fonts
A Reason to Self-Host Fonts
Tips, tricks and tutorials on the web’s most beautiful language.
·css-irl.info·
A Reason to Self-Host Fonts
React vs React Native - What's the Difference?
React vs React Native - What's the Difference?
Find out what the difference is between React and React Native! Check me out on: Twitter: https://twitter.com/JesseRWeigel Instagram: https://www.instagram.com/jesse.weigel/ freeCodeCamp: https://www.youtube.com/c/freecodecamp Code Editor: Visual Studio Code VS Code Theme: Seti If you liked this video and you have a little to spare, please consider supporting me on Patreon: https://www.patreon.com/jesseweigel
·youtube.com·
React vs React Native - What's the Difference?
Ask the Experts | Why choose the NeXTcube to develop the WWW?
Ask the Experts | Why choose the NeXTcube to develop the WWW?
The National Museum of Computing at Bletchley Park houses a unique collection of computers. Our expert team have maintained, restored and rebuilt some of the most important systems in Britain's business, war-time and personal computing history. You can't see our amazing collection during Covid-19, but you can speak to the experts who'd usually be on hand in our galleries as TNMOC is running a series of online video Q&As. In this video our team answer a question about the NeXTcube, used by Professor Sir Tim Berners-Lee to create the first web server. To ask a question, please do so on Twitter using the #askTNMOC hashtag. If you would like to support us through these challenging times, please consider purchasing some our of special merchandise at our online shop https://www.tnmoc.org/tnmocshop Photo Credits: Sir TB-L's NeXTcube: (c)The Board of Trustees of the Science Museum, London | CERN Science Museum, London| CERN. Taken from https://collection.sciencemuseumgroup.org.uk/objects/co8232360/next-cube-computer-1990-personal-computer and Licensed under Creative Commons: https://creativecommons.org/licenses/by-nc-sa/4.0/ H9000 series workstation by Thomas Schanz. Wikimedia Commons (HP-HP9000-C110-Workstation_10.jpg) Licensed under https://creativecommons.org/licenses/by-sa/3.0/deed.en Retromancave video clip: Retromancave (YouTube channel), used with kind permission from The Cave.
·youtube.com·
Ask the Experts | Why choose the NeXTcube to develop the WWW?
dotCSS 2019 - Sarah Dayan - In Defense of Utility-First CSS
dotCSS 2019 - Sarah Dayan - In Defense of Utility-First CSS
Filmed at https://2019.dotcss.io on December 4, 2019 in Paris. More talks on https://dotconferences.com/talksWriting CSS that scales is hard, even when you'r...
·youtube.com·
dotCSS 2019 - Sarah Dayan - In Defense of Utility-First CSS
Good advice on JSX conditionals
Good advice on JSX conditionals
Conditional rendering is a cornerstone of any templating language. React / JSX bravely chose not to have a dedicated conditional syntax, like ng-if="condition", relying on JS boolean operato
·thoughtspile.github.io·
Good advice on JSX conditionals
A Proposal For Type Syntax in JavaScript
A Proposal For Type Syntax in JavaScript
Today we’re excited to announce our support and collaboration on a new Stage 0 proposal to bring optional and erasable type syntax to JavaScript. Because this new syntax wouldn’t change how surrounding code runs, it would effectively act as comments. We think this has the potential to make TypeScript easier and faster to use for development at every scale.
·devblogs.microsoft.com·
A Proposal For Type Syntax in JavaScript
Chrome 99 - What’s New in DevTools
Chrome 99 - What’s New in DevTools
What’s new in DevTools (Chrome 99) → https://goo.gle/3tIzhvR Chapters: 0:00 - Intro 0:12 - Throttling WebSocket requests 1:07 - New Reporting API pane 2:00 - Wait until element is visible/clickable in the viewport 2:44 - Properly style log messages with ANSI escape code 4:37 - Debug Chrome extensions with sourcemap files 5:26 - Bonus tip. Style your console message with CSS Links: Reporting API → https://goo.gle/3MKD7xl DevTools Recorder → https://goo.gle/devtools-recorder DevTools Console Format → https://goo.gle/devtools-console-format Tweet us → https://goo.gle/38mi9Ay What’s New in DevTools → https://goo.gle/2MeR5Kx Subscribe to Google Chrome Developers → https://goo.gle/ChromeDevs #ChromeDeveloper​ #WebDev #DevTools
·youtube.com·
Chrome 99 - What’s New in DevTools
Design: #noFramework
Design: #noFramework
Is it as hard as you think?
·javarome.medium.com·
Design: #noFramework
Building Web Layouts For Dual-Screen And Foldable Devices
Building Web Layouts For Dual-Screen And Foldable Devices
Dual-screen devices are just the next evolution in responsive design. If you have a PWA or website, the APIs available make integrating into your existing code base seamless. This article explains why it’s an exciting time for layout on the web, and how dual screens provide an opportunity to get even more creative.
·smashingmagazine.com·
Building Web Layouts For Dual-Screen And Foldable Devices
Say Hello to selectmenu, a Fully Style-able select Element
Say Hello to selectmenu, a Fully Style-able select Element
I want to introduce you to a new, experimental form control called selectmenu, including how much easier it is to style than a traditional element.
·css-tricks.com·
Say Hello to selectmenu, a Fully Style-able select Element
SPAs were a mistake
SPAs were a mistake
For years, a trend in our industry has been to build single-page apps, or SPAs. With an SPA, the entire site or app lives in a single HTML file. After the initial load, everything about the app is handled with JavaScript. This is, in theory, supposed to result in web apps that feel as fast and snappy as native apps. Today, I want to explore why that’s nonsense. Let’s dig in!
·gomakethings.com·
SPAs were a mistake
Open Web Advocacy
Open Web Advocacy
Open Web Advocacy is a group of software engineers from all over the world who have come together to advocate for the future of the open web.
·open-web-advocacy.org·
Open Web Advocacy
New CSS Features In 2022
New CSS Features In 2022
2022 is shaping up to be a pretty great year for CSS, with a plethora of new features on the horizon. Some are already starting to land in browsers, others are likely to gain widespread browser support in 2022, while for one or two the process may be a little longer. In this article we’ll take a look at a few of them.
·smashingmagazine.com·
New CSS Features In 2022