Archive for: October, 2015

font: caption;

Joe Richardson shared this little trick over on CodePen: body { /* operating system font */ font: caption; } If you’re on Ubuntu this will be the Ubuntu Font. If you’re on Yosemite this will be Helvetica. If you’re on El Capitan this will be San Francisco. If you’re on Microsoft this w...

Desktop Wallpaper Calendars: November 2015

   We all love a good wallpaper to polish up our desktops. So to provide you with fresh artwork on a regular basis, we embarked on our desktop wallpaper mission seven years ago. Each month we challenge you, the design community, to get your creative juices flowing and produce some interesting, beautiful...

Noupe Site Check: Bloomberg

News portals don’t always seem to be receptive to contemporary design and the use of new technologies such as HTML5 or CSS3. Often, a fixed layout is used, only supporting the vintage banner advertisement. A notable exception is the website of the US-American news portal Bloomberg, which is internationally known ...

Create a Tabbed Browser Using Node-Webkit and AngularJS

This article was peer reviewed by Edwin Reynoso, Tim Severien and Divy Tolia. Thanks to all of SitePoint’s peer reviewers for making SitePoint content the best it can be! In the past, cross-platform software development often meant writing the same application in different languages for different operating systems. A...

Background Image Shapes

The following is a guest post by Joe Markevicius. Joe had a particular design he needed to implement for the BFI’s Britain on Film website. Like a true front end developer, Joe considered the requirements and went through many different options to find the best approach. He’ll take us through that journey h...

Fresh SVG Talks

I’m just back from CSS Dev Conf (Dave and I wrapped it up over on ShopTalk) and it was a pleasant surprise for me to have seen four (!) SVG talks back-to-back on the first day. Just a little confirmation SVG is a hot topic these days. Anytime anyone asked the room who was using SVG, nearly every hand in the room ...

Powerful Custom Entities with the Diffbot PHP Client

A while back, we looked at Diffbot, the machine learning AI for processing web pages, as a means to extract SitePoint author portfolios. That tutorial focused on using the Diffbot UI only, and consuming the API created would entail pinging the API endpoint manually. Additionally, since then, the design of the pages we ...

Web Development Reading List #110: Jekyll, libSass, 2G Tuesdays and Service Workers

   What’s going on in the industry? What new techniques have emerged recently? What insights, tools, tips and tricks is the web design community talking about? Anselm Hannemann is collecting everything that popped up over the last week in his web development reading list so that you don’t miss out o...

Creating a SCRUD System Using jQuery, JSON and DataTables

Every non trivial software allows to manipulate data, generally stored in a database. The acronym SCRUD refers to the basic manipulation functions that the user needs to work with the available data: Search, Create, Read, Update and Delete. In this article we’ll create a web application which empowers the user to...

Sponsored: Syncano – Database. Backend. Middleware. Real-time. Microservices. All in one place.

Syncano is a backend platform to build powerful real-time apps more efficiently. Customize your backend with several different modules and minimize boilerplate code. Define your data schema, add real-time communication, integrate with any API, add microservice-like functionality without setting up a server or building ...