Tag: css

Dispatches from the Spry Hive: Week 35

Posted by Ken Moire & filed under Tips.

This post is part of a weekly series featuring the latest buzz around the Spry Hive.

“I write funny. If I can make my wife laugh, I know I’m on the right track.”
– Gene Wilder

Graphic Design

Thanks to these DIY resources, you don’t need to accrue a ton of student debt to get a design education.


Courtesy The Academy on Medium.

Courtesy The Academy on Medium.

The American Academy of Motion Picture & Sciences shares the design process behind seven iconic movie posters.


Content Strategy

18F has updated their content guidelines for Government projects, and its worth a look.


Web Design & Development

Pantsuit: The Hillary Clinton UI pattern library.

Pantsuit: The Hillary Clinton UI pattern library.

How do web designers achieve Hillary Clinton’s “I’m with her.” look? With the aptly named Pantsuit UI pattern library.


An article about building extensibility with HTML/CSS components.


Technology

You can now Google Cast to Hangouts directly from Chrome.


Watch a SpaceX rocket explode and take Facebook’s Internet.org satellite along with it.


Misc

EpiPen Tycoon

Mylan CEO Heather Bresch made waves last week with a multifold price hike of the company’s EpiPen product, while giving herself a size-able pay raise, and the Internet has responded with Epipen Tycoon, a brilliant exercise in corporate greed vs. public health.


QRATES helps recording artists with “vinyl as a service”. Only $15 per pressing.


In Memoriam

 

Gene Wilder captured our imagination with his portrayal of Willy Wonka and many other characters. The essence of Wilder’s style can be seen in this video essay of every comedic pause across his career.


 

Spry Hive will be back next week. Enjoy your long Labor Day weekend!

Dispatches from the Spry Hive: Week 24

Posted by Ken Moire & filed under Tips.

This post is part of a weekly series featuring the latest buzz around the Spry Hive.

We are skipping Spry news to acknowledge the terrible events that happened in Florida this week. We, along with many others, are mourning the senseless loss of lives in Orlando. Spry Digital embraces the idea of strength in diversity. Our thoughts go out to the victims of the LGBT community, Christie Grimmie, and all of the families and friends that have been hurt by these acts of hate.

We can always do better. Remember to celebrate the heroic acts of love that occur on a daily basis, and never react to hate with hate.

Now on to more lighthearted fare…

Typography

We applaud Google’s redesign of Google Fonts. If you geek out on such things, here’s the case study of the redesign.

Bungee Vertical Fonts

Image courtesy Bungee

Vertical type on signage and other projects is a necessity at times, but most fonts are not designed for vertical orientation. Bungee was created specifically for multi-color vertical typography.

Web Design & Development

The CSSConf Nordic 2016 happened and there’s some terrific talks posted online for your consumption.

If you enjoy using Tower for Git (and we do), also check out SourceTree by Atlassian, a free Git and Mercurial client for Windows and Mac.

Linux Journey

Image courtesy of Linux Journey

Interested in exploring the world of Linux? Begin your journey with this website. [Linux Journey]

Entrepreneurship

Zenefits, the popular online HR onboarding company, has been experiencing some growing pains as of late. Now they’re doubling down on turning the business around, asking their employees to get on board or to take “The Offer”.

Misc

Cable network Adult Swim continues to expand their influence in the digital space with this highly visual playlist that promises 25 tracks in 25 weeks.

Image courtezy NASA/JPL

This July fourth, NASA has plans to make fireworks of their own as they send the Juno spacecraft within 2,900 miles of Jupiter’s atmosphere.

The Bloomberg team continues to make web properties that are the source of much debate within our team. You either love them or you hate them, and the Global Tech Issue is no exception.

The world also lost a musical great this week. Chips Moman, the Memphis and Nashville hitmaker, has passed at the age of 79.


Remember to be good to each other. We will see you all next Friday for another edition of the Spry Hive!

Dispatches from the Spry Hive 2016: Week 12

Posted by James McDonnell & filed under Tips.

This post is part of a weekly series featuring the latest buzz around the Spry Hive.

Around Spry

This week we hosted St. Louis DevOps monthly meetup. The topic (presented by Spry partner Julia Koelsch) was Ansible. If you want to get in on this meetup, you can join the group here.

The Web & Apps

Compare and shop for TV, internet, and phone services, starting with Comcast, in the new Amazon Cable Store.

For the time-crunched bookworms out there, check out Serial Reader, a new iOS app with huge educational potential, that serves up bits and pieces of classic literature.

Design

See what the world’s top architecture firms created when The Museum of Science and Industry (MSI) in Chicago sent them each 1,200 white legos for their newest exhibit.

batman-vs-superman-posters (1)

Since the 1940’s, Batman and Superman movies have had one iconic poster after another. Take a look back at some of the classics and see what The Poster Boys have come up with for Batman vs. Superman.

Web Design & Development

The Accessibility Team and WordPress are combining forces, announcing a set of Accessibility Coding Standards for all new or updated code releases.

Make your life significantly easier with these dirty tricks for front-end developers.

While on the topic of front-end, head over to Sitepoint to learn more about cleaning up a CSS codebase.

Misc.

Discover which Irish novel was so good that people have been afraid of translating it for almost 70 years, until now.

phife grove

The third full week of March saw the unfortunate passing of two revolutionary minds. Andy Grove (79), former CEO of the tech giant Intel, left his mark world as one of the integral pioneers of the personal computer, while Malik Taylor (45), also known as Phife Dawg from A Tribe Called Quest, brought a social consciousness to hip-hop and helped shape the world of music as we know it.

Get in the mood for Easter with these hilariously anthropomorphic pictures of Peeps.

Not all Easter bunnies cute and cuddly, something clearly portrayed in a new Tumblr feed titled Sketchy Bunnies.


Enjoy the holiday weekend and don’t forget to fly by next week for more buzz around the Spry Hive.

Dispatches from the Spry Hive 2016: Week 6

Posted by James McDonnell & filed under Tips.

Between a thrilling Harry Potter announcement and various other updates and breakthroughs, the sixth week of 2016 produced plenty to talk about. So, without further adieu, here’s your weekly dose of the Spry Hive!

The Web

POTUS has a difficult job that requires thoughtful consideration about a variety of issues. One of those issues is now password security.

Most people know Yeezy has plenty of absurdly hilarious quotes out there. Well, put them to good use by bombarding your friends with Kanye Text.

Design

voyager-invisible-c

In their attempt to propel us into the future, NASA has recently released three absolutely stunning posters dedicated to space travel.

Apps

Instagram’s latest update on iOS and Android finally allows users to switch between accounts without logging in and out.

Mac users will be delighted to hear that you can now use virtual reality to view your desktop.

Web Development & Design

You can never have enough music for when you’re coding, so don’t miss out on this playlist curated for programmers.

Tired of the same old Lorem Ipsum when developing your websites? Switch over to Post Rationalism Ipsum!

While vector editing tools have been a cornerstone of digital design for over two decades now, the company Figma felt that the mechanisms behind creating and editing vectors were becoming archaic. That’s when they came up with Vector Networks.

Building a truly beautiful email has never been easy, especially when trying to make it responsive too. MJML took up the challenge, though, and just made responsive emails easy.

When it comes to image manipulation, Una Kravets explains how CSS’ lack of per-channel manipulation really holds it back alongside how one uses SVG to truly gain control over color.

Misc.

The Star Wars themed dance album you never knew you were waiting for, featuring Rick Rubin, Flying Lotus, and many others, has been officially sanctioned by the brand’s owners.

Ca29w5EWcAAt9Ej

Harry Potter fans were ecstatic this week as the world-renowned author J.K. Rowling announced the release date of an 8th book, The Cursed Child.

The scientific community was probably the only group of people happier than Harry Potter fans this week. For the first time ever, scientists with the Ligo Collaboration have found proof of gravitational waves.


With the conclusion of this week’s Spry Hive, we all have plenty of reasons to be excited about the future. Don’t forget to stop by next week for more!

Dispatches from the Spry Hive 2016: Week 4

Posted by James McDonnell & filed under Tips.

As we finish off the first month of 2016, businesses on Facebook are in for a treat with the release of various new tools. That’s not all that happened this week, though, so sit back and enjoy another dose of the Spry Hive.

The Web

mobile

Facebook has rolled out a whole new way for companies to share stories and engage their audiences with Canvas.

Web Development & Design

Proving that age & experience have little to do with your ability to develop an app, the 83-year-old former Secretary of Defense, Donald Rumsfeld, recently released his own mobile game.

Take your website to the next dimension with quick loading, easy to build 3D models using Voxel.CSS.

Use Gridlover’s online HTML/CSS editor to set your website’s font styles.

Capture

Creating brand assets for Social Media has never been so simple. Check out Social Kit Pro for Photoshop.

Use Sketch for your app and web design needs? Be sure to check out all the changes made in Sketch 3.5.

There are more tools for designing and building websites than ever before, but some are beginning to think that process and use of these frameworks is killing creativity on the web.

Misc.

If you own one, you’ve probably already experienced some of Apple TV’s gorgeous aerial video screensavers. Well, now you can watch them on any device.

Are you a fan of the Bachelor, Game of Thrones, or even both? Then you’ll definitely get a kick out of Lena Headey reading insults from the Bachelor as Queen Mother Cersei on Jimmy Kimmel Live.

For those who have been doubting the unprecedented nature of last year’s temperatures, the world’s leading meteorologists have the data to prove that 2015 was by far the hottest year on record.


With that, the weekend and the end of January is in sight. Don’t forget to drop by next week for February’s first Spry Hive!

Dispatches from the Spry Hive 2015: Week 49

Posted by James McDonnell & filed under Tips.

The arrival of December means ridiculous deals & great gift ideas, a mad rush to hit end of the year deadlines, and (thankfully) plenty of cheer & laughter. So, sit back and try to relax as we take you through this week’s news in another edition of the Spry Hive!

Gifts

Shopping for a designer or web specialist these holidays? Help them geek out with these brilliantly curated gifts.

Fancy bringing your feline anywhere you go? Check out these awesome cat packs that
lets your cat travel like an astronaut.

Tech

2015-11-25-image-11

Source = The Verge

Ever wonder how wifi signals make it from the router to the palm of your hands? Well, now you can see for yourself with this amazing app that visualizes your waves of wifi.

Web Design & Development

If you haven’t heard already, Adobe Flash Professional is getting a makeover in 2016 and will be reborn as Adobe Animated CC.

Sketch also made a major announcement this week. Mac users will now have to download and update the program directly from Sketch as they have pulled out of the Mac App Store.

Interface designers have been embracing a softer look and feel in their designs, and nowhere is it more evident than in these lovely examples from the 100 Days of UI Challenge. You can also download the UI kit to use on your next project.

calendar

Source – It’s a Shape Christmas

The countdown to Christmas is merely mediocre without the joy of an advent calendar. Web professionals have more to choose from this year with 10 advent calendars for web designers and devs.

Hone your CSS Flexbox skills with a fun game, Flexbox Froggy.

Misc.

While they are still one of the world’s biggest polluters, China once again invested more money into Clean Energy than anyone else. That said, Bill Gates is evidently preparing to create a multi-billion dollar fund for Clean Energy here in the States.

Bike theft is no joke either, especially in Europe. That doesn’t mean you can’t have some fun with would-be-thieves though.

Convict

Source = Exploding Kittens

The delivery might be cartoony and cute (in The Oatmeal creator Matthew Inman’s typical style), but the problem is no laughing matter. Head over to Exploding Kittens to learn more about lowering the number of Kitty Convicts.

Speaking of convicts, US Marshals hopped on the Cyber Monday bandwagon with great deals on forfeited assets.


Hopefully this gave you a tidbit of knowledge, news, or laughter to share with your friends and family this weekend. Thanks for stopping by and don’t forget to grab another dose of the Spry Hive next Friday.

Dispatches from the Spry Hive 2015: Week 46

Posted by James McDonnell & filed under Tips.

While commercials and retailers have turned their attention to the holidays that are just around the corner, this past week was all about honoring our veterans. No matter what we were tuned into, though, there’s always some news that happens to slip right past us. Don’t fret just yet because it’s finally Friday, which means another dose of the Spry Hive!

Virtual Reality

Virtual reality is booming right now, and companies like Lytro are learning to capture the 360 degree experience in a new way with their innovative camera, the Immerge.

Leading the way for journalists, the New York Times has begun pushing the immersive experience to users with stories from around the world.

ht_veterans_vr_hb_151111_12x5_1600

Source = Veterans United Foundation

Virtual reality has helped our veterans experience the war memorials from the comfort of their homes.

Lastly, are you wanting to experience VR but not sure where to begin? Get a Google Cardboard then begin with the Vrse app. There’s a high-quality immersive VR experience for everybody, we assure you.

Web & Apps

If you aren’t following Jim Kenney, the next mayor of Philadelphia, then you’ve got some catching up to do because his Twitter game is top notch.

The app called Yik Yak became popular in colleges and high schools across the country thanks to its sense of anonymity, but students are quickly learning that their words aren’t so incognito.

Design

Enjoy reminiscing about retro game design? Take a look at Gameartlover on Tumblr.

pantone smoothies

Source = Pantone Smoothies

Have even more fun picking your next brand’s colors with these pantone smoothies.

Development

The Goofus and Gallant characters had some choice words of wisdom for CSS users.

While we are all excited about the launch of Drupal 8, don’t forget to prepare for the end of Drupal 6.

We all encounter a uncaught exception from time to time. Next time you do, make sure you take a proper process dump using a tool like this Hapi plugin, Poop.

A headstone is the perfect place to leave a personal message for the world. Well, CommitStrip.com has come up with a list of epitaphs perfect for coders.

Misc.

Finding its way back to the big screen after twelve year, Pixar’s classic movie Finding Nemo is finally getting a sequel focused on Finding Dory.

Life can sometimes feel like a plane crashing down to Earth, but every once in awhile it’s good to take a step back and acknowledge that it’s going to be okay.


And like that, we have made our way through another week of news. Hopefully you found something entertaining or touching enough to share with your friends and family. As always, have the spryest of weekends and don’t forget to drop by next week for more!

Front End Does What?

Posted by bgoldstein & filed under Web Development.

On November 4th A List Apart hosted their latest online panel, “The State of Front End Development”. At Spry Digital, we love any chance to get together as a team, eat some great food, and learn how to improve at our craft, so we turned the panel discussion into a lunch and learn, something we do just about every week.

On the panel were some of the leading Front End Developers in the US today, like Una Kravets (@Una), Rebecca Murphey (@rmurphey), Jina Bolton (@jina), and Marco Rogers (@polotek). The panel was moderated by Chris Coyier (@chriscoyier) of css-tricks.com.

They all work on some of the most interesting and complex front end development problems around for companies like IBM and Salesforce, and startups like Clover.

 

The entire hour long panel is embedded above, but if you don’t want to take an hour to watch the whole thing, we’ve recapped it for you here.

What Is It You’d Say You Do Here?

The panel started with the question of “What is front-end development today?” Chris began by listing various web technologies like HTML (check) and CSS (check). Where this question got interesting were two points of contention. The first was on JavaScript, which is such a broad topic and has seemingly a new framework du jour every month. What everyone came to agree on was that, yes, knowing how to use JavaScript at some level is definitely part of being a front-end developer. Moreover, they all agreed that being an expert at Angular or React or another particular framework wasn’t necessarily that important.

The other point of contention was on related-but-definitely-distinct disciplines like User Experience, Visual Design, Optimizing Performance, and server side programming languages like Ruby, Python and PHP. The consensus was that good Front End Developers definitely do not have to latter day webmasters, or full stack engineers, but need to be aware of the issues and concerns that other designers and developers might to bring to a project.

I really liked hearing that; one of the reasons I joined Spry Digital is our belief that crafting great, nimble web products is a team sport.

This conversation about awareness of different disciplines led to a great discussion on the usefulness of “Front End Developer” as a title. The panelists didn’t come to a conclusion – there’s both the problem of the title not being very descriptive of the work and the problem of it not being terribly indicative of the technical skill a front end developer might have. One panelist quipped that the job title front end developer could include both “someone who can barely use jQuery and someone who could recreate jQuery”.

If the title isn’t meaningful, does it matter whether you are a generalist, or should you specialize in a specific framework or technology? Fortunately this question was easier to answer: not only is front end development broad enough to include specialization under it, but most of those specialities are in demand. If you have or are willing to develop a speciality, you can basically pick where you want to work and the problems you want to solve.

Leveling Up

Piggybacking on the conversation about technical skill was a conversation about what determines a Junior Front End Developer from a Senior Front End Developer.  Unanimously the panel agreed that years of experience doesn’t play a determinative role in whether someone is Senior or Junior. Rebecca Murphey did comment however that experience does yield know-how in solving problems and working with colleagues. What most of the panel agreed on was that a Senior Developer has to be able to multiply the effectiveness of the team. This can happen in many ways, whether by teaching Junior Developers and improving their skills, or helping the team work better together. In fact, some of the panelists suggested that the only difference between a Senior and Junior Developer might be their ability to be a “force multiplier.”

Sine Qua Non

All of the panelists agreed that a healthy intellectual curiosity and a willingness to embrace changing technologies, standards, and practices was necessary for every front end developer, regardless of seniority.

It was a great panel that really helped me and our whole team at Spry think a little bit more clearly on what Front End Development is and is not, and what we should be expecting from Senior Developers as we continue to grow as a company.

Tweets

A smattering of the tweets I live tweeted out during the panel:

Other people’s best tweets:

Have your own thoughts about what it means to be a Front End Developer? Share your comments with us below.

Dispatches from the Spry Hive 2015: Week 45

Posted by James McDonnell & filed under Tips.

Halloween may have been this past weekend, but that didn’t stop the working world. In fact, the holiday provided plenty of inspiration for designers, developers, and, of course, the internet. So, try not to fall out of your seats, and enjoy another week of the Spry Hive.

Tech

Superman isn’t the only one who can see through walls anymore, as developers at MIT have harnessed the superpower using wifi.

transparent-aluminum-640x425

Source = Naval Research Laboratory

Move aside, Glass. Furthering the legacy of Star Trek, Dr. Jas Sanghera has proven the feasibility of transparent aluminum.

Web & Apps

Step up your internet game with the ultimate Gif dance party.

If you’ve never heard of Basecamp, it’s about time to catch up. As of Nov. 3rd, Basecamp 3 is already available.

Have you been a fan of Snapchat’s sense of anonymity? Well, the company just reserved the rights to store your selfies.

Evidently, after luring customers into using OneDrive with unlimited storage, Microsoft has decided to drop the too good to be true offer, resetting the max limit at 1 Terabyte.

Design

Love the design of historic artifacts? Take a look at the Massimo and Lella Vignelli papers on Tumblr.

 

Mike Wasowski

Source = Go Monster Project

Acknowledging how creative our kids can be, the designers at Go Monster Project have created some stunning digital renditions of monster drawings from children.

Development

If you haven’t already heard, Drupal 8 will finally be released on November 19th! Join the celebration and find a release party near you.

Bring the weather to your users with Rain & Water Effects.

Interested in learning more about Apple’s cryptography?

Responsiveness is taking over the web, so be sure you keep up on all your CSS, jQuery, and JavaScript.

Front-end development has been, well… developing. So, what do we know now about the community?

Misc.

Watch out now, studies say your cat may want to kill you!

Space

Before NASA held another major press conference this week, the US Space agency put out an open call for the next generation of astronauts that will guide humanity to Mars.


So, as you can see, the holiday weekend did everything but hinder the week’s productivity. Hopefully you found something worth sharing with friends and family. Don’t forget to stop by next week for another dose of the Spry Hive!

Dispatches from the Spry Hive 2015: Week 40

Posted by James McDonnell & filed under Tips.

When NASA opens the week with major news about a planetary neighbor, it’s hard to focus on all the other happenings from around the world. Thankfully, it’s Friday, which means another recap of the past week’s news, all in the Spry Hive!

Tech

It’s usually a good idea to keep liquids away from any electronics, but this new, liquid clock perfectly visualizes the flow of time.

Learning and following along with sign language has never been so easy with the new SignLanguageGlove.

Thanks to Netflix, you can turn your living room into a true home theatre with the click of a Switch.

Web

World-wide fugitive Edward Snowden caught everyone’s attention when he surfaced on Twitter this week.

Digital Advertising

Advertisements have almost become an expectation when visiting a news site, but have you ever wondered how much mobile data we waste on them?

Design

DSC_0090 (1)

If their new store in Brussels is a sign of things to come, then keep your eyes peeled for a major redesign at the Apple Store near you.

Trying to make your latest design scream, “America”? Your job just got a whole lot easier with this new guide for U.S. web design standards.

Clean up your folders and make sense of those duplicates with this simple version control app, Folio for Mac.

Development

Create a lot of animations with CSS? Then you’ve got to check out Velocity.js, an engine so easy that it feels like cheating.

Move over Vagrant, you’ve been replaced! HashiCorp released their newest development/deployment tool for developers this week, Otto,

Gatsby lets you create dynamic websites with a plain text editor and React.js. Now that’s easy, and live!

Misc.

15-195_perspective_2

Those living under a rock might have missed NASA’s major announcement on Monday where they confirmed the existence of liquid on Mars.

As if fast food wasn’t spooky enough already, Burger King has unveiled its Halloween Whopper that features a startlingly black bun.


We can’t guarantee that next week’s Spry Hive will include another major announcement from NASA (is discovery of little green men next?), but we’re sure to find some other tasty morsels from around the web. See you next week!