How to Speed Up Your UX with Skeleton Screens — SitePoint
Want to learn UX from the ground up? Get an entire collection of UX books covering fundamentals, projects, tips and tools & more with SitePoint Premium. Join now for just $14.99/month. However well-designed your user interface may be, at some point or other, the people using it are going to have to wait for something to load. Photo: Marco Giumelli, “Waiting” A 2014 MIT study showed that humans can
Hyperapp: The 1 KB JavaScript Library for Building Front-End Apps
Hyperapp is a JavaScript library for building feature-rich web applications. It combines a pragmatic Elm-inspired approach to state management with a VDOM engine that supports keyed updates & lifecycle events — all without dependencies. Give or take a few bytes, the entire source code minified and gzipped sits at around 1 KB. In this tutorial, I’ll introduce you to Hyperapp and walk you through a
Building APIs with Ruby on Rails and GraphQL — SitePoint
May 22, 2017Building APIs with Ruby on Rails and GraphQL Designing APIs for mobile and web applications has become a very common problem today. Since the burst of smartphones a decade ago (and with them, the explosion of mobile apps) REST APIs have become the main standard to exchange data between application server and clients. One of the biggest issues encountered when developing an API is the s
Redux without React — State Management in Vanilla JavaScript — SitePoint
This article was peer reviewed by Vildan Softic. Thanks to all of SitePoint’s peer reviewers for making SitePoint content the best it can be! I am one of those developers who likes to do things from scratch and get to know how everything works. Although I am aware of the (unnecessary) work I get myself into, it definitely helps me appreciate and understand what lies behind a specific framework, li
Angular vs React: Everything You Need To Know — SitePoint
Fun facts about Angular It was originally called “Angular 2” to distinguish it from its predecessor, but the “2” was dropped when version 4 was released in 2017. The original AngularJS was created by Miško Hevery. It’s written in TypeScript, which is a superset of JavaScript. It supports two-way data binding. What Is React: the Basics React is a JavaScript library for building user interfaces, cre
Data Serialization Comparison: JSON, YAML, BSON, MessagePack — SitePoint
More or less, what you did there was to define a data structure; and you’ll do just fine if you only need this on a spreadsheet format. The problem is that, if you ever want to exchange this information with a database or a website, the mechanics by which these data structures are implemented on these other platforms — even if the underlying semantics are overall the same — will be dramatically di
Building a Game with Three.js, React and WebGL — SitePoint
I’m making a game titled “Charisma The Chameleon.” It’s built with Three.js, React and WebGL. This is an introduction to how these technologies work together using react-three-renderer (abbreviated R3R). Check out A Beginner’s Guide to WebGL and Getting Started with React and JSX here on SitePoint for introductions to React and WebGL. This article and the accompanying code use ES6 Syntax. How It A
The Future of Aurelia — Roadmap and Upcoming Features — SitePoint
November 21, 2016The Future of Aurelia — Roadmap and Upcoming Features It’s Open Source Week at SitePoint! All week we’re publishing articles focused on everything Open Source, Free Software and Community, so keep checking the OSW tag for the latest updates. This article is by guest author Rob Eisenberg. SitePoint guest posts aim to bring you engaging content from prominent writers and speakers of
How to Build a Todo App Using React, Redux, and Immutable.js
The way React uses components and a one-way data flow makes it ideal for describing the structure of user interfaces. However, its tools for working with state are kept deliberately simple — to help remind us that React is just the View in the traditional Model-View-Controller architecture. There’s nothing to stop us from building large applications with just React, but we would quickly discover t
Top 5 Material Design Frameworks to Use in 2015 — SitePoint
May 5, 2015Top 5 Material Design Frameworks to Use in 2015 Google’s Material Design has taken the internet UI world by storm. Since it’s arrival on Google’s Inbox and then progressive across Google’s network sites, many web applications like Telegram have begun deploying the framework. Material Design has introduced us to a simple yet meaningful philosophy of modern UI design. Material Design is o
Which Programming Language Should I Learn First in 2024? — SitePoint
If you’re a beginner programmer, you might be wondering how to choose a programming language. With so many languages out there, it can be difficult to decide which one is right for you. We’ll discuss the most popular programming languages in 2024, what benefits they offer, and where to start. This article will discuss the most popular programming languages in 2024 and what benefits they offer. We
Flexible and Easily Maintainable Laravel + Angular Material Apps — SitePoint
September 28, 2015Flexible and Easily Maintainable Laravel + Angular Material Apps In this article, we’re going to set up a Laravel API with Angular Material for the front end. We’re also going to follow best practices that will help us scale with the number of developers working on the project and the complexity behind it. Most tutorials cover this topic from another perspective – they completely
Creating Isomorphic Apps with Node.js, React, and Express
In this tutorial Preetish Panda teaches how to create Isomorphic Apps using Node.js, React, Express, and a few other software.Creating Isomorphic Apps with Node.js, React, and Express Over the past few years, the Web community has been abuzz with “isomorphic apps”. They are apps where the markup is rendered on the server and fed to the browser as complete HTML, and the successive user interactions
The ES6 Conundrum — SitePoint
This article is part of a web dev series from Microsoft. Thank you for supporting the partners who make SitePoint possible. ECMAScript6 or ES6 is the evolution of JavaScript and it is the future. It is the technology innovation for the web we’ve all been waiting for. It is full of great functionality we always craved and it finally enables us to build huge applications for the web in a scalable an
A Comparison of JavaScript HTTP Libraries for the Browser — SitePoint
Ajax requests are heavily used in modern websites. In addition to the use of the built-in way of performing Ajax requests, using an instance of XMLHttpRequest, many developers employ jQuery’s methods to perform the same task. In this article, we’ll take a look at two alternative libraries that allow you to achieve the same goal. In particular, I’m going to cover superagent and axios. To compare th
SitePoint Smackdown: PHP vs Node.js — SitePoint
The web is ever-changing technology landscape. Server-side developers have a bewildering choice of long-standing heavy-weights such as Java, C, and Perl to newer, web-focused languages such as Ruby, Clojure and Go. It rarely matters what you choose, presuming your application works. But how do those new to web development make an informed choice? I hope not to start a holy war, but I’m pitting two
How to Build Your Own CSS Preprocessor With PostCSS — SitePoint
Use a CSS preprocessor for a while and life soon becomes imaginable without it. Many developers have adopted LESS, Stylus or — the current favorite — Sass. Ideally, you should also be post-processing your CSS using Autoprefixer to add vendor prefixes when required without resorting to mixins or a frameworks such as Compass. Autoprefixer is a plugin for PostCSS; a tool which translates CSS into an
The Top 7 Hybrid Mobile App Frameworks — SitePoint
Layout managers provide flexible frameworks to layout user interface elements in an Android application. Learn more in our screencast Learning About Layout Managers for Android. The time has never been better to learn mobile application development. For many app ideas, you don’t even need any prior native development knowledge. You can get started today with knowledge of HTML, CSS and JavaScript.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Writing Server-rendered React Apps with Next.js — SitePoint
Build a Search Engine with Node.js and Elasticsearch — SitePoint