Get Unlimited Access to over 5,000 eBooks & Videos

Good news! We've partnered with the team at Packt. And to celebrate we're offering you the chance to get access to Mapt and SitePoint Premium for just $100!

So What's In It For You?

Good question. Well, you'll get access to Mapt Basic courtesy of our friends at Packt for an entire year, which includes:

• Access to over 5,000 ebooks and videos
• Over 50 new courses added each month
• Over 1,000 technologies and tools covered
• Curated Skill Paths to help direct your learning
• Skill Assessments to reinforce your learning

In addition, you'll also get access to SitePoint Premium for one year. Call us biased but we think it's a pretty great platform. In it, you'll get:

• 200+ DRM Free ebooks and courses on cutting-edge web development and design
• An ad-free experience across SitePoint
• Exclusive discounts for our favourite books, courses and products outside of SitePoint
• Clear Learning Paths to provide a clear journey to help you learn a new skill from start to finish
• A community of 35,000+ happy members.

Continue reading %Get Unlimited Access to over 5,000 eBooks & Videos%

by SitePoint Team via SitePoint

Taggle.js – Form-Ready Dependency-Less Tagging

Taggle.js allows you to create tag fields within your forms, to allow for easy and optionally restricted, input from your users.

by via jQuery-Plugins.net RSS Feed

7 Accessories That'll Help You Get More Out of Your MacBook

Generally speaking, if you own a MacBook, you should be happy with your purchase. They’re good laptops. But it’s not hard to see where you might run into some annoyances. Some might be specific to Apple, others might be more general. Either way, they’re a bummer, especially when you’ve paid...

[ This is a content summary only. Visit our website http://ift.tt/1b4YgHQ for full links, other content, and more! ]

by Irfan Ahmad via Digital Information World

#186:

Mobile Dev Weekly December 6, 2017   #186 Peter Cooper recommends A Pinterest Progressive Web App Performance Case Study — Pinterest’s new mobile web experience is a Progressive Web App. This post looks at the work involved in making it work fast on mobile hardware. Addy Osmani Peter Cooper recommends Microsoft Edge Browser Now Available for All Android and iOS Users — Android and iOS versions of Microsoft’s flagship browser are now generally available. The Verge Sponsored Linux Cloud Hosting Starting at 1GB of RAM for $5/mo — Get a Linode server up and running in seconds. Simply choose your plan, distro and location and you’re ready to deploy your server. Get $20 credit on a new account. Linode Cloud Hosting Chris Brandrick recommends The 'Next Level' of Mobile App Development? — Nick Babich explains how to use Dropsource (a free visual platform for building mobile apps) to create a native application. Smashing Magazine Mobile Web Chris Brandrick recommends Progressive Image Loading using Intersection Observer and SQIP — SQIP is an SVG-based LQIP (Low Quality Image Placeholders) technique. Performance Calendar Holly Schinsky recommends How to Design Responsive and Device-Agnostic Forms — Create forms that work perfectly for mobile devices with this expert advice. Nick Babich Brian Rinaldi recommends Your Most Frequent Visitors Don’t Benefit From Your AMP Pages — Ruadhán O’Donoghue argues that frequent users of a site may receive a worse experience with AMP than random one-off visitors. mobiForge Hybrid Apps Chris Brandrick recommends Passing Data Between Pages in an Ionic App Aman Mittal Native Development Brian Rinaldi recommends How to Update Your App for iOS 11: Drag and Drop — Building native iOS applications using the new Drag and Drop SDK. Doron Katz Brian Rinaldi recommends Creating Accessible Android Apps — Tips on how to provide the best experience for everyone who uses your app by optimizing for the accessibility features baked into every Android device. Jessica Thornsby Brian Rinaldi recommends React Native: The Things That You Should Be Aware of Before Coming Onboard — A look at some of the things that can trip up developers new to React Native, specifically those coming from native development. Eliasz Sawicki Za'e Johnson recommends How to Set Up Continuous Integration with React Native — Using Visual Studio App Center to automatically build and distribute a React Native app. Spencer Carli Za'e Johnson recommends Diving Into Mobile with React Native — How two developers at Afinity took a chance on React Native to build out the mobile counterpart of their web app. Shrey Gupta Sponsored Set Up a Netflix Style Streaming Service with Native Player SDKs — Deliver high quality video everywhere. A unified config API gives your users a seamless consistent experience on every platform. Bitmovin Holly Schinsky recommends Getting Started with Firebase Authentication on React Native Chris Bianca Chris Brandrick recommends Assistive Tech: VoiceOver on iOS — A quick intro to VoiceOver, the screen reader built in to iOS, and what quirks and gotchas to be aware of when developing for mobile. Rob Dodson Chris Brandrick recommends React Native App Performance Issues and Ways to Improve Them Purvak Pathak Chris Brandrick recommends Creating an App with Multiple Side Drawers Connot Sleight

by via Mobile Dev Weekly

#319: How Stripe Designs Beautiful Websites

Frontend Focus Issue 319 — December 6, 2017 Web Content Accessibility Guidelines For People Who Haven't Read Them A detailed look over the WCAG - a starting point in making your sites work better for all. Alan Dalton How Stripe Designs Beautiful Websites Examining the tips and tricks used to make Stripe’s frequently copied site design a notch above the rest. Lee Robinson Lint the Web Forward with Sonarwhal Sonarwhal is a linting tool for accessibility, security, and other Web best practices. Stephanie Drescher Try SpreadJS, the Most Powerful JavaScript Spreadsheet Component: Fast, Flexible, No Excel Dependency Deliver intuitive, efficient, multi-functional, pure JavaScript spreadsheets for enterprise apps. GrapeCity SpreadJS   Sponsor Cascading Web Design with Feature Queries An introduction to the concept of ‘cascading web design’, an approach made possible with feature queries. Chen Hui Jing The (Far) Future of CSS A speculative look into the future of CSS and Houdini’s goal of making CSS user-extensible. Tab Atkins Debugging React Perf with React 16 and Chrome DevTools An in-depth step-by-step visual walkthrough demonstrating how to audit JavaScript runtime performance and find slow rendering components. Ben Schwarz The Front-End Checklist A more dynamic front-end development and deployment checklist based on an article we linked last month. David Dias Jobs Frontend Developer at X-Team (Remote)We help our developers keep learning and growing every day. Unleash your potential. Work from anywhere. Join X-Team. X-Team Senior Software Engineer with ReactJS+ReduxJoin a growing engineering team that builds highly performant video apps across Web, iOS, Android, FireTV, Roku, tvOS, Xbox and more. DISCOVERY DIGITAL MEDIA Front-End EngineerIndeed Prime is a free service that connects you to hundreds of companies. Indeed Prime In Brief Evolution of 'img': GIFs Without the GIF in Safari news Safari Technology Preview is now supporting loading MP4 videos via img tags. Performance Calendar W3C Invites Implementations of CSS Color Module Level 3 news W3C $20 Free on a New Linode Account  Linux cloud hosting starting at 1GB of RAM for $5/mo. Get $20 credit on a new account. Linode Cloud Hosting  Sponsor Debugging CSS Grid Layouts with Firefox Grid Inspector tutorial Chen Hui Jing Providing Alternate Content for Screen Reader Users tutorial Sam Joehl Manageable Utility Systems with CSS Variables tutorial A look at the difference between Sass variables and new CSS variables. Kasey Bonifacio Happier HTML5 Form Validation tutorial Dave Rupert A Frontend Developer’s Guide to GraphQL tutorial CSS Tricks How to Use CSS Gradients on the Web tutorial Plenty of examples here for getting to grips with using gradients on the web. Adi Purdila Progressive Image Loading using Intersection Observer and SQIP tutorial SQIP is an SVG-based LQIP (Low Quality Image Placeholders) technique. Performance Calendar Live Coding Session: Deploying Node.js Web Apps to App Service on Linux  Learn how to build & package a Node app & deploy it through a CI system to Azure App Service on Linux. Microsoft  Sponsor AudioWorklet: What, Why, and How video Hongchan Choi, a software engineer on the Chrome team, goes in depth about what the new AudioWorklet is, why it’s a great step for Web Audio, and how it works. WebAudio PDX Why CSS Grid Is Better Than Bootstrap for Creating Layouts opinion Per Harald Borgen Bauble Toggle: A Christmas Bauble Toggle Control demo CodePen 'Strike Off' ToDo List Animation demo code When you tick an item, it gets struck out with an animation. Code My UI

by via Frontend Focus

Deft – Restaurant

‘Deft’ is a unique One Page WordPress theme with a refreshing layout option for restaurants, bars or coffee shops. The overall design features a centrally-divided layout with such a smart map view switcher top-left. When clicking the information button the right panel expands loading up About, image gallery (with breakfast, lunch, dinner filter), a beautiful testimonial/review slider and enquiry form.

Full Review | Direct Link

by Rob Hope @robhope via One Page Love

How to Turn Your Passion Into a Start-Up - #infographic

What does it take to be an entrepreneur? Starting a successful business requires more than a good idea: You also need financial backing, support, and a lot of tenacity. It’s not an easy process: About half of Canadian small businesses fail by their fifth year in business. But you don’t have to...

[ This is a content summary only. Visit our website http://ift.tt/1b4YgHQ for full links, other content, and more! ]

by Web Desk via Digital Information World