How to Create a Recalbox on Raspberry Pi – Graphical Guide
Retro gaming seems to be all the rage these days, despite the fact that there are much more powerful systems and graphically impressive games being released today. Whether it’s because the game quality was better decades ago, or some of us gamers are just getting longer in the tooth and want to relive our youth, […]
The post How to Create a Recalbox on Raspberry Pi – Graphical Guide appeared first on David Walsh Blog.
We use forms almost everyday for login, sign up, purchases, etc., so the forms we make should be as painless as possible. Kendo UI for Angular is a library of UI components that help you make great forms faster. We're going to create a few forms here to show some options for forms that won't […]
The post Building Better Forms With Kendo UI & Angular appeared first on Telerik Developer Network.收起
60 Travel Icons To Awaken Your Wanderlust (Freebie)
Summer might be over, but the memories of the places you’ve visited and the people you’ve met remain. No matter if you explored an exotic country, packed your car for a road trip or took out the hiking boots to discover the nature around you — traveling is a great opportunity to discover new places, gain a fresh view on things, and make lasting experiences.
To keep the essence of summer alive a bit longer, the creative minds at AgenteStudio dedicated an entire icon set to traveling. It includes 60 icons with everything from transportation and equipment to nature, activities and other motifs that are bound to awaken your wanderlust. The icons come in two versions — one monochromatic line art and one with color accents. EPS, AI, SVG and PNG formats are available, so it’s easy to customize the icons to your liking.The post 60 Travel Icons To Awaken Your Wanderlust (Freebie) appeared first on Smashing Magazine.收起
Want to take your retro gaming to the next level? Learn how to create a RetroPie gaming station on Raspberry Pi with a graphical guide! Like most American children of the 1980s and 1990s, I spent a good amount of time playing video games with my friends. My first console was the original Nintendo (NES), […]
The post Video Game Console Emulator appeared first on David Walsh Blog.
Exploring Animation And Interaction Techniques With WebGL (A Case Study)
Two years ago, I decided to start a series of short WebGL experiments on Codepen. Earlier this year, I finally found the time to compile them all together on a single website named "Moments of Happiness". Since its incarnation, I’ve found ways to explore and learn different animation and interaction techniques, which I’ve implemented in these interactive toys.
As you'll see, the gameplay is very different in each one, but all of the experiments share one principle: The behavior of each character responds programmatically to user input. No precalculated animation — every movement is defined at runtime. Breathing life into these characters with only a few lines of code was the main challenge.The post Exploring Animation And Interaction Techniques With WebGL (A Case Study) appeared first on Smashing Magazine.收起
How to Create a RetroPie on Raspberry Pi – Graphical Guide
Today we get to play amazing games on our super powered game consoles, PCs, VR headsets, and even mobile devices. While I enjoy playing new games these days, I do long for the retro gaming systems I had when I was a kid: the original Nintendo (NES), Nintendo 64, Sega, and so on. Games like […]
The post How to Create a RetroPie on Raspberry Pi – Graphical Guide appeared first on David Walsh Blog.
Debugging your website with Fiddler and Chrome Developer tools (Session Recording)
The post Debugging your website with Fiddler and Chrome Developer tools (Session Recording) appeared first on Telerik Developer Network.收起
On this episode of Eat Sleep Code, guest Robert B discusses debugging HTTP with Fiddler and Chrome Dev Tools. Robert talks about Fiddler and how it’s used to sniff out mixed https content and what are protocol-less URLs. Robert shares his tips on performance tuning by troubleshooting website images. Working with Location APIs, and mimicking […]
The post Debugging with Fiddler and Chrome Developer tools appeared first on Telerik Developer Network.收起
User Authentication For Web And iOS Apps With AWS Cognito (Part 2)
In today's digital landscape, developers constantly need to be adding new tools to remain competitive and at the top of their craft.
If you regularly create new web or mobile applications, then Amazon Cognito is a powerful tool that can cut 90% of the time it usually takes to set up a custom user-management solution. If that is intriguing to you, then let's continue the journey to learn more about what Amazon Cognito has to offer.The post User Authentication For Web And iOS Apps With AWS Cognito (Part 2) appeared first on Smashing Magazine.收起
Phabricator is an excellent code review tool used by Facebook and other respected software engineering organizations. The user interface is beautiful, the workflow and tools are concise and comprehensive, and it’s a utility that covers most use cases, both web and command line. I’ve written a many Phabricator extensions and I’ve found that creating a single […]
The post Custom Configuration for Phabricator appeared first on David Walsh Blog.
Over the past few years we’ve been seeing new audio, video, and image formats take shape to challenge the legacy formats that we’ve used since the web’s inception. This is a great development as we have more processing power and better compression algorithms have been developed, leading to faster load times and rendering. Hooray for […]
Playing With Color: Vibrant Options For Apps And Websites
Color is one of the most powerful tools in a designer’s toolkit. Color can draw attention, set a mood, and influence the user’s emotion, perception and actions. When it comes to the web and mobile app design, this is definitely a time of vibrant colors. Designers use vibrant colors to focus people’s attention on important elements and to make their designs memorable.
In this article, I’ll summarize a few popular techniques of using vibrant colors in web and mobile design. Also, if you’d like to get started designing and prototyping your own web and mobile experiences, download Adobe XD.The post Playing With Color: Vibrant Options For Apps And Websites appeared first on Smashing Magazine.收起
Extension methods were added in C# 3.0 and ever since they have been an indispensable part of how I write code. In this post, we'll look where extension methods are used, the details of what makes up an extension method, and how to create them. We'll wrap things up with some refactoring tips you can […]
The post Refactoring Data Grids with C# Extension Methods appeared first on Telerik Developer Network.收起
The post Creating a Cloudinary Vue Component appeared first on David Walsh Blog.
Some things are either on or off and, when those things aren’t on (or off), they are invariably off (or on). The concept is so rudimentary that I’ve only complicated it by trying to explain it, yet on/off switches (or toggle buttons) are not all alike. Although their purpose is simple, their applications and forms vary greatly.
In this inaugural post, I’ll be exploring what it takes to make toggle buttons inclusive. As with any component, there’s no one way to go about this, especially when such controls are examined under different contexts. However, there’s certainly plenty to forget to do or to otherwise screw up, so let’s try to avoid any of that.The post Building Inclusive Toggle Buttons appeared first on Smashing Magazine.收起
Uploading Directories At Once With webkitdirectory
If you've ever tried to implement a bulletproof, good-looking file uploader, you might have encountered an issue: uploading an entire folder or folders of files is usually quite a hassle, as files in each folder have to be selected manually. And then some folders might contain sub-folders as well.
Well, we can use webkitdirectory, a non-standard attribute that allows users to pick a directory via a file input. Currently supported in Chrome, Firefox and Edge.The post Uploading Directories At Once With webkitdirectory appeared first on Smashing Magazine.收起
Words are the primary component of content for the web. However, until a short while ago, all we had at our disposal were but a few system fonts. Adding to that, those system typefaces weren’t necessarily coherent from operating system to operating system (OS).
Fortunately, Windows, macOS and Linux made up font-wise, and since then, all modern fonts have been compatible across those OS’. There’s no question, the future of web typography looks promising.The post How New Font Technologies Will Improve The Web appeared first on Smashing Magazine.收起