HTML & CSS
Louis Lazaris, Jan 06
Introducing the HTML5 Herald Sample Site
The following is an extract from our book, HTML5 & CSS3 for the Real World, 2nd Edition, written by Alexis Goldstein, Louis Lazaris, and Estelle Weyl.
Craig Buckler, Jan 04
10 Web Predictions for 2017
Despite previous annual disasters, Craig is back with forecasts of the hottest trends in web technology for 2017.
Mike Canarelli, Dec 20
Google's Interstitial Ad Penalty and Its Effect on Mobile Marketers
Last year, Google put digital marketers on notice that a deep freeze was coming for interstitial ads. Now, the search giant has officially put them out in the cold, a move that will open opportunities for marketers willing to create a better mobile experience for consumers. Starting January 10, 2017, Google will institute what some observers are calling a “pop-up penalty,” targeting ads that hide or gray-out most or all of a mobile screen. Websites displaying the intrusive advertisements on mobile devices may not rank as highly in search results. It’s a change that will leave a significant footprint; mobile use drives about 56 percent of consumer traffic to top U.S. websites, according to SimilarWeb’s State of Mobile Web in the U.S. 2015 report. The move isn’t exactly a surprise; in 2015, the search engine giant announced it would penalize websites that displayed interstitial ads prompting users to download an app. Soon after, Apple gave Safari users the ability to install ad blocker apps that would stop interstitials on iPhones and iPads. It’s important to note that Google will penalize a website in mobile search results only, which seems appropriate given the challenge of navigating the intrusive ads on screens as small as 4.5 inches versus ads viewed on a laptop or desktop. What’s more, interstitial advertising remains one of many signals the search engine uses to assess ranking. However, don’t expect these mobile pop-ups to disappear completely. If you’re a company using them for age verification, cookie usage, or paywall logins, Google won’t ding you in search results. It also won’t impose a penalty if your business displays mobile banners that are easy to dismiss and don’t take up a large amount of screen space.
M. David Green, Dec 20
CSS Preprocessors and Font-end Development, with Guy Routledge
In this episode, David and Tim are joined by Guy Routledge, a front-end developer, teacher, and presenter of SitePoint’s AtoZ CSS video series.
Jesse Novotny, Dec 19
Setting Up an Angular SPA on Rails with Devise and Bootstrap
Jesse Novotny provides a walkthrough for setting up an Angular single page app on Rails with Devise and Bootstrap.
Josh Hirshfeld, Dec 19
6 Ways Learning to Code Will Make You More Effective in Any Role
It's becoming increasingly important for non-technical employees to have some level of technical skill. We look at six ways coding skills will help you.
M. David Green, Dec 16
A Brief Introduction to Scrum
HTML & CSS
Louis Lazaris, Dec 15
Chris Burgess, Dec 14
Introducing SitePoint Base Theme for WordPress
Chris Burgess introduces SitePoint's minimal, clean, simple, lightweight, responsive and open source WordPress base theme.
HTML & CSS
Asha Laxmi, Dec 14
Create Stunning Image Effects with CSS Backdrop-filter
Asha Laxmi shows how to use the new backdrop-filter CSS property to create stunning visual effects directly in the browser.
Michael Grogan, Dec 09
How To Create a Twitter App and API Interface Via Python
Michael explains how to use a Python API to connect to Twitter, and download tweets, follower lists, multiple tweets at once, and customize searches.
Lucero del Alba, Dec 07
7 Atom Add-ons for Running Code and Previewing Changes
Lucero del Alba introduces 7 Atom add-ons for previewing changes in HTML, CSS, JS and Markdown, and for executing interpreted and compiled code.
Design & UX
Daniel Schwarz, Dec 07
What is Adaptive Design? (And is it Different from Responsive Design?)
We all have an understanding of responsive design, but how does it relate to 'Adaptive design'? Turns out the answer depends on who you ask.
M. David Green, Dec 06
Ruby, Rails, and Imposter Syndrome, with Glenn Goodrich
In this episode, Tim and David are joined by Glenn Goodrich, aka Ruprict, a developer by day and SitePoint's Ruby Channel editor by night.
Craig Buckler, Dec 06
Browser Trends December 2016: Mobile Overtakes Desktop
2016 has been remarkable for many reasons. A momentous browser event has occurred: mobile now exceeds desktop usage for the first time since the web began.
Ardian Haxha, Dec 02
Keybase: Sending, Receiving and Sharing Encrypted Messages
Ardian Haxha introduces Keybase, a social media service for sending, receiving and sharing encrypted messages.
Craig Buckler, Dec 02
7 Reasons Your Website Needs WhoAPI
Craig Buckler looks at WhoAPI, a website and domain monitoring service.
Simon Codrington, Dec 01
Edit Code in the Browser with ICEcoder
Simon Codrington reviews ICEcoder, a browser-based code editor, and asks whether this way of developing has matured enough for widespread use.
Dmytro Spilka, Nov 30
Google Data Studio: a Nifty, Free, Easy-to-use Data Vis Tool
Dmytro Spilka introduces Google Data Studio, demonstrating how to present data from Google Analytics in a visually pleasing, client-friendly chart.
M. David Green, Nov 29
Sass, HAML, and Inventiveness, with Hampton Catlin
David and Tim are joined by Hampton Catlin, creator of Sass, Haml and other tools and services such as Wikipedia Mobile, Tritium and Moovweb.
Wolfram Hempel, Nov 25
Deepstream: an Open-source Server for Building Realtime Apps
Wolfram Hempel discusses issues around building realtime apps at scale, and introduces deepstream, an extensible, open-source server.
SitePoint Offers, Nov 25
Black Friday: 2 Years of SitePoint Premium for $99
Over $20,000 worth of SitePoint web development and design books and courses for $99.Today, get two years of SitePoint Premium, for the price of 1 - save 50%! Stay ahead of the game, and learn techniques to build better, faster, and more responsive websites and apps. Here's what you get:
- Download ALL (80+) SitePoint ebooks and keep them forever
- Download ALL (60+) courses, plus access to 250+ tutorials
- Easy to follow paths, unlimited Q&A with friendly instructors, shareable certificates and code archives and samples
Did we mention priority access to everything we release in 2017 and 2018?Teaser: Here's what we have planned over the next few months...
- PHP and MySQL: Novice to Ninja [book]
- Designing UX: Prototyping [book]
- Angular 2: Novice to Ninja [book]
- Building a WordPress Theme From Scratch [course]
Kristi Progri, Nov 23
Nextcloud: an Open-source Dropbox, Google Drive Alternative
Kristi Progri presents Nextcloud, an open-source, self-hosted alternative to file sharing services like Dropbox, Google Drive and OneDrive.
Design & UX
Alex Walker, Nov 23
How to Hack Brains with Cinemagraphs
Cinemagraphs are like the snow globes of the web – simple yet strangely mesmerizing. Here's how to use them in your web design.