The Ultimate CSS Survey 2017

Last year SitePoint released The Ultimate CSS Survey, the first of what we hope to be an annual event to help us and the community understand the habits and practices of modern CSS developers.

The 2017 version of the survey is ready, and you can fill it out now. Or read on for more info on the survey and how it differs from last year's.

What's Covered in the Survey?

For those who didn't take part last year, here's a quick summary of some of the things the survey covers:

• CSS coding practices and preferences
• Use of CSS-related tools
• Use of popular frameworks
• Code maintenance habits
• Learning habits

As you can see, the survey seeks to gain an understanding of CSS developers from the learning steps right down to code maintenance and habits on big projects.

Continue reading %The Ultimate CSS Survey 2017%

by Louis Lazaris via SitePoint

10 Free UI Kits for Android Nougat and iOS 10

A good PSD UI template cuts design time and effort in half and is a great alternative to starting from scratch. Here's a list of my current recommended free PSD UI kits. Half are for Android 5, half are for iOS 8 with a focus on the latest versions of the two most popular mobile operating systems.

Continue reading %10 Free UI Kits for Android Nougat and iOS 10%

by Ada Ivanoff via SitePoint

#287: How to Create a Modern Browser Extension

Read this e-mail on the Web FrontEnd Focus Issue 287 — April 26, 2017 WebExtensions 101: How to Create a Modern Browser Extension No C needed, you can now easily build browser extensions using standard Web technologies. Benjamin Young Getting Started with CSS Grid Layout We’ve brought together the best/most useful resources and tutorials from recent weeks. Chris Brandrick What's All That Stuff At The Top of a CSS Spec? The first in a series of posts breaking down the Grid spec. The CSS Working Group called this “How to Read the First Page of Just About Any CSS Specification” Rachel Andrew Full-day Workshop: Using ES6 and React with Netflix's Brian Holt Netflix's Brian Holt returns to teach a full-day workshop on ES6 and React. React eschews the traditional MVC architecture, a counter-intuitive approach Brian explains along with JSX, React best practices, and the React component lifecycle. Forward Courses   Sponsor Why CSS Custom Properties Will Prove Very Handy CSS Custom Properties give the ability to reach into a property value and change certain parts of it. This quick example should win you over. Chris Coyier 5 Image Lazy Loading Techniques to Improve Performance Maria Antonietta Perna highlights the benefits of lazy loading images on websites and shows five approaches to implement it. SitePoint Advanced Vertical Margins How the adjacent sibling selector can solve complex design requirements while maintaining readable CSS. Sebastian Eberlein 13 Terrible Web Trends From The 90s, and How to Recreate Them A fun look back at a time when the Web’s aesthetic was a little more.. ‘rough and ready’. Remember the dancing baby? Dom Hennequin Think You Know The Top Web Browsers? Our traditional idea of the top five browsers may be over-simplified, outdated and skewed. Peter O'Shaughnessy Start Using CSS Grid Layouts Today Rachel Andrew covers the basics of how to use CSS Grid and how to start using it right now - without leaving older browsers out in the cold. 28 minutes. RenderConf Jobs Senior Front-end Engineer, BitbucketWant to build the future of code collaboration? Join Atlassian, work on Bitbucket, our source code collaboration and hosting product. Atlassian Senior Front-end EngineerWe're looking for an enthusiastic front end engineer to join our team. 3 blocks from the beach. Go to our website to learn more. MJD Interactive Full Stack Engineer - Hello Alfred (Alfred HQ/New York)We're seeking a Senior Full Stack Engineer with 3 years experience to join our team and help develop our engineering philosophy. Hello Alfred Can't find the right job? Want companies to apply to you? Try Hired.com. In Brief Chrome Headless Now Supported on All Versions of Chrome 59+ news How To Secure Your Web App With HTTP Headers tutorial Smashing Magazine Let’s Define Exactly What 'Atomic CSS' Is tutorial John Polacek Stop Guessing Languages Based on IP Address tutorial There’s better ways to do this already built into HTTP. C. McKenzie Open vs. Closed Shadow DOM tutorial The difference between using the open and closed modes of Shadow DOM. Leon Revill touch-action: A CSS Property for Customizing Touch Interactivity tutorial Hui Jing Chen Letting The Content Delivery Network Optimize Your Images tutorial Jon Arne Sæterås An Accessibility Style Guide for the Web tutorial Covers best practices for various site components, and includes code examples. Carie Fisher A Journey to Effective, Maintainable CSS Media Queries tutorial Kaloyan Kosev Better Web Typography: A Free Web Typography Email Course tutorial Matej Latin Create data-intensive, feature-rich web & mobile apps with Sencha Ext JS  Learn how to design, develop and test data-intensive web apps that run on desktops, tablets, and smartphones. Sencha, Inc.  Sponsor The Origin of the 'IMG' Tag story Jay Hoffman When Does a Project Need React? opinion CSS Tricks Six Free Web-Based SVG Editors Compared tools SitePoint SuperTinySocialIcons: Miniscule SVG Versions of Common Logos tools Terence Eden $20 Free Credit on a new account.  Linux cloud hosting starting at 1GB of RAM for $5/mo. Use promo code HTML520 and get $20 credit. linode  Sponsor Explodal: A Modal With An Explosion Effect code OpenLara: Classic Tomb Raider Running in the Browser demo Curated by Peter Cooper and Chris Brandrick and published by Cooperpress. Stop getting FrontEnd Focus : Change email address : Read this issue on the Web Cooper Press Ltd. Office 30, Lincoln Way, Louth, LN11 0LS, UK

by via FrontEnd Focus

Jon Rundle

Minimal personal page for product designer Jon Rundle featuring a simple Dribbble feed and a fun day/night color scheme switcher. Nice touch with the scheme changing according to time of day. This is his 5th redesign featured on One Page Love, cheers for the support since 2010 Jon!

by Rob Hope via One Page Love

Una

'Una' is a free One Page starter theme for WordPress with no posts, archives, comments or styles. The point of the theme is to create a simple starting point to quickly create a One Page website - using the power of WordPress.

Features include:

- WordPress header clean up eg. removed RSS links & more
- SASS files with a CSS reset, these are optional of course
- Enqueued custom-code.js file to easy add your JavaScript
- Blank WordPress theme screenshot to overwrite with your own

by Rob Hope via One Page Love

20 Best PHP Email Forms

This Week in Mobile Web Development (#155)

Mobile Web Weekly April 26, 2017   #155 Chris Brandrick recommends Why 'Mobile First' May Already Be Outdated — If “mobile first” is our future, why are almost all the most successful mobile driven businesses building web apps designed for larger screens? Paul Adams Brian Rinaldi recommends A Brief Overview of Responsive Navigation Patterns — Responsive Web design has changed the way we build sites. Here, Smashing Magazine looks at responsive navigation techniques, in particular. Chris Poteet Sponsored Search built and optimized for mobile by Algolia — Build instant search for your site in a few lines of code. JavaScript and React frameworks come with widgets that give you a great search out of the box. Everything is optimized for mobile speed and UX. Algolia Chris Brandrick recommends Think You Know The Top Web Browsers? — Our traditional idea of the top five browsers may be over-simplified, outdated and skewed. Peter O'Shaughnessy Holly Schinsky recommends 10 Frameworks for Mobile Hybrid Apps — A list of ten useful frameworks to help build mobile hybrid apps. Jscrambler Peter Cooper recommends Your Site Without JavaScript — A brief (but constructive) look at the cost of JavaScript. Ben Schwarz Chris Brandrick recommends Mobile in the Future — A detailed three-hour mobile design workshop filmed at Google Conversions. (90-min presentation followed by a 90-min Q&A) Luke Wroblewski Holly Schinsky recommends How to Boost App Downloads by A/B Testing Icons — Roman Rudnik shows how to boost app store downloads by A/B testing multiple icon designs in this step-by-step walkthrough. SitePoint Chris Brandrick recommends 8 Steps to Publish Your NativeScript App — A to-the-point checklist for deploying a NativeScript-built app to the iOS and Google Play stores. TJ VanToll Brian Rinaldi recommends Spring Into CSS Grid 🌼 — An overview of getting started with CSS grid. Joni Trythall Holly Schinsky recommends touch-action: A CSS Property to Customize Touch Interactivity — A CSS property determining if and how a user can interact with an element via touch input using the browser’s default features. Hui Jing Chen Chris Brandrick recommends Stop Using Device Breakpoints — “Content breakpoints give people better experiences no matter what size device they have.” Adam Silver Brian Rinaldi recommends Container Query Discussion — A good overview of the debate about whether container queries are necessary or not. Chris Coyier Brian Rinaldi recommends AMP For Retailers: Is It Worth It? — How to get started with AMP and how it can be used specifically to benefit an e-commerce website. Myriam Jessier Holly Schinsky recommends Release of PhoneGap Local Notification Plugin — A new PhoneGap Local Notification plugin has been released to follow the W3C Web Notifications spec and is supported on both iOS and Android. PhoneGap Blog Holly Schinsky recommends Use Any JavaScript Library With Vue.js — Different approaches for adding JavaScript libraries to your Vue.js apps including how to make them into a plugin for use across multiple projects. Anthony Gore Brian Rinaldi recommends Customizing Ionic Generators — Where to find the generated file templates to customize them to suit your needs. Chris Griffith Chris Brandrick recommends How To Use Geolocation and Google Maps With Ionic — Implementing geolocation features in an Ionic application, and presenting the location on an embedded Google Map. Zahid Mahmood Holly Schinsky recommends Progressive Web Apps Support Coming To WP-AppKit — WP-AppKit has been adding support for Progressive Web Apps and you can test it out now with your WordPress site by following the steps outlined in this post. Uncategorized Creations Peter Cooper recommends The Guardian Is Getting 60 Percent of Its Google Mobile Traffic From AMP Digiday Holly Schinsky recommends Leveraging Local Storage to Build Faster Apps Nikita Kozlov

by via Mobile Web Weekly