spaceninja + refactoring   14

Refactoring UI, by Steve Schoger
Sometimes when we look at a polished interface we can acknowledge that it looks good but it’s hard to articulate why it looks good. In this practical session, Steve will be explaining the why. He’ll be looking at a poorly designed UI and refactoring it while providing some of the strategies and techniques designers use to give an interface that polished look.

We’ll be looking at some of the more common problems faced by designers and developers—from simple forms to complex data—showing what a difference a few small cosmetic changes can do to bring design to the next level.
fridayfrontend  design  video  refactoring  ux  ui  bootstrap 
5 weeks ago by spaceninja
You can’t be a great developer without great communication skills
This is SO HARD for us as developers. It gets drilled into us from day one that consistency is key to good code.

And if you had good code, then sure, that would be true. But right now you don’t.

programming  culture  communication  refactoring 
february 2019 by spaceninja
Making Legacy Sites More Performant with Modern Front-End Techniques
Front-end website performance is a constantly moving target but is critical to the overall speed of your site. Best practices evolve constantly. Also, modern browsers bring constant updates to performance techniques and tools needed to identify problems and optimize rendering. These optimizations don’t have to be difficult, and can typically be done in hours.
css  cssbasics  performance  preload  javascript  sass  refactoring  maintainability  fridayfrontend 
august 2018 by spaceninja
Getting to Know a Legacy Codebase
The kind of codebase that no one person truly understands any more; the kind of codebase that’s had a dozen different contributors over just as many years; the kind of codebase that’s never had a full-scale refactor or overhaul, but that’s grown organically over time and changed with new techniques, styles, and trends.
fridayfrontend  css  code  legacy  testing  refactoring  maintainability  maintenance  regression  programming  html 
july 2018 by spaceninja
Improving the Accessibility of 24 ways
With all this knowledge digested, I was keen to see how 24 ways would fare when put under the microscope. In this article, I will cover five areas where I was able to make improvements: Page structure; Labelling of elements; Keyboard navigation; Aural experience; General usability;
fridayfrontend  accessibility  refactoring 
january 2018 by spaceninja
5 Tips for Starting a Front-End Refactor
So here are some tips on making sure that big refactor projects go smoothly, based on my experience working on this large and complex codebase. Let's begin!
fridayfrontend  css  refactoring  process 
october 2017 by spaceninja
Refactoring Tunnels
Don’t enter a tunnel whose end you can’t see, or that you can’t exit from quickly and cheaply.
css  refactoring 
june 2017 by spaceninja
Practical CSS Grid: Adding Grid to an Existing Design
Understanding and using CSS Grid is easier than you might expect. The day Grid support shipped in Firefox 52, I decided on the spur of the moment to convert the basic layout of my personal site to use Grid. And it was a fairly simple process—five minutes to write the grid styles, then 15-20 spent troubleshooting.
fridayfrontend  css  grids  layout  refactoring  cssgrid 
april 2017 by spaceninja
Refactoring CSS Without Losing Your Mind
"In this webinar, front-end architecture and performance consultant Harry Roberts will teach you the basics of CSS refactoring and share tangible advice for working with legacy code."
fridayfrontend  video  css  refactoring  harryroberts 
november 2016 by spaceninja
Refactoring CSS: The Three I’s
"1. Identify sensible candidates for refactoring: not all legacy is born equal. 2. Isolate the feature in order to rebuild it: do not lean on out of date code. 3. Implement the refactored feature into the project: do any cleanup work at this point, and in the right place(s)."
fridayfrontend  css  refactoring 
november 2016 by spaceninja
Cleaning Up a CSS Codebase
Well you’re in luck because I’ve done my share of CSS clean-ups and I’m here to give you some hints to get started with this. It’s all about grabbing the low hanging fruit.
fridayfrontend  css  refactoring  maintainability 
august 2016 by spaceninja
How I Shrank my CSS by 84kb by Refactoring with ITCSS — Medium
Before the refactor, my CSS weighed 111kb. After the refactor, it weighed 27kb.
fridayfrontend  css  itcss  frameworks  modular  refactoring  performance 
august 2016 by spaceninja
Cleaning Up a CSS Codebase
"You know that cleaning up a CSS codebase is going to be a tremendous task. There are so many things to do, yet so little time. You don’t really know where to start! It’s all about grabbing the low hanging fruit."
css  refactoring  cleaning  architecture  lint  sass 
april 2016 by spaceninja

Copy this bookmark: