Get on the Flexbox Bandwagon

View online   Get on the Flexbox Bandwagon When you need to place elements on your website, CSS flexbox is awesome. Equal columns, sticky footers, centering, and more are a breeze with flexbox. For example, to center an element inside its parent both horizontally (the easy part) and vertically (the hard part), add this bit of code to the parent: .parent { display: flex; justify-content: center; align-items: center; } Done, no hacks! Because flexbox has excellent browser support, you can even use it as a valid fallback method for browsers that don't support Grid Layout, which today is the latest CSS standard for full page layouts. If you haven't approached flexbox yet, I have a beginner-friendly introduction to flexbox to get you started in no time. Are you already comfortable with flexbox? Then, you'll enjoy Building Mega Menus with Flexbox. Get flexing! Maria Antonietta Perna HTML/CSS Channel Editor   SPONSORED BY RESTDB.IO ​​​​​Simple cloud database - perfect for web developers ​​​restdb.io is probably the easiest solution to get a database going for web and serverless applications. Develop your database in the easy to use web interface. Designed for the modern web with high performance REST API and NoSQL MongoDB query language. Start Building Now   Best of Front-End A Friendly Introduction to Flexbox for Beginners Christian Krammer walks you through the basics of Flexbox, which you can use to layout specific page elements and also as a fallback method to Grid Layout. Building Mega Menus with Flexbox Kalpesh Singh uses Flexbox features to build a mega drop-down navigation menu, a well known design feature that many incorporate into large websites. 6 Free Material Design CSS Frameworks for 2017 Compared Giannis Konstantinidis lists some great Material Design CSS frameworks and compares them to make it easier for you to choose what best fits your needs. 6 Clever SVG Pattern Generators for Your Next Design Though SVG Patterns aren't super widely understood, they offer a lot of really interesting design options – once you get your head around them. HyperApp: The 1 KB JavaScript Library for Building Front-End Apps Jorge Bucaran introduces HyperApp, a tiny, 1kb library with a compact API, built-in state management, and unrivaled, small bundle size. 14 jQuery Live Search Plugins Display live search results for your search as you type. Michael Wanyoike looks at 14 exceptionally nice jQuery Search plugins to do the hard work for you.     Jobs Software Engineer BUYSELLADS  - Remote - Full-Time BuySellAds operates the largest self-serve advertising marketplace on the web. We're an adtech company empowering publishers and advertisers to connect more efficiently. Don't let the "adtech" part scare you away: our mission is to help publishers better monetize their sites so they can spend their time focusing on what they care about (their content!) rather than selling ads. Senior Backend Engineer - Payments @ CoinBase COINBASE - San Francisco, CA - Full-Time Coinbase is looking for a Senior Backend Engineer to join the team who has experience in owning an end to end process. The ideal candidate will work on the payment backend and other critical features of the overall infrastructure. Cloud Developer CALLIGO - UK - Full-Time We're looking for Ruby on Rails developers to help us continue to develop our cutting-edge Cloud Management Platform, Viaje.   From Around the Web Did CSS get more complicated since the late nineties? Hidde de Vries looks into the early days of CSS and reflects on what has changed, but also what hasn't. Glue Cross-Browser Responsive Irregular Images with Sticky Tape Ana Tudor shows how to create a cool sticky tape effect using CSS variables, blend modes, SVGs, and some old-school Maths. Is it really safe to start using CSS Grid Layout? Rachel Andrew considers browser support-related issues when using cutting-edge CSS like Grid Layout. Using CSS variables correctly Mike Riethmuller shows some good and bad ways to use CSS variables.   Wordpress Themes by Sitepoint Five Themes for the Price of 1 Download our FREE SitePoint Base Theme for Wordpress. Minimal. Clean. Simple. Lightweight. Responsive. The theme developers love to use. It's 100% FREE. Open Source GPL 2.0. Get 5 Themes for $39!     SitePoint | SitePoint Premium 48 Cambridge Street Collingwood, VIC 3066 | Australia You're receiving this email because you signed up to receive news from SitePoint. Smart choice! Preferences  |  Unsubscribe     Like   Tweet   Share   Forward