Good Kind is a multi-displinary agency bringing progressive ideas to life digitally, in print, in brands, and in campaigns.
by csreladm via CSSREEL | CSS Website Awards | World best websites | website design awards | CSS Gallery
Monday, February 25, 2019
Good Kind Agency
by csreladm via CSSREEL | CSS Website Awards | World best websites | website design awards | CSS Gallery
Chronicled
Chronicled is the industry leader in building decentralized blockchain ecosystems that help build more trust into global commerce. Chronicled asked us to help reboot their brand and to re-think their digital platform from the ground up.
by csreladm via CSSREEL | CSS Website Awards | World best websites | website design awards | CSS Gallery
Smollan
Smollan are a global leading retail solutions specialist.
by csreladm via CSSREEL | CSS Website Awards | World best websites | website design awards | CSS Gallery
Web Design Weekly #347
Headlines
The Future of WordPress
Now that some time passed since the global rollout of the new Gutenberg block editor, which was met with some controversy, Alex Panagis thinks it’s a great time to reflect on 2018 and see what’s in store for the future of WordPress in 2019. (wp-modula.com)
Lessons from 6 software rewrite stories (medium.com)
Get ready for your next interview – Practice for free
Practice your coding skills on Pramp, a peer-2-peer mock interviews platform. We’ll match you with other awesome engineers. (pramp.com)
Articles
Why I Write CSS in JavaScript
For three years, Max Stoiber has styled his web apps without any .css files. Instead, has written all the CSS in JavaScript. Max explains. (mxstbr.com)
React lifecycle methods in plain, approachable language
What are lifecycle methods? How do the new React16+ lifecycle methods fit in? How can you intuitively understand what they are and why they are useful? (blog.logrocket.com)
Web security at N26
A beginner-friendly in-depth look at the measures in place making the N26 web platform secure and available. (medium.com)
Designer & Developer Collaboration survey (2018)
A survey conducted in late 2018 on collaboration between designers and developers; and also what each discipline should know about the other. (weblog.200ok.com.au)
How to use Firebase Realtime Database in React
Part 8 of the 8 part series showcasing the power of Firebase. (robinwieruch.de)
We migrated to Next.js to serve our home page 7.5× faster (manifold.co)
Tools / Resources
The Magic of React-Based Multi-Step Forms
While reducing perceived complexity on the front end building a multi-step form can feel complex and overwhelming. Thankfully, Nathan Sebhastian helps us break things down in a relatively straightforward manner using React as the base. (css-tricks.com)
How @supports Works
Chris Coyier explains how the @supports query works and provides a large selection of use cases so you can understand it with ease. (css-tricks.com)
Design Story
An app that delivers a transparent design process for designers, developers, project managers and stakeholders. (designstory.io)
Progressive React
A small checklist to help make your React site more performant. (houssein.me)
My Twitch Live Coding Setup (medium.com)
Gatsby vs Next (syntax.fm)
Inspiration
Reflecting on My Failure to Build a Billion-Dollar Company (medium.com)
Behind the Scenes: The Design of Beacon (helpscout.com)
Jobs
Front-end developer at Qonto
As part of the tech team, you join a crew of experienced people working on making the best possible user experience and on building the most scalable code base we could think of. Our stacks are Ruby and Go for the backend and EmberJS for the frontend. (qonto.eu)
Full-Stack Engineer at Plato Design
We are looking for engineers who can take ownership of large parts of our architecture. This requires thoughtful tradeoffs such as when to incur technical debt vs when to engineer something more robustly. If you are up for the challenge get in touch. (useplato.com)
Need to find passionate developers or designers? Why not advertise in the next newsletter
Last but not least…
GitHub’s menus & dialogs without JavaScript (twitter.com)
The post Web Design Weekly #347 appeared first on Web Design Weekly.
by Jake Bresnehan via Web Design Weekly
25 Beautifully Dark-Schemed Landing Pages for Inspiration
There is something instantly remarkable about a website with a strong, dark color scheme.
Dare I say the content "pops" a little more? I can’t help think an owner who carefully crafts a dark-schemed Landing Page cares for his product in a similar manner. It is, at the end the day, what stands between the visitor and the product. Alas, most play it safe with a monotonous, conventional scheme.
Here are my favorite dark (black) sheep over the past few years – hope you get inspired!
1. Genesis (Restaurant)
Remarkable One Page website packed with gorgeous illustrations and animations for Genesis, a vegan restaurant based in Shoreditch, London. As you scroll the website bursts to life with animated characters, plants and even some of the typography. A great reference on how to create an unforgettable first impression.
2. Overframe (App, Landing Page)
Clean Landing Page for Overframe - a macOS app to help record a video of your prototype or app within a device frame overlay.
3. Destroyer LA (Restaurant)
Stunning, parallax scrolling One Pager for Culver City restaurant, Destroyer LA. The layout and experience is truly unique so make sure you read the fascinating Stink Studios case study for context. The long scrolling site features a hover-sensitive scattered food menu, beautiful date + time infographics, a Tumblr-integrated "stacked" image gallery and ends with an awesome, interactive game of Space Invaders - using the Destroyer LA branding 
4. Midnight (Download)
Clean One Pager with great whitespace for Midnight - a dark theme plugin for Sketch built by Danny Lai and Yi-Ming Liu.
Enjoying the round-up? Get these round-ups each month in our Inspiration Newsletter 
5. Contraste (App)
Minimal One Pager for Contraste - a simple app for checking the accessibility of text against the Web Content Accessibility Guidelines (WCAG).
6. hourly (App)
Long-scrolling One Pager with a unique, bold typographic style for hourly, an iOS app for time tracking.
7. CSSConf Argentina 2018 (Event)
Dark-schemed One Pager for the upcoming CSSConf event in Argentina. Really like how they included parking, subway, train and bus routes to help get to the venue easier.
8. Glimmerings (Download)
Ari Weinkle together with Tobias van Schneider & the Semplice team have released this dark-schemed One Pager for Glimmerings - a place for sharing Ari's beautiful 3D art for you to use as a smartphone wallpaper. The first wallpaper series is called Relics and is completely free.
9. Andreas Gysin (Experimental, Portfolio)
Incredibly unique One Pager for Swiss developer Andreas Gysin. What used to be his ASCII playground is now his minimal portfolio with cursor-sensitive interactions.
10. Bachoy (Portfolio)
Impressive dark-schemed One Page portfolio for Ryan Magno. The Single Page website features loads of attention to detail including a command prompt style intro text, spotlight effect background, hover sensitive content items and changing backgrounds to match the current project you are browsing.
11. InVision Studio (Launching Soon)
Dazzling launching soon page with stunning animations as you scroll previewing InVision's new ’Studio’ product. Readers often ask what it takes to make the Most Loved category - note the load animation of the BETA request form - gorgeous and of course not the only impressive element
(the legal links in the footer are within the One Page website rules but I'm allowing the contact link in this time, as it's in no obvious main navigation)
12. Doberman Culture (Informational)
Wonderfully unique One Pager sharing the company culture over at Doberman. The site features neat interactive elements and images while you scroll in multiple directions. There is loads of personality in the copy too and a great reference to capturing company culture with style.
13. City Lights (Download)
Lovely One Pager from the Yummygum team showcasing beautiful dark themes they designed for Atom & Visual Studio Code. Awesome added touches with the coding language preview switcher, the number line page edge and the random color icon bursts in the Icon Package section.
14. Michaël Villar (Personal)
Awesome glitch effect load transition and content interactions in this minimal One Pager for designer, Michaël Villar.
15. The Future Of Mobility (Experimental, Product)
Good reference to a product reveal in this long scrolling One Pager for 'The Future Of Mobility'. Nice touch with the vehicle lights turning on as the page loads.
16. Katka (App, Case Study, Sport)
Slick case-study One Pager by designer Stas Babaev taking you through how he would design the perfect cycling app experience. The super long-scrolling site features lovely big typography, spacious arrangement of his ideas and a few neat animations as you browse.
17. ufomammoot (Portfolio)
One Pager with a multi-directional scrolling background canvas for Berlin-based digital agency, ufomammoot.
18. Sublimio (Portfolio)
Gorgeous section transitions and white smoke backgrounds in this One Page portfolio for Italian design studio, Sublimio.
19. Launchday (App, Landing Page, Launching Soon)
Tidy little One Pager previewing a new product Landing Page builder called Launchday. I quite enjoy this minimal approach to announcing a new product - brief overview, Beta Signup button links to MailChimp, About button links to Medium (to also increase social engagement) and a very clear demo video. No need to scroll on this guy:)
This website was featured in our 10 Quick Tips to tighten your Landing Page design article.
20. Romain Granai (Portfolio)
Real unique One Pager for Romain Granai featuring big, hover-sensitive scrolling text. Neat touch as well with the scheme switcher within his logo.
21. Two Chimps Coffee (Landing Page, Product)
Sweet SVG animations in this clean One Pager promoting the product range from 'Two Chimps Coffee'. Neat newsletter sign up solution in the footer and stoked to find out it's built on WordPress!
22. Tilda Zero Block (App, Landing Page)
Beautiful spacious Landing Page for a new website builder called 'Zero Block'. The Singe Page website features a dark color scheme with a neat intro demonstration on how it works. Best of all this very Landing Page was made with the application itself. Boom!
23. Golden Thread Tarot (App, Game)
Lovely dark-schemed One Pager for a tarot-reading iPhone app called 'Golden Thread Tarot'. The Singe Page website features brilliant little icon animations and the responsive adaption is just superb.
24. Boris Verks (Portfolio)
Unique anteater background illustration that animates as you scroll in this One Pager for Product Designer, Boris Verks.
25. Sketchbook by Ales Nesetril (Product)
Gorgeous little One Pager showcasing a beautiful sketchbook by Ales Nesetril. Lovely touch "unboxing" the product as you scroll.
Which was your favorite? Here is the full archive of dark-schemed One Page websites is you’re after more inspiration.
by Rob Hope @robhope via One Page Love
Key Android Facts that tell why the Google-owned OS is ruling the world
In case you have doubts regarding Android’s sheer dominance, it’s time to face some facts! Android is the world’s leading operating system (OS). It has even left behind Windows and iOS. Although Apple’s smartphones are giving some competition to their Android counterparts, Android is still found in...
[ This is a content summary only. Visit our website https://ift.tt/1b4YgHQ for full links, other content, and more! ]
by Ali Siddiqui via Digital Information World
[ This is a content summary only. Visit our website https://ift.tt/1b4YgHQ for full links, other content, and more! ]
by Ali Siddiqui via Digital Information World
Subscribe to:
Posts (Atom)