Tag: Web Design

Dispatches from the Spry Hive: Week 38

Posted by Ken Moire & filed under Tips.

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

“Design creates culture. Culture shapes values. Values determine the future.”
– Robert L. Peters

Around Spry

Murmuration Festival

Add to the list of things to do when visiting St. Louis, Murmuration Festival is happening this weekend. The first festival of its kind in St. Louis, the three day event, kicking off tonight with a free and open-to-all party, promises to “bring together artists, musicians, innovators, scientists, and entrepreneurs to engage the public and share their work via conversations, talks, panel discussions, and musical performances.” With so many groundbreaking talks and music, Monday will surely come too fast.

St. Louis Design Week is coming this October, and Spry Digital is once again proud to be an agency sponsor. As part of the festivities, we will be opening our doors to show off our design and digital wares as well as meet other folks in the design community. Visit the St. Louis Design Week website for a full list of events, and their Facebook page to RSVP for the Spry Digital Studio Tour.


Typography

In celebration of the 200th anniversary of the first sans-serif typeface, designers at Tipotype have created Brother 1816, a font which they describe as “a very flexible, multifaceted and solid typeface, mixing Geometric shapes with Humanistic strokes at the same time.” Go grab it while it’s cheap.


Web Design & Development

If you’re learning web design or development, you can’t do much better than A Book Apart series. The newest book in the series addresses JavaScript (finally).


Around the Web

Yahoo has announced that 500 million user accounts have been stolen. Even if you’re only using your Yahoo address to catch promotions and spam these days, you’ll want to change your password immediately.


Discover Your Patronus

Discover your Patronus as part of the latest promotion for J.K Rowling’s “Pottermore.”


Researchers from Intel Labs and Darmstadt University in Germany have developed a clever way to extract useful training data for self-driving car AI from Grand Theft Auto. Who said GTA can’t be educational AND fun?


Express yourself with expressions and operators with this JavaScript dress, found on Think Geek.

 

That’s all for Summer and this week’s Spry Hive! Catch you next week after we’ve pulled our heads back together following Murmuration Festival!

Dispatches from the Spry Hive: Week 37

Posted by Ken Moire & filed under Tips.

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

“You don’t think your way to creative work. You work your way to creative thinking.”
– George Nelson

Around Spry

Last weekend was the 3rd annual DrupalCamp St. Louis. DrupalCamp is a local conference for all things Drupal, an open source CMS that powers some of the world’s largest websites. Speakers and visitors came from as far as Chicago, Austin, and Belgium!

DrupalCamp St. Louis

Spry Digital uses Drupal extensively, and was proud to be a Platinum Sponsor for the event. Three team members also gave talks this year, which you can find below:

Managing Drupal Projects by Simon Yost

Type Systems! Why, What, How by Brian Goldstein

Doubleclick for Publishers and Drupal by Benji Damron


Graphic Design

Adobe Apparel

Courtesy Adobe.

Adobe has released a line of apparel that celebrates common stock photography themes, like “man sitting at desk, frustrated with technology.”


Typography

OpenType Font Variations is a joint effort by Microsoft, Apple, Google and Adobe to specify font formats, creating more harmony between font families and systems.


Webfonts are here, big time. If you aren’t using webfonts, should you be? This A List Apart article covers both sides of the argument for using webfonts, including adoption patterns and common challenges.


User Experience Design

UX Tools

UX Tools is a list of design, prototyping and collaboration tools that helpfully provides feature sets and pricing, to help you choose the right tools for the job.


Web Design & Development

Angular 2 has been officially released!


Everything you need to know about using color with A Nerd’s Guide to Color On The Web.


Gmail has been a little late to the game supporting responsive emails across their email clients, but now you’ll be able to use media queries for Gmail and Google’s Inbox.


Technology

Evernote is migrating all of its user data to Google’s Cloud Platform. That’s some 5 billion notes and attachments that Evernote believes users will be able to access in new and better ways thanks to Google’s machine learning APIs.


Misc

Further proof that we are all made of stars, solid organic matter has been found in dust particles on Rosetta’s comet.


CVS Keurig Cold Remedy

As we head into cold season, you can now bring the fight to colds with your Keurig machine.


Skip the tedious step of making coffee in the morning for your daily dose of caffeine. Power Toothpaste will give you the jolt you need.


 

There’s some web design and life hacking links to carry you through to next week, when we’ll have more to share from the Spry Hive!

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 34

Posted by Ken Moire & filed under Tips.

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

“The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect.”
– Tim Berners-Lee

Advertising

The Reynolds Journalism Institute at the University of Missouri School of Journalism delivers the scoop on malvertising and its affect on the publishing and advertising industries.


Custom Avocados

Custom Avocados is pushing the boundaries of corporate tchotchke. That’s expensive guacamole.


Web Design & Development

Accessibility Refresher

If you design and build web products for humans, then this article about accessibility design from the team at Vox Media is a must read. Slide show included.


Some friendly pointers from UX Thought of the Day about designing a better style guide.


Misc

Blackbox Shipping

The creators of Cards Against Humanity have started a new shipping company that “works like a co-op” for independent artists and creators to get the lowest price.


Nextdoor has tweaked its algorithm for reporting incidents that has resulted in a significant reduction of racial profiling by its online community.


 

The Revenant movie reimagined as an 8-bit battle game. Warning: possible spoilers.


NASA wants YOU to go to Mars. These official posters put the call out for teachers, explorers, and farmers to help inhabit the red planet.


Enjoy your weekend and we’ll see you next week for the final Spry Hive of Summer, 2016!

Dispatches from the Spry Hive: Week 33

Posted by Ken Moire & filed under Tips.

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

“My opinion is it’s a bridge too far to go to fully autonomous cars.”
– Elon Musk

Web Design & Development

Chris Coyier decided to jot down what goes through his head when examining a website. Good items to think about when building your next website.


Microsoft and An Event Apart are teaming up for another 10k Apart, a contest for web designers and developers to create ultra lean, compelling experiences that are under 10 kilobytes in size and don’t use JavaScript. Did we mention there are awards?


Dan Mall, former design director at Happy Cog and technical editor at A List Apart, shares his design trade secrets.


When PHP attacks:


Also found on Twitter… The importance of code reviews:


More emails are opened on mobile devices and that number is growing. Here is a great list of lessons learned from building responsive emails.


Still exploring what you can do with scalable vector graphics (SVG)? Well, learn what’s new with SVG 2.


If you prefer your sites on the static side, then you’re probably familiar with Jekyll. If you’d like to try the new Jekyll Admin before its release next week, they’re looking for early user feedback.


Misc

Twitter has some new features that allow you to better control your experience.


Uber Driverless Car

Courtesy Foo Conner / Flickr via Motherboard

Uber will begin transporting customers around with driverless cars starting this month in Pittsburgh.


After years of financial troubles and its share of controversy, Gawker will end operations come next week.


NASA is making 861 research papers available for free as part of their new PubSpace database. While you can expect the number of NASA-funded articles published to PubSpace to increase over time, the space agency will not be releasing all of their research. Exempt are materials governed by personal privacy, proprietary, or security laws.


Kick your legs up at the pool, beach or backyard and enjoy a lazy summer weekend with the Spry Hive. See you next week!

Dispatches from the Spry Hive: Week 32

Posted by Ken Moire & filed under Tips.

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

“The important thing in life is not to triumph but to compete.”
– Pierre de Coubertin

User Experience

Help your human audience succeed with these eight psychology tips that can improve your designs.


Screen Shot 2016-08-12 at 1.29.21 PM

John Saito from Dropbox explains perspective in interface design in his article Is this my interface or yours?


A solid overview of what companies are testing when they conduct A/B tests.


Graphic Design

1960 Olympic Logo

Olympic logos are often the source of design controversy, so we were gleeful to see Milton Glaser rate every Olympic logo design in history.


Web Design & Development

WooCommerce is a popular ecommerce solution for WordPress, but the lack of a POS option left some stores needing more. Well, WooCommerce has just announced that it will now accept Square payments, allowing retailers to accept purchases from anywhere.


Site performance is affected by numerous factors, including image optimization, code structure and bloat. Many believe that a content delivery network (CDN) can help improve the performance of your site, but it’s not a silver bullet.


The scalable vector graphic (SVG) has numerous advantages over the traditional PNG or JPG. Chris Coyier drops science of how to correctly treat SVGs for resizing and placement.


Misc

The father of the World Wide Web is working on something that could transform the way we interact and share private data on the Internet. Help us TBL, you’re our only hope.


 

A new trailer for Rogue One: A Star Wars Story has surfaced and it does not disappoint. If you like your movie trailers overly analyzed, check out Wired’s take on it.


Thanks Obama – for the Summer playlist, that is. The White House has shared a Spotify playlist featuring favorite jams from the POTUS himself, so our source in D.C. says.


Apple Campus 2

The latest drone footage of Apple’s Campus 2 revealing the scale of the project simply boggles the mind. Our favorite features include the foam formed underground parking structure, the combination solar and fuel cell energy source powering the entire campus, and the security kiosk shaped like a late model Macbook.


We’ll be back to share more from the Spry Hive next week!

Dispatches from the Spry Hive: Week 29

Posted by Ken Moire & filed under Tips.

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

“One person’s data is another person’s noise.”
– K.C. Cole


Pooper is for when you can’t be bothered to do the dirty work of picking up after your dog.


Bond-villain-in-training Elon Musk has revealed part deux of his plan for Tesla. If anybody can successfully make the leap from idea to concept to large production manufacturer, he can.


Meet Graham

Hello there, handsome. Graham is a human designed to demonstrate the fragility of humans in front impact crashes.


Noisli provides just the right mix of ambient noises, whether you are looking to relax or for a productivity boost.


This comic from NewScientist just might be a commentary on how we relate to others during a political season:

Angry Particle in

Courtesy NewScientist


Birkenstock is quitting Amazon after a huge surge of counterfeit products were found on the website.


Will dating join the on-demand economy? The Ohlala app allows women to charge for dating services. If you think that might be blurring the line a bit with the oldest profession, then you should definitely read on…


Apple has made many great ads, but this one speaks to our hearts and why we do what we do:


As designers of systems, we are fond of good transit maps. In this article, a brave soul takes on Google and Apple to see if their transit maps can be improved upon. Hint: it’s not easy.


This Kickstarterer wants to build a hotel with a purpose.


We’ll be back to share more from the hive next week!

Dispatches from the Spry Hive: Week 28

Posted by Ken Moire & filed under Tips.

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

“The telephone is virtual reality in that you can meet with someone as if you are together, at least for the auditory sense.”
– Ray Kurzweil

Palettable is a novel approach to creating color palettes on the fly.

Level up on form design by reviewing these common form mistakes with recommendations how to improve them.

Interesting article from the folks at Livework about how they are tackling the shift from Service Design into Business Design.

 

Watch the Earth live from the ISS space station, enhanced by the ambient music.

Nintendo will be releasing a miniature version of their famous console, preloaded with 10 titles.

Prime Ministers in the UK may come and go, but Larry the Cat is staying right where he is.

A recent ruling from the 9th Circuit says that sharing a Netflix or HBO Go account is a Federal crime.

This is the week that Pokémon GO swept the world like a tsunami, and it seems that everybody is playing, even Vice President Biden:

If you think that the hysteria around Pokémon GO has reached max peak in your hometown, watch what happens when a Vaporean appears suddenly in Central Park in New York City:


Remember, don’t drive and play Pokémon. We’ll see you next week for another edition of the Spry Hive!

Dispatches from the Spry Hive: Week 27

Posted by Ken Moire & filed under Tips.

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

“Astronomy compels the soul to look upward, and leads us from this world to another.”
– Plato

Branding

Open source champions Mozilla are applying their own open source principles towards the design of their new identity.

Web Design & Development

randoma11y is an automatic color generator that tests and learns from users’ feedback.

Working with a small budget doesn’t mean that you can’t do good design. It just means you should work smarter.

Bootstrap 4

Courtesy: @Bootply – Medium

Here’s a visual companion to what’s new in Bootstrap 4. Items to note are the increased emphasis on panel/card UI and an overhauled grid system.

Snyk scans your GitHub repos for vulnerabilities in your apps, and its now out of beta.

A few cases for why you shouldn’t overlook vertical media queries.

Technology

Sometimes indifference or just plain laziness inspires some inventive technology, like this script that informs you when you need to pay attention during a phone conference.

Google has begun testing its quantum computing-era crypto in a select number of Chrome browsers. Talk about being ahead of the curve.

Apple has been awarded a patent for an infrared signal disabling an iPhone’s camera, presumably to prevent concert-goers the ability to record and disrupt neighboring fans experience. We are concerned about more potentially egregious uses of the technology.

Ever wonder how many degrees of separation there are between Mott the Hoople and N.W.A.? We did, thanks to the Six Degrees Of Music Separation app, and the answer is 2!

MISC

Jupiter

Courtesy: NASA Jet Propulsion Laboratory on Youtube

Juno has safely arrived to Jupiter’s upper atmosphere after some slick maneuvering by NASA engineers and it’s catching some interesting movements of Jupiter’s Galilean moons.

 

Ain’t no clap like a VIKING CLAP. This is how Iceland welcomed home their soccer team that made it to the quarter-finals of the European Championships.


Hope that you all had a restful Fourth of July. See you next week for some more Spry Hive!

Dispatches from the Spry Hive: Week 25

Posted by Ken Moire & filed under Tips.

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

“Britain is a very small country with a very large press.”
– David Hockney

Design & Typography

Netflix revealed a new rather ambiguous icon. As usual, the Internet has a lot to say.

Typography and sci-fi – two of our favorite things. This length that this article goes to explore the design and typography of Bladerunner is truly extraordinary.

Always mixing up the aperture and counter when describing type? We got you covered with this animated guide to type terms.

Beauty is in the details, and typography is no exception. Designers, check out this upcoming webinar titled Finely Tuned Typography: Sweating the Small Stuff by Dan Rhatigan.

Web Design & Development

Color emoji with CSS, just because.

Developer motivation:

Developer motivation

The Practical Dev

Grab this beta signup for a new online front end code editor. [Code Comet]

Developers, the framework you’ve been waiting for: Fortran.io. Bonus: you won’t need a room-size mainframe to run it.

HireHer seeks to help women in tech connect with top tech companies.

Misc

Our beloved state of Missouri will begin using solar roadways as part of the Road to Tomorrow Initiative.

Meatless meat is one of the next big things, according to Alphabet’s Eric Schmidt. Could we be at the doorstep of eradicating cattle for meat? Read this meat lover’s favorable take on the latest plant-based meat.

Two factor authentication is an important facet of personal web security. Google just made their 2FA easier to use than ever.

Reuters

Britain is leaving the European Union and world is waiting to see what the fallout of the vote will be. An Independent Scotland? Cheap airfares to England? Stay tuned…


We’ll be back next week to share more web design and development news from the Spry Hive. Pip pip!