Original Source: https://www.hongkiat.com/blog/yeoman-getting-started/
There are many tools for building web-apps yet putting them all together and making them fit in our workflow could be real cumbersome. We also tend to do repetitive tasks when building web apps such…
Visit hongkiat.com for full content.
Original Source: http://feedproxy.google.com/~r/Designrfix/~3/CZwWZWHr0II/3-design-strategies-that-wont-work-in-the-next-3-years
Web design strategies change continuously. The attraction of the older strategies fades away and the traction of newer strategies of web designing increases. The web development industry continuously adapts to changes in strategies to create a better user experience and raise the bar for businesses to come. The fast changes in strategies pose different types […]
The post 3 Design Strategies That Won’t Work in the Next 3 Years appeared first on designrfix.com.
Original Source: https://www.sitepoint.com/cloudflare-workers/?utm_source=rss
Cloud computing in its various incarnations — SaaS, PaaS, IaaS — has had big successes. Some of us still recall the $212 million purchase of PaaS provider Heroku in 2010, which at that time was — architecturally speaking — little more than a high-level deployment layer. It had a very posh gem for smooth and easy deployment of apps and frameworks like RoR, Python or Node apps running on Amazon’s infrastructure. The concept of Serverless Computing was born.
There have been a host of different models for cloud products ever since then. Various experiments have come and gone as providers looks for the sweet spot, with proliferation continuing and new terms being born, like BaaS and MBaaS.
Protocol Labs, a crypto startup looking to redefine the cloud model, collected $257 million in its 2017 ICO, breaking all records. Airtable, with its high-level, spreadsheet-meets-database products and api, reached a $1.1 billion valuation in its 2018 financing round.
Serverless Computing
Serverless computing is a subset term of cloud computing that makes a point of doing away with the classical server product, providing developers with a high-level environment to run their code, charged on an as-used basis, and freeing those developers from worrying about the underlying software stack.
Serverless computing has allowed further flexibility in paying for used processing power, rather than paying for pre-allocated packages as with classical cloud.
The term “serverless” is semantically wrong, because the code is still executed on a server, but users conceptually don’t have to deal with servers anymore. Provided certain conventions are adhered to, the underlying stack, and all the infrastructure and deployment issues, are handled by vendors.
The main type of product that sprang out from this is FaaS — a cloud execution environment, or a runtime that allows deployment of code without any boilerplate. Amazon’s Lambda, Oracle Fn and Alibaba’s Function Compute are some examples.
Cloudflare
Cloudflare is a San Francisco company that was started nine years ago. It’s a Content Delivery Network that provides delivery of static assets for websites from its global network of edge nodes. It also provides firewall and DDOS protection, and has a reputation for the fastest DNS service on the internet.
When talking about Cloudflare, and what it brings to the arena of serverless computing, it’s necessary to add one more term to the list of cloud buzzwords we used here — edge computing.
As explained on Wikipedia:
The post An Introduction to Cloudflare Workers appeared first on SitePoint.
Original Source: https://www.hongkiat.com/blog/jquery-3-new-features/
jQuery 3.0, the new major release of jQuery finally got released. The web developer community waited for this important step since October 2014, when the jQuery team began to work on the new major…
Visit hongkiat.com for full content.
Original Source: http://feedproxy.google.com/~r/abduzeedo/~3/tgvmVEwSXiw/anicorn-x-ttt-25-redundant-watch-ji-lee
Anicorn x TTT #2.5 The Redundant Watch by Ji Lee
AoiroStudioJul 03, 2019
We are announcing a collaboration from makers from Anicorn and their last creation: the Redundant Watch which is now live on Kickstarter. We love the products they make as we have featured previous endeavours on ABDZ. This collaboration began with the ‘Redundant Clock’ designed by Ji Lee, a Communication Designer at Facebook, and former designer and creative director at the Google Creative Lab. His clock design has a tremendous buzz on Reddit and now the Hong Kong-based team at Anicorn approached Ji to recreate the hit project in wristwatch form for their The Trio of Time series.
In their words
Time two times, it says time twice. After “Redundant Clock”, Ji Lee redundantly wants make a “Redundant Watch” with Anicorn Watches.
More Links
Support their Kickstarter
Shop Anicorn Watches
As we continue our Trio of Time (TTT) journey, but before moving to our next global destination, we proudly present TTT’s second New York City project—TTT #2.5, the Redundant Watch by Ji Lee.
What is the Trio of Time (TTT)?
The Trio of Time (TTT) is a collaboration where we visit different cities around the globe to partner with local designers and explore their perception of time.
How to read time redundantly
The Redundant Watch has no hour numbers. The watch face is formed entirely by clock hands. The still clock hands indicate the hour of the day (in terms of o’clock), and the running hands tell the minutes and hour.
Some Specs
The 40mm case is designed for both men and women.
Redundant runs on a Miyota GL20 Japanese Movement.
The watch has a 316L stainless-steel enclosed cang, available in black or silver.
The casing is ultra thin — only 7.5mm.
All straps are interchangeable with TTT series — Hidden Time Watch / Order — thanks to the smart docking system.
All images © Anicorn Watches x The Redundant Watch
More Links
Support their Kickstarter
Shop Anicorn Watches
Original Source: https://www.webdesignerdepot.com/2019/07/how-to-rescue-bad-brand-assets/
Just imagine it, you walk into your office, and you get a notification: your client has just dropped everything you need into your cloud storage provider of choice. The copy brings tears of joy to your eyes, the images are crisp, clean, and huge. The logo is a work of art, and the client has sent a note saying, “Actually, we don’t need you to finish up for another three months, but why don’t I just pay you double right now?”
And then you wake up.
The truth is that your deadline is the same, but they’re “just wondering if you could speed things up a little”, the provided images are 640×480 and just blurry enough to be annoying, the logo is an abomination made in Word, and the brand’s colors remind you of those awful school uniforms you used to wear.
some people have a talent for picking the absolute worst shades of brown, yellow, and green for their brand
Okay, now I’m just being mean, but it’s a sad reality that we often have to work with sub-par assets in web design projects. Logos don’t always look great, and some people have a talent for picking the absolute worst shades of brown, yellow, and green for their brand. It’s enough to make you throw your hands in the air flamboyantly and shout, “I just can’t work with this!”
But what about all those times when you don’t have a choice, and your clients refuse to let you completely redo their branding? You know, most of the time. Well, you do have a few options.
Ugly Logos
Just kind of ignore the logo as much as you can, really. I mean, obviously, it needs to be there, probably in the upper-left, or in the upper-middle. But just sort of… leave it there. There’s not much you can really do about a logo. The users need to see it, and the client will definitely be annoyed if it’s not there.
if there was ever a time to push back when the client asks you to make the logo bigger, this is it
However, if there was ever a time to push back when the client asks you to make the logo bigger, this is it. And where a lot of sites will incorporate the logo mark into other aspects of the design, this time, it’s staying in its designated spot. Maybe if the rest of the site looks drastically better than the logo, it will give the client pause, and perhaps even a reason to get it redone.
Thankfully, few logos are ever truly that ugly, at least among clients who can afford you. Overcomplicated and hard to see at small sizes? Yes. Generic and boring? Sure. But WordArt-ugly? Thankfully that’s not as common as it once was.
Ugly Colors
Colors are another story, and for every color combination that sparks joy, Marie Kondo-style, there’s a combination that sparks nausea. But hey, brand guides are brand guides, and you gotta follow the brand guide.
The best thing to do is to use the colors, but as sparingly as possible. Many colors are only truly terrible when they’re in close proximity to each other, so use some (probably literal) white space to your advantage. Keep them apart, and use them only for emphasis.
Will your client ever demand that you make the entire background puke-green? It’s possible. Even then, maybe you could get away with using a gradient to minimize any negative effects.
Low-Quality Images
Once again, embrace the white space. If all you have to work with are a bunch of very small images, make that small size look intentional. Make those tiny images the center of attention, and pray most of your users aren’t using retina screens. You can get away with a lot if you make it look like you planned it all from the very beginning.
if Instagram has taught us anything, it’s that excessive filtering can make any old photo look like it’s supposed to be art
Another way to do this is to use the images as large, blurry backgrounds. This works best with landscapes and macro shots, though. That company “team portrait” doesn’t work as well for background material, sadly.
Lastly, if Instagram has taught us anything, it’s that excessive filtering can make any old photo look like it’s supposed to be art. Sometimes. Add some film grain, desaturate the photos, and maybe throw in some harsh, spotty lighting. Users can’t judge what can barely be seen.
I’m only half joking.
Legacy UI Elements & Widgets
Now this is a rare situation, but on occasion, a client might have some leftover UI assets that they really, really love. Maybe they designed their first shiny Web 2.0 button in Xara 3D nearly twenty years ago, and they just have to use it. Maybe they have a favorite graph showing how their business works.
Again, this isn’t common, but you may find yourself having to work around it. For the example of the graph, I’d put a full-on skeuomorphic, photo-realistic picture frame around it. I’d treat it like a piece of the company’s history. An approach like this could also work for the example of the button.
When All Else Fails, Lean Into the Ugly
Brutalism is a thing. It’s like I said before: you can get away with a lot if you make it look like you fully intended to use butt-ugly color palettes, low-quality images, or even ‘90s clipart. That’s right, you can make clipart work. I’ve seen people do it.
Embrace the aesthetic, and call it retro, or call it ironic, I don’t care. I mean—and I admit, this is the example I use every time I talk about less-than-pretty design—people still love Craigslist. Making the website work is more important than making it beautiful. Giving the user what they want, when they want it, is worth a million high-resolution photos, and Jon-Hicks-designed logos.
Featured image via Unsplash.
Source
p img {display:inline-block; margin-right:10px;}
.alignleft {float:left;}
p.showcase {clear:both;}
body#browserfriendly p, body#podcast p, div#emailbody p{margin:0;}
Original Source: http://feedproxy.google.com/~r/Designrfix/~3/vshfJI_QOJo/the-state-of-video-marketing-in-2019
Featured image courtesy of Flickr. Video marketing has more than proven its worth over the past few years. It has turned into a staple in marketing, but it’s constantly changing and giving new opportunities to marketers to create entertaining content. Everyone is doing it and it’s easy to get into, so there’s no longer an […]
The post The State of Video Marketing in 2019 appeared first on designrfix.com.
Original Source: https://www.sitepoint.com/talk-tech-with-us-in-our-new-discord-community/?utm_source=rss
Want a place to chat about coding, design, the web, and technology at large with likeminded people?
Or perhaps you work remotely and need a community that can travel with you?
We’re opening our Discord to the public today. We wanted to create a casual place where we could chat about cool tech and getting stuff done, without the exhibitionism and divisive atmosphere of social media, but with that real-time sense of community.
Our server is a baby server, and there’s a lot of work to be done, but for now we have rooms for all sorts of conversation. Whether you want to puzzle out web development issues or talk games, we’ve got you covered.
Sign up to our Discord and start chatting with SitePoint staff, members, and the wider developer community!
It’s 100% free. Come on in and have chat with us!
⚡️ Join us for a chat now.
The post Talk Tech with Us in Our New Discord Community appeared first on SitePoint.
Original Source: http://feedproxy.google.com/~r/tympanus/~3/R12r3TtDq2k/
Bounds.js
Asynchronous boundary detection for lazy-loading, infinite scroll and more. By Christopher Cavalea.
Check it out
This content is sponsored via Syndicate Ads
What is the Best Domain Name for a Developer?
Own the domain that took the dev world by storm in 2019! The .DEV domain is perfect for your coding projects, your personal website, or your GitHub.
Check it out
Numverify
A global phone number validation and lookup JSON API that supports 232 countries.
Check it out
CSS Animation Worklet API
The first draft of the CSS Animation Worklet API that allows for running scripted animations without impacting the main thread.
Read it
Using Basis Textures in Three.js
Learn about the new Basis Universal image format that was designed to produce very small file sizes and to be decoded on graphic cards instead of the CPU. An article by Ada Rose Cannon.
Read it
Different Approaches for Creating a Staggered Animation
Daniel Benmore explores how to pull off staggered animations using different methods.
Read it
CSS Custom Properties In The Cascade
In this article, Miriam Suzanne takes a deeper dive into the ‘CSS Custom Properties for Cascading Variables’ specification to ask, “Why are they called custom properties, how do they work in the cascade, and what else can we do with them?”
Read it
36 Days of Type – Reflector Digital
The amazing contributions of the Reflector Digital team to the 36 Days of Type project.
Check it out
HTML can do that?
Ananya Neogi collects some amazing things you can do with just HTML.
Check it out
Building a Conference Schedule with CSS Grid
Mark Root-Wiley shows how to pull off a very practical use case for CSS grid.
Read it
The Secret of Good Electron Apps
James Long created an excellent base project to encourage people to create truly local Electron apps.
Read it
mentored.dev
A gamified learning platform to help you become a web developer. Read more about it in this tweet.
Check it out
darkmodejs
A utility package for managing Dark Mode on the web. By the Assortment team.
Check it out
How accessibility trees inform assistive tech
Hidde de Vries takes a look at how “good” client-side code improves the experience of users of assistive technologies, and how we can use accessibility trees to help verify our work on the user experience.
Read it
HTTP Cats
In case you didn’t know about it: easy HTTP status code pages with meaningful cat images.
Check it out
Pipes w/ Zdog + GSAP
A cool Zdog experiment coded by Jhey.
Check it out
URL Pages
URL Pages is a proof of concept that works by storing the entire contents of a web page in the URL.
Check it out
Data visualization
A set of guidelines for good data visualization as part of Google’s Material Design.
Read it
a11y-css-reset
A small set of global CSS rules to make things accessible and reset default styling. By Mike Engel.
Check it out
GANPaint Studio
GANPaint Studio is a glimpse into the future of creative tools. It provides semantic photo manipulation with a generative image prior.
Check it out
Drag & Drop
A beautiful drag and drop interface made by Aaron Iker.
Check it out
Learning Synths
Learn about synthesizers via Ableton’s interactive website. Play with a synth in your browser and learn to use the various parts of a synth to make your own sounds.
Check it out
B/W Creative Coding Animations
Some creative interactive coding experiments made by David Darx.
Check it out
ProGram
ProGram is a CLI based, self-hosted photo sharing app.
Check it out
Collective #528 was written by Pedro Botelho and published on Codrops.
Original Source: http://feedproxy.google.com/~r/abduzeedo/~3/Ryo0emBuKLQ/introducing-osore-shanghai-lightroom-presets-inspired-cyberpunk
Introducing Osore Shanghai Lightroom Presets inspired by Cyberpunk
AoiroStudioJul 02, 2019
François here from ABDZ, it’s been a little while since I last shared an update on my Osore Lightroom Presets. I was kept pretty busy with my personal life and building ABDZ at the same time. I did find some time to finally release my new Lightroom presets titled: Osore Shanghai. Three entirely re-designed presets customizable and made for Adobe Lightroom CC and Classic CC as a eulogy to my time in the city back in April. It was my first time in China and it’s quite an unconventional experience when compared to other countries like Japan for starters.
The modern technology and language became a barrier to tackle every day even though people thought I was a local. I definitely had a delightful time and as the night falls ‘Shanghai Neons’ would shine its gritty & obscure streets. The old and new structures make this city quite unparalleled in its culture, architecture but by keeping its traditional roots. To celebrate the launch, I am sharing a discount code! Use “nihao” at checkout and get 30% of everything in the store.
The old and new structures make this city quite unparalleled in its culture, architecture but by keeping its traditional roots
Introducing Osore Shanghai
Links
Shop Osore Presets
Instagram
Osore Shanghai OS8
Osore Shanghai OS9
Osore Shanghai OS10
Limited Code
Please use “nihao” at checkout and get 30% off everything in the store, enjoy! It’s for a limited time only!
Links
Shop Osore Presets
Stay Connected
ABDZ Facebook
ABDZ Instagram
