Web Development
19.6K views | +0 today
Follow
Web Development
Your new post is loading...
Your new post is loading...
Scooped by Reme Le Hane
Scoop.it!

Web Development Reading List #162: Server Side React, Inclusive Design And The Web Worldwide

    We shouldn’t let ourselves get distracted by people who work on different projects than we do. If a developer advocate works on a web-based QR code application, for example, their way of tackling things most certainly won’t fit your project. If someone builds a real-time dashboard, their concept won’t relate to the company portfolio website you’re building. Bear in mind that you need to find the best concept, the best technologies, the best solution for your specific project. Thinking about the right decisions rather than following cool, new trends blindly, is the first step to building responsible web solutions. That’s what we call progressive enhancement. The only subjective matter in this undertaking is you, judging what level of progressive enhancement a solution should have. The post Web Development Reading List #162: Server Side React, Inclusive Design And The Web Worldwide appeared first on Smashing Magazine. https://goo.gl/wPXoTp
via http://www.remelehane.me
more...
No comment yet.
Scooped by Reme Le Hane
Scoop.it!

GPU Animation: Doing It Right

    Most people now know that modern web browsers use the GPU to render parts of web pages, especially ones with animation. For example, a CSS animation using the transform property looks much smoother than one using the left and top properties. But if you ask, “How do I get smooth animation from the GPU?” in most cases, you’ll hear something like, “Use transform: translateZ(0) or will-change: transform.” These properties have become something like how we used zoom: 1 for Internet Explorer 6 (if you catch my drift) in terms of preparing animation for the GPU — or compositing, as browser vendors like to call it. But sometimes animation that is nice and smooth in a simple demo runs very slowly on a real website, introduces visual artifacts or even crashes the browser. Why does this happen? How do we fix it? Let’s try to understand. The post GPU Animation: Doing It Right appeared first on Smashing Magazine. https://goo.gl/bsVg8Z
via http://www.remelehane.me
more...
No comment yet.
Scooped by Reme Le Hane
Scoop.it!

Best Practices For Animated Progress Indicators

    Visibility of system status is one of the most important principles in user interface design. Users want to feel in control of the system they’re using, which means they want to know and understand their current context at any given time, and especially when a system is busy doing work. A wait-animation progress indicator is the most common form of providing a system status for users when something is happening or loading. While an instant response from an app is the best, there are times when your app won’t be able to comply with the guidelines for speed. A slow response could be caused by a bad internet connection, or an operation itself can take a long time (e.g. install an update for OS). For such cases, in order to minimize user tension, you must reassure users that the app is working on their request and that actual progress is being made. Thus, you should provide feedback to the user about what is happening with the app within a reasonable amount of time. The post Best Practices For Animated Progress Indicators appeared first on Smashing Magazine. https://goo.gl/1YVXet
via http://www.remelehane.me
more...
No comment yet.
Scooped by Reme Le Hane
Scoop.it!

Breaking Out Of The Box: Design Inspiration (December 2016)

    Time moves pretty fast. A new year will be upon us soon, and most of us probably haven’t even realized it. So while we’re almost ready to leave the autum… https://goo.gl/0aWPrr
via http://www.remelehane.me
more...
No comment yet.
Scooped by Reme Le Hane
Scoop.it!

Brush Lettering: It Only Gets Better After Practice (Part 2)

    In the first part of this article, we discussed the resurgence of lettering, we defined the differences between lettering, calligraphy, and typeface desi… https://goo.gl/F4GN15
via http://www.remelehane.me
more...
No comment yet.
Scooped by Reme Le Hane
Scoop.it!

Christmas Wallpaper Calendars: December 2016

    New month, new wallpapers! To get you in the right mood for December, designers and artists from across the globe got their ideas bubbling and created un… https://goo.gl/zTSEsv
via http://www.remelehane.me
more...
No comment yet.
Scooped by Reme Le Hane
Scoop.it!

How To Build A SpriteKit Game In Swift 3 (Part 1)

    Have you ever wondered what it takes to create a SpriteKit game from beginning to beta? Does developing a physics-based game seem daunting? Game-making h… https://goo.gl/JfdjLA
via http://www.remelehane.me
more...
No comment yet.
Scooped by Reme Le Hane
Scoop.it!

Brush Lettering: It Only Gets Better After Practice (Part 1)

    The resurgence of hand lettering, calligraphy, signage, penmanship, or really anything that is graphic and handmade is increasingly difficult to ignore. … https://goo.gl/vx7qmT
via http://www.remelehane.me
more...
No comment yet.
Scooped by Reme Le Hane
Scoop.it!

Hi, Thanks for the feedback,

Hi, Thanks for the feedback, I have not looked into state management for Aurelia, but you could always use redux itself. I am busy looking into vuejs myself now, and I have found that it seems to have a larger community, more fleshed out components and overall feels more mature, as easy as Aurelia was, Vue was almost easier and I think that would have a lot to do with the documentation, Aurelia is very simple and singular focused, they provide the basic example of how to use a feature where Vue covers various use cases. React an Angular in particular get most of thier community from brand associations, Facebook and Google offer a false sense of security, Les experienced Dev and corporate types who nothing about Dev feel more comfortable with something they believe will not one suddenly loose support as can happen with your smaller more community created frameworks. The rest of us don’t care, we technically adept enough to deal with the dirt that may exist in the new and shiny toy, and Google has proven that it is happy to ditch a product and is also happy to screw it up entirely. For me personally, Angular 2’s disaster is what created my interest in everything else, Angular 1 was great, 2 seemed like the logical next step, until the infinite level of stupidity that encapsulated that thing made it unusable, especially with the dozens of better, smarter option out there like React, Vue and Aurelia. https://goo.gl/9KAMVk
via http://www.remelehane.me
more...
No comment yet.
Scooped by Reme Le Hane
Scoop.it!

CSS Inheritance, The Cascade And Global Scope: Your New Old Worst Best Friends

    I’m big on modular design. I’ve long been sold on dividing websites into components, not pages, and amalgamating those components dynamically into interf… https://goo.gl/NRq1hS
via http://www.remelehane.me
more...
No comment yet.
Scooped by Reme Le Hane
Scoop.it!

Web Development Reading List #159: Code Splitting, A New Bundler, And Blake2x

    As developers, are we paid to write code? This challenging question raises concerns about product quality, code quality, and our purpose as developers in a world of coded applications. You’ll find an interesting post that dives deeper into the matter in the “Work & Life” section of our reading list this week. But we have other amazing resources to look at this week, too: new tools, new tutorials, and we’ll also take some time to reconsider CSS print styles. Let’s get started! The post Web Development Reading List #159: Code Splitting, A New Bundler, And Blake2x appeared first on Smashing Magazine. https://goo.gl/MFqAZj
via http://www.remelehane.me
more...
No comment yet.
Scooped by Reme Le Hane
Scoop.it!

SmashingConf San Francisco 2017: Somethin’ Is Cookin’ In The Kitchen!

    Imagine a cloudy, rainy November evening. After a long day, you walk home along the streets, following the dimmed street lamps. Everybody seems to be busy, rushing somewhere, crossing paths with strangers and lonely stores. It’s dark and cold outside, and it’s difficult to see things through, so you decide to take a shortcut route to shorten the path. Suddenly you see a bright light and music streaming from one of the remote corners of the street. Out of curiosity, you slowly walk towards the light, and hold your breath for a second. You discover a little cozy place with a fireplace, packed with people, jazzy tunes, and the smell of pizza, pasta and red wine. You see people smiling. Talking. Laughing. Sharing. Inviting you to join them. The post SmashingConf San Francisco 2017: Somethin’ Is Cookin’ In The Kitchen! appeared first on Smashing Magazine. https://goo.gl/XMjvqQ
via http://www.remelehane.me
more...
No comment yet.
Scooped by Reme Le Hane
Scoop.it!

Already spun up a project to test it out, my next post in a few weeks will be on it and may even do…

Already spun up a project to test it out, my next post in a few weeks will be on it and may even do a comparison post as well. https://goo.gl/mpbvvO
via http://www.remelehane.me
more...
No comment yet.
Scooped by Reme Le Hane
Scoop.it!

Christmas Goodies: Free Winter- And Holiday-Inspired Icon Sets (EPS, AI, PNG)

    Christmas is just around the corner, and what better way to celebrate than with some free goodies? We sifted through the web (and our archives) to find holiday-themed icon sets for you that’ll give your creative projects some holiday flair. Perfect for Christmas cards, gift tags, last-minute wrapping paper, or whatever else you can think of. All icons can be downloaded for free, but please consult their licenses or contact the creators before using them in commercial projects. Reselling a bundle is never cool, though. Have a happy holiday season! The post Christmas Goodies: Free Winter- And Holiday-Inspired Icon Sets (EPS, AI, PNG) appeared first on Smashing Magazine. https://goo.gl/XpTzBg
via http://www.remelehane.me
more...
No comment yet.
Scooped by Reme Le Hane
Scoop.it!

Progressive Web AMPs

    If you’ve been following the web development community these last few months, chances are you’ve read about progressive web apps (PWAs). It’s an umbrella term used to describe web experiences advanced that they compete with ever-so-rich and immersive native apps: full offline support, installability, “Retina,” full-bleed imagery, sign-in support for personalization, fast, smooth in-app browsing, push notifications and a great UI. But even though the new Service Worker API allows you to cache away all of your website’s assets for an almost instant subsequent load, like when meeting someone new, the first impression is what counts. If the first load takes more than 3 seconds, the latest DoubleClick study shows that more than 53% of all users will drop off. The post Progressive Web AMPs appeared first on Smashing Magazine. https://goo.gl/OfdCVh
via http://www.remelehane.me
more...
No comment yet.
Scooped by Reme Le Hane
Scoop.it!

Hot To Build A SpriteKit Game In Swift 3 (Part 2)

    Have you ever wondered what it takes to create a SpriteKit game? Does collision detection seem like a daunting task? Do you want to know how to properly … https://goo.gl/lSY7yT
via http://www.remelehane.me
more...
No comment yet.
Scooped by Reme Le Hane
Scoop.it!

Web Development Reading List #161: Restyling Form Elements, HTTP/2 HPACK, And The Empathy Vacuum

    Are you afraid of refactoring code? I love refactoring code. It’s nice to see a code base growing, but this also means that new quirks and suboptimal changes are introduced along the way. At some point, you might realize that there could be a huge opportunity in rewriting the code — to eliminate conflicts or to rename things. For me, refactoring is both: It’s a challenge to master, but, in the end, also a relief to see how the code evolved. We can’t anticipate everything when we first build modules, and we shouldn’t try to do so either. So let’s not be afraid to set our hands to an already existing code base and improve our code over time instead. The post Web Development Reading List #161: Restyling Form Elements, HTTP/2 HPACK, And The Empathy Vacuum appeared first on Smashing Magazine. https://goo.gl/IfQgH9
via http://www.remelehane.me
more...
No comment yet.
Scooped by Reme Le Hane
Scoop.it!

Freebie: Christmas Advent Icon Set (25 Icons, AI, EPS, SVG, PNG, PDF)

    Are you ready for the countdown to Christmas? Today, we’re merrily releasing a brand new Christmas Advent Icon Set, a set of 25 icons that are all availa… https://goo.gl/j8ye1b
via http://www.remelehane.me
more...
No comment yet.
Scooped by Reme Le Hane
Scoop.it!

Enhancing Grid Design With GuideGuide, A Plugin For Photoshop And Illustrator

    Almost five years ago, I had the honor of writing a post on Smashing Magazine about my Photoshop panel GuideGuide. Since then it has seen wild success as the most installed third-party Photoshop extension, an achievement I’m quite proud. In that time, I’ve added some powerful features and, most recently, expanded it to Illustrator. This post will give you a taste of how GuideGuide can change the way you use guides in Photoshop and Illustrator. If you’re one of the many people who already use GuideGuide, please read on. You may discover some unconventional uses that are not immediately apparent. I’ll provide a overview of the major features, and then give some examples of advanced and unusual ways it can be used to make you a more efficient designer. The post Enhancing Grid Design With GuideGuide, A Plugin For Photoshop And Illustrator appeared first on Smashing Magazine. https://goo.gl/E3PSA4
via http://www.remelehane.me
more...
No comment yet.
Scooped by Reme Le Hane
Scoop.it!

Web Development Reading List #160: Real Stories About HTTP/2, Cascading Style Sheets, And Code Of Shame

    We have great new technology available to enhance our websites. But while theoretical articles explain well what the technologies do, we often struggle t… https://goo.gl/HkCI9W
via http://www.remelehane.me
more...
No comment yet.
Scooped by Reme Le Hane
Scoop.it!

Does Conversation Hurt Or Help The Chatbot UX?

    Chatbot fever has infected Silicon Valley. The leaders of virtually every tech giant — including Facebook, Google, Amazon and Apple — proclaim chatbots as the new websites, and messaging platforms as the new browsers. “You should message a business just the way you would message a friend,” declared Mark Zuckerberg when he launched the Facebook Messenger Platform for bots. He and the rest of the tech world are convinced that conversation is the future of business. The post Does Conversation Hurt Or Help The Chatbot UX? appeared first on Smashing Magazine. https://goo.gl/WGFiPK
via http://www.remelehane.me
more...
No comment yet.
Scooped by Reme Le Hane
Scoop.it!

The Wireframe Perfectionist’s Guide

    When I was a developer, I often had a hundred questions when building websites from wireframes that I had received. Some of those questions were, “How will this design scale when I shrink the browser window?” and, “What happens when this shape is filled out incorrectly?” and even, “What are the options in this sorting filter, and what do they do?” These types of questions led me to miss numerous deadlines, and I wasted time and energy in back-and-forth communication. Sadly, this situation could have been avoided if the wireframes had provided enough detail. The post The Wireframe Perfectionist’s Guide appeared first on Smashing Magazine. https://goo.gl/Gow6VQ
via http://www.remelehane.me
more...
No comment yet.
Scooped by Reme Le Hane
Scoop.it!

Spotify Playlists To Fuel Your Coding And Design Sessions

    Some like it loud, others need some steady beats to stay focused, others calm tunes. A while ago we asked on Twitter and Facebook what music the web community is listening to when coding and designing. The answers were as diverse as the community itself and certainly too good to live an existence only in a Twitter discussion. That’s why we’ve compiled those hand-crafted playlists, favorite artists, and loved soundtracks in this article to see which tunes fuel the web, and, well, first and foremost, to provide you with some new ear candy to get you through lengthy coding and design sessions, of course. Get your headphones ready! The post Spotify Playlists To Fuel Your Coding And Design Sessions appeared first on Smashing Magazine. https://goo.gl/KllBAl
via http://www.remelehane.me
more...
No comment yet.
Scooped by Reme Le Hane
Scoop.it!

Freebie: Thanksgiving Icon Set (15 Icons, PNG, PSD, AI, SVG)

    With Thanksgiving coming up next week, have you already thought about ways how to spend your days before the holiday? Well, you could send simple “Thank You” emails to your past clients, perhaps design something free for somebody, or take some time to improve your website. To those of you who celebrate Thanksgiving, we’ve got a nice icon set for you today — all available in PNG, PSD, AI and SVG formats. This set of 15 free icons was created by the design team at ucraft. Please note that this icon set is licensed under a Creative Commons Attribution 3.0 Unported. You may modify the size, color or shape of the icons. No attribution is required, however, reselling of bundles or individual pictograms is not cool. Please provide credits to the creators and link to the article in which this freebie was released if you would like to spread the word in blog posts or anywhere else. The post Freebie: Thanksgiving Icon Set (15 Icons, PNG, PSD, AI, SVG) appeared first on Smashing Magazine. https://goo.gl/XJLwKm
via http://www.remelehane.me
more...
No comment yet.
Scooped by Reme Le Hane
Scoop.it!

Not An Imposter: Fighting Front-End Fatigue

    I recently spoke with a back-end developer friend about how many hours I spend coding or learning about code outside of work. He showed me a passage from… https://goo.gl/17T0r6
via http://www.remelehane.me
more...
No comment yet.