In this episode of The Treehouse Show, Nick Pettit (@nickrp) and Jason Seifer (@jseifer) talk about the latest in web design, web development, HTML5, front end development and more.

Join Treehouse today and get your first month free! http://teamtreehouse.com/show

Here are the links for the week:

BetterToggle jQuery Plugin
http://jquer.in/betterToggle-jquery-plugin/

Creating Realistic Reflections On Animated Glossy Elements
http://www.ryancollins.me/?p=404

Drawscript – convert Illustrator shapes into code
http://drawscri.pt/

Fullscreen Layout with Page Transitions | Codrops
http://tympanus.net/codrops/2013/04/23/fullscreen-layout-with-page-transitions/

How To Customize Your CSS Buttons With Pictogram Icons | DesignWoop
http://designwoop.com/2013/04/how-to-customize-your-css-buttons-with-pictogram-icons/

Typography in Mobile Design: Important Aspects and Examples – Designmodo
http://designmodo.com/mobile-design-typography/

estelle/clowncar · GitHub
http://github.com/estelle/clowncar

The Flattening of Design – NYTimes.com
http://bits.blogs.nytimes.com/2013/04/23/the-flattening-of-design/

Learn how to build websites and apps, write code, or start a business at Treehouse. Learn from over 1,000 videos created by our expert teachers on web design, coding, business, and much more. Treehouse teaches the in-demand technology skills you need to land your dream job.

Learn How to Make Wix Website Mobile Friendly

Sign up on WIX here – https://wixstats.com/?a=76739 &oc=33 &c=124 &s1=

In this video I show you how you can make a wix website mobile friendly. Most website visitors come from mobile traffic these days, which is why it’s really important to optimize your website for mobiles. That’s also why in this tutorial I show you exactly how to make your own wix website mobile friendly.

Subscribe to How to Digital for more solutions to your problems:
https://www.youtube.com/channel/UCRGVYXL-ttpmh9Cn7PmhD0A?sub_confirmation=1

If this video helped you out please consider leaving a like & commenting down below if this works! Thank you so much 🙂

#HowToDigital

#webdevelopment #webdesign #css

Watch as I show you how I would redesign Steam’s mobile site if I had the chance.

The icons I use: https://fontawesome.com/referral?a=755e5ceb4c

Support the channel: https://ko-fi.com/hyperplexed (accepts PayPal, card, etc).

Tools used: HTML, CSS, JavaScript

CodePen: https://cdpn.io/jOxMejd

Steam: https://store.steampowered.com

Music Credits:

Beyond The Clouds – StreamBeats – Lofi – Harris Heller

In this video, we walk-through 4 different website design mockups and highlight the strengths and tips along the way. Get a mobile friendly website – https://www.marketing360.com/websites

Some tips covered in the video:

1 – Design for mobile first, desktop second

2 – Get to the point above the fold on mobile and desktop

3 – For those that scroll, provide additional information to build knowledge and trust in what you do. Highlight pain and benefits more than features

4 – Ask questions, share your brand voice

5 – Compare your mobile site with your competitors.

6 – Test your mobile site on multiple devices
7 – Close with a call to action at the end

—

Marketing 360® is the #1 Marketing Platform® for Small Business. It has everything you need from design, to marketing, to CRM. Powered by Madwire® – voted one of the Nation’s Best Places to Work by Glassdoor in 2016, 2017, and 2018!

Follow Us:

Marketing 360® Website: https://www.marketing360.com/
Madwire® Website: https://www.madwire.com/
Facebook: https://www.facebook.com/marketing360/
Instagram: https://www.instagram.com/marketing360
Twitter: https://twitter.com/marketing360
Pinterest: https://www.pinterest.com/marketing360/
Snapchat: https://www.snapchat.com/add/fuelyourbrand
Youtube: https://www.youtube.com/marketing360

Follow JB Kellogg’s Leadership Content:
YouTube: https://www.youtube.com/c/jbkellogg
Instagram: https://www.instagram.com/jb_kellogg/
LinkedIn: https://www.linkedin.com/in/jb-kellogg/
Website: https://jbkellogg.com/