mariap

CSS Viewport Units: A Quick Start

Asha and Maria offer an accessible but thorough introduction to the use of CSS viewport units for truly responsive typography and layout elements on the web.

Five Ways to Lazy Load Images for Better Website Performance

Maria Antonietta Perna highlights the benefits of lazy loading images on websites and shows five approaches to implement lazy loading for your website.

How to Apply CSS3 Transforms to Background Images

Craig Buckler demonstrates a neat trick for applying CSS3 transforms to background images. Rotating and skewing elements with stunning backgrounds will now be a breeze!

5 Top Development Tools that Will Help You Do More in Less Time

Here are 5 great tools and services to make your life as a developer a lot more productive. Bonus content: 3 tips to get your developer skills to the next level.

7 of the Best Code Playgrounds

Craig Buckler lists 7 of the most popular code playgrounds tfor experimenting with your front-end code, such as CodePen and JSFiddle, along with suggestions for playing with back-end code, hosting your own code playground, and even installing an offline code playground in your own browser!

Java and MongoDB 4.0 Support for Multi-document ACID Transactions

How Many of These Essential WordPress Tools & Services Are You Using?

Ten of the top WordPress tools and services to supercharge your WordPress website and take it to the next level. From page builders and dynamic tables to website management and marketing tools, there's everything you need for a strong web presence.

A Practical Guide to CSS Variables (Custom Properties)

Maria Antonietta Perna walks you through CSS variables/custom properties, the awesome new technology that adds more flexibility and fun to CSS coding.

How to use Media Queries in JavaScript with matchMedia

Craig Buckler gives you an accessible introduction to using media queries with JavaScript with matchMedia for a robust responsive design approach.

A Friendly Introduction to Flexbox for Beginners

Christian Krammer walks you through the basics of Flexbox, showing how you can use flexbox to lay out specific page elements, and also how flexbox can serve as a handy fallback method in browsers that don't yet support CSS Grids.

An Introduction to the CSS Grid Layout Module

Ahmad Ajmi introduces CSS Grid Layout Module, showing beginner-friendly examples of how to use CSS Grid, as well as discussing current browser support and what to do if you need to support older browsers — from using a mobile-first layout as a fallback, to using other CSS fallbacks and even a polyfill.

Build Pixel Perfect Websites Without Dev-Design Conflict

Here's a great new Chrome extension, Visual Inspector, a collaboration tool that will help you create pixel-perfect websites easily and without any coding.

Adding Animations for Effective Blog Posts with WordPress and Tumult Hype

Jonathan Deutsch shows how to add fancy animations to your WordPress posts and engage your readers with Tumult Hype, an easy-to-use visual animation tool.

Advanced Timing & Easing for Web Animations with Tumult Hype

Jonathan Deutsch offers an easy-to-follow guide on how you can fine tune animation timing functions with Tumult Hype, a visual tool for advanced animations.

Building a New Parse Server & MongoDB Atlas-Based Application

Andrew Davidson shows you a step by step guide on how to build a robust and performant application with Parse Server and MongoDB Atlas.

Visual Ad Creation Workflow with Tumult Hype

Jonathan Deutsch walks you through a step by step process of how to create engaging animated HTML 5 ads with Tumult Hype, a visual tool, no coding required.

Company Structuring in the Age of Automation

Varun Mayya, CEO of Enkidu.io, explains what the Enkidu platform is and how it can help you to create, manage, and run a small company on the Internet.

One of These Free Site and Page Building Tools is Meant for You

Ever found the search for a great site and page building tool daunting? Felt overwhelmed by all the options? This list of 8 fantastic tools is here to help.

The ICO That’s Disrupting the Way You Start and Run Companies

Varun Mayya, CEO of Enkidu.io, illustrates how the Enkidu platform can help create and run small companies and aid remote collaboration.

Serverless development with Node.js, AWS Lambda and MongoDB Atlas

Raphael Londner shows how to easily integrate an AWS Lambda Node.js function with a MongoDB database hosted in MongoDB Atlas.

Improve Your Website in 2018 with These Top WordPress Plugins

You don't have to be technical to build fancy features like attractive galleries, complex layouts, and more, with these smashing tools.

Understanding Bootstrap Modals

In his dive into the popular CSS framework Bootstrap, Syed Fazle Rahman shows you how you can quickly make Bootstrap modals work in your project.

Optimizing CSS: Tweaking Animation Performance with DevTools

Maria Antonietta Perna explores the Performance Tool available in the Firefox browser to find out more about CSS animation performance.

Putting the “App” in Progressive Web Apps

Nicole Saidy offers an overview of Progressive Web Apps (PWAs), what they are, which problems they solve, and what makes them apps or app-like.

How to Tell if React is the Best Fit for Your Next Project

React eases the development of snappy, event-driven user interfaces that are fast at responding to state changes. This is particuarly important considering users expect web apps to feel smooth and seamless like native apps. In this article, you'll learn about what React is good at and what makes it work. This should provide you with the context required to decide if this library could be a good fit for your next project, and whether you should learn React.

How to Create CSS Conic Gradients for Pie Charts and More

Gajendar Singh shows how to create conic gradients in CSS, a new standard championed by Lea Verou which lets you build pie charts and more without images.

Fancy Web Animations Made Easy with GreenSock Plugins

Maria Antonietta Perna gives you an overview of GreenSock plugins to add complex animations to your project quickly and in a few lines of code.

Improve Web Typography with CSS Font Size Adjust

Gajendar Singh introduces you to the font-size-adjust CSS property and explains why it's important and how you can use it to enhance your web typography.

Converting Your Typographic Units with Sass

Byron shows us a neat Sass function to convert typographic units in CSS. Learn how to convert pixels into em and percentage units with the magic of Sass.

Sass Functions to Kick-Start Your Style Sheets

Byron shows us some of Sass functions built into the language and shows how you can use them to kick-start your style sheets.