The Ultimate Guide to Web Performance 🚀
There's so many ways to speed up your site. Don't you wish every web performance tip was in one place? That's what I thought too, so I put them all in one place: this post. Use this guide as a reference. Table Of Contents HTML CSS Images Fonts JavaScript Server Testing Tools Frameworks HTML ✨ Minify HTML ☄️ Order your styles and scripts for pagespeed ⚡️ Eliminate render-blocking resources 🌟 Minim
High Performance Browser Networking (O'Reilly)
High Performance Browser Networking © Ilya Grigorik Performance is a feature. This book provides a hands-on overview of what every web developer needs to know about the various types of networks (WiFi, 3G/4G), transport protocols (UDP, TCP, and TLS), application protocols (HTTP/1.1, HTTP/2), and APIs available in the browser (XHR, WebSocket, WebRTC, and more) to deliver the best—fast, reliable, an
Smaller HTML Payloads with Service Workers — Philip Walton
Many developers know that you can use service workers to cache web pages (and their sub-resources) in order to serve those pages to users when they’re offline. And while this is true, it’s far from the only thing that service workers can do to improve the performance and reliability of a website. A lesser known capability of service workers is that you can programmatically generate your responses—
Logic-less JSX | V1V2
Example situationHere is a design and its markup: <ul> <li><a href="url/animal/1">Dog</a> - 4 legs - Friendly</li> <li><a href="url/animal/2">Bird</a> - 2 legs</li> <li><a href="url/animal/3">Snake</a> - 0 legs - Unfriendly</li> <li><a href="url/animal/4">Centipede</a> - ? legs - Not enough data!</li> </ul> const data = [ { id: 1, name: 'Dog', legCount: 4, isFriendly: true }, { id: 2, name: 'Bird'
Handling Long and Unexpected Content in CSS | CSS-Tricks
UGURUS offers elite coaching and mentorship for agency owners looking to grow. Start with the free Agency Accelerator today. When we write CSS, sometimes we forget about some edge cases in the designs. For example, when the content is longer than we expected and we didn’t account for that possibility, our design could break. We can’t guarantee that our CSS will always work as expected, but at leas
Eruda: Console for Mobile Browsers
View it on GitHub Click the right bottom button to inspect this page! Trigger ErrorSend Ajax RequestLog MessagePLUGINSMONITORDisplay fps and memory FEATURESBrowser feature detections BENCHMARKRun JavaScript benchmarks GEOLOCATIONTest geolocation TIMINGShow performance and resource timing CODEEdit and run JavaScript ORIENTATIONTest orientation api TOUCHESVisualize screen touches
André Staltz - Unidirectional User Interface Architectures
This post is a non-exhaustive quick overview of the so-called “unidirectional data flow” architectures. Not meant to be taken as a beginner tutorial, but rather as an overview of their differences and peculiarities. At the end, I’ll introduce a new architecture which deviates significantly from the others. This post assumes client-side Web UI frameworks only. TERMINOLOGY It would be confusing to t
Is it possible to apply CSS to half of a character?
What I am looking for: A way to style one HALF of a character. (In this case, half the letter being transparent) What I have currently searched for and tried (With no luck): Methods for styling half of a character/letter Styling part of a character with CSS or JavaScript Apply CSS to 50% of a character Below is an example of what I am trying to obtain. Does a CSS or JavaScript solution exist for t
Why I Left Gulp and Grunt for npm Scripts
I know what you’re thinking. WAT?! Didn’t Gulp just kill Grunt? Why can’t we just be content for a few minutes here in JavaScript land? I hear ya, but… I’ve found Gulp and Grunt to be unnecessary abstractions. npm scripts are plenty powerful and often easier to live with.Let’s Begin With An Example…I was a big fan of Gulp. But on my last project, I ended up with 100’s of lines in my gulpfile and a
How to work with Node.js App - Hosting - Namecheap.com
Our Setup Node.js App feature allows for the choosing a specific version of Node.js in order to run the apps using Node.js 6.x, 8.x, 9.x, 10.x, 11.x, 12.x, and 14.x versions. The currently available Node.js version pool on our Shared servers is available at this page. This function provides ultimate flexibility and features a user-friendly interface that helps you get faster acquainted with the ne
sprity-cli
Usage Usage: sprity <command> command create create sprites watch watch for image changes and create sprites on change install install image processing engine or style processors Create command create sprites Usage: sprity create <out> <src>... [options] out path of directory to write sprite file to src glob strings to find source images to put into the sprite Options: -b, --base64 create css with
Instant Mobile Web Apps: Chrome Dev Summit 2013
Instant mobile web apps #perfmatters Bryan McQuade Software Engineer
Preload CSS/JavaScript without execution
Preloading components in advance is good for performance. There are several ways to do it. But even the cleanest solution (open up an iframe and go crazy there) comes at a price - the price of the iframe and the price of parsing and executing the preloaded CSS and JavaScript. There's also a relatively high risk of potential JavaScript errors if the script you preload assumes it's loaded in a page
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - guess-js/guess: 🔮 Libraries & tools for enabling Machine Learning driven user-experiences on the web
Templating critique
X5 Caniuse Tests
jQuery WEUI
GitHub - williamngan/roll: roll and scroll tracking -- a tiny javascript library
GitHub - Tencent/weui: A UI library by WeChat official design team, includes the most useful widgets/modules in mobile web applications.
FrozenUI · 专注于移动web的UI框架，基于腾讯手机QQ规范.