|
Yes. The "repeat gif" code works fine on the old site with the same gif.
|
#
?
Feb 12, 2021 23:50
|
|
|
|
| # ? May 28, 2024 02:18 |
|
|
Try getting rid of the Id on the img tag and see if that does it
|
|
#
?
Feb 12, 2021 23:57
|
|
|
Thank you but that didn't help unfortunately :/
|
|
#
?
Feb 13, 2021 00:47
|
|
|
Placing an empty <img> in the DOM and setting the src via JS seems to work: https://codepen.io/Myst1024/pen/VwmPKPx
|
|
#
?
Feb 13, 2021 02:07
|
|
|
Full Circle posted:Placing an empty <img> in the DOM and setting the src via JS seems to work: I'm not gonna lie, I am half brain-dead with this stuff. What exactly should I be putting in? I used to use pure html from 1996-1999 or so, then Dreamweaver, so I am horribly out of date with this stuff. It's just a fansite for a band, nothing I am charging money for so I hope this questions aren't too annoying 
|
|
#
?
Feb 13, 2021 02:43
|
|
|
I'm really late to the party, but I finally sat down and used Figma for mocking up a site. I didn't do anything but a static layout yet, but it's really nice to visualize things. Previously I'd been "sketching" using HTML/CSS, which worked great but there was always leftover CSS to clean up. The reason I was so against these things were some bad experiences using Photoshop to mock up sites back in the day, what with browser specifications not being standardized and multiple versions of IE doing their own thing. That plus my inexperience made it so even if it looked nice on the PSD, it might be impossible for me to implement on the web. I'm still not 100% sure of the best way to export a Figma "website" to show clients, and implement some animation as if I was using CSS animation, so I'd appreciate any tips!
|
|
#
?
Feb 13, 2021 19:36
|
|
|
For sharing the design with stakeholders you should just be using Figma’s integrated prototyping.
|
|
#
?
Feb 13, 2021 19:39
|
|
|
LifeLynx posted:I'm really late to the party, but I finally sat down and used Figma for mocking up a site. I didn't do anything but a static layout yet, but it's really nice to visualize things. Previously I'd been "sketching" using HTML/CSS, which worked great but there was always leftover CSS to clean up. If you have an Adobe CC sub, I would highly recommend giving XD a try, it's basically Figma as a desktop app, but without the browser lag when your stuff gets complicated. It also integrates directly with the rest of the Adobe suite.
|
|
#
?
Feb 13, 2021 21:05
|
|
|
ModeSix posted:If you have an Adobe CC sub, I would highly recommend giving XD a try, it's basically Figma as a desktop app, but without the browser lag when your stuff gets complicated. It also integrates directly with the rest of the Adobe suite. I've never been hot on Figma because I have a hard time trusting a web app. But I also hated XD last time I used it 9-12 months ago. So I'm kinda stuck with Sketch, which I hate the pricing of.
|
|
#
?
Feb 13, 2021 21:42
|
|
|
Eh Figma is definitely the better of those 3. Also heard a rumor they are planning to have branching maybe this year. If that comes out my company will probably sunset sketch + abstract.
|
|
#
?
Feb 13, 2021 21:55
|
|
|
ModeSix posted:If you have an Adobe CC sub, I would highly recommend giving XD a try, it's basically Figma as a desktop app, but without the browser lag when your stuff gets complicated. It also integrates directly with the rest of the Adobe suite. Figma has a desktop app though? That's what I'm using. I was also surprised how when I copied a vector file over into it, I had a lot of control. I have Photoshop and just bought Illustrator because I was tired of not being able to open some AI files, so maybe I'll try out XD also. The industry seems to be going with Figma right now though.
|
|
#
?
Feb 13, 2021 23:51
|
|
|
I work on a Progressive Web App (frontend is Dojo, backend is essentially LAMP stack if it matters) and over the holiday I discovered that some REST API endpoints are vulnerable to CSRF. The dojo front end seems to make all its requests with XMLHTTPRequest, and according to https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS these XHR requests (with their code:I noticed that our Apache config/PHP backend wasn't enforcing Content-Type: application/json and X-Requested-With: XMLHttpRequest and so I could send a simple request that doesn't have a preflight, and cause a CSRF. I wrote this exploit for Firefox: code:1) a real XHR request that passes the preflight, or 2) a fake XHR request (for example, with an HTML form or ajax or something) that sends 'X-Requested-With: XMLHttpRequest' thanks
|
|
#
?
Feb 14, 2021 03:49
|
|
|
Hey all I'm looking to learn more, and have a project picked out to start on. I've dabbled in Wordpress, and have a basic knowledge of HTML to start. I wanted to find out if the first couple posts on OP are relevant, or are there additional resources I should look for? I appreciate any recommendations you can send my way. Edit: Any thoughts on this Udemy course https://www.udemy.com/course/the-web-developer-bootcamp/? I've done some basics on Codecademy.com but am hoping for something with a little more structure. BingitsLola fucked around with this message at 06:43 on Feb 15, 2021 |
|
#
?
Feb 15, 2021 06:30
|
|
|
BingitsLola posted:Hey all I'm looking to learn more, and have a project picked out to start on. I've dabbled in Wordpress, and have a basic knowledge of HTML to start. I wanted to find out if the first couple posts on OP are relevant, or are there additional resources I should look for? I appreciate any recommendations you can send my way. i really like freecodecamp
|
|
#
?
Feb 15, 2021 13:28
|
|
|
I would say whatever you learn, make sure you get your HTML and CSS chops up to speed first. A lot of people try to skip this step but HTML and CSS are the foundation of putting anything on the web, so no matter what direction you go in you're going to need to know them well. After that your path branches quite a bit depending on what your goals are.
|
|
#
?
Feb 15, 2021 18:01
|
|
|
prom candy posted:I would say whatever you learn, make sure you get your HTML and CSS chops up to speed first. A lot of people try to skip this step but HTML and CSS are the foundation of putting anything on the web, so no matter what direction you go in you're going to need to know them well. After that your path branches quite a bit depending on what your goals are. Thank you this is helpful, my ultimate stretch goal is to get into front end development and ultimately UX Design. I'm a customer service operations manager now so I know it will take a while to get there. I'm not in a rush, but that's why I'm hoping for some kind of course with some structure to work on at night. I understand if that's not really "a thing" since most of what I've read seems to recommend picking a project and researching as you go.
|
|
#
?
Feb 15, 2021 19:27
|
|
|
What exactly are you looking for in UX design as your end destination? I ask because I'm a Creative Director working with a team on a suite of enterprise applications and I absolutely do not need any of my designers to know html/css. Sure it's nice, and can help in the QA process, but if none of them knew any code we'd be in a similar situation.
|
|
#
?
Feb 15, 2021 20:39
|
|
|
Yeah if you're looking to get into UX, you probably don't want to spend *too much* time learning a programming language. It'll help to understand some HTML/CSS/basic basic basic JavaScript to learn how pieces of a project fit together and to establish credibility with the developers, but UX designers ordinarily don't write any code.
|
|
#
?
Feb 15, 2021 20:39
|
|
|
Speaking of UX design, I love Figma, but I'm surprised. It's a popular tool for web designers, but it can't do some things I'd expect it to. Namely, animations and microanimations are difficult. You can use overlays to simulate them, but it's a bit cumbersome. For example, one of the things I do to impress clients is to have the homepage load, then some text fade in with a little animation behind it or whatever, people love that stuff. I was looking for something that I could go "as soon as the prototype starts, change this object's opacity to 1 and move it from Y -32px to Y 0px with ease-in for 400ms" but that's not really do-able. Adobe XD has component states where you can, say, have a button and then a "click" state where the button changes color, but there isn't much control over timing or anything. Now that I've used it I understand that Figma wasn't designed for that, I just figured it wouldn't be as popular for web designers without that kind of stuff. ProtoPie seems good for this, but it might not totally be as easy to sketch ideas out on as Figma. At least Figma is very good at helping me brainstorm.
|
|
#
?
Feb 15, 2021 20:57
|
|
|
You can do something like that in figma. Figma has what is basically magic move in keynote, where it will animate whatever attributes on an object that changes from one frame to another. You set frame 1 to Delay trigger, you set the time of that delay and the action to be to navigate to frame 2. You then set the animation to "Smart animate" and choose the duration. Animation is always that tricky one of getting the learning curve just right for the designers. Invision Studio is actually my favorite because you can control the timing of all the elements animating on a real timeline editor. Principle is also pretty great. I used ProtoPie a bit to test and I really enjoyed it but it always had a high learning curve.
|
|
#
?
Feb 15, 2021 21:02
|
|
|
The Dave posted:What exactly are you looking for in UX design as your end destination? I ask because I'm a Creative Director working with a team on a suite of enterprise applications and I absolutely do not need any of my designers to know html/css. Sure it's nice, and can help in the QA process, but if none of them knew any code we'd be in a similar situation. This is wild to me. How does a designer know what is or isn't possible and what is or isn't usable if they've never actually implemented a design in the medium?
|
|
#
?
Feb 15, 2021 21:41
|
|
|
Chenghiz posted:This is wild to me. How does a designer know what is or isn't possible and what is or isn't usable if they've never actually implemented a design in the medium? Realistically any design is possible these days, as long as you aren't supporting archaic browsers. Usability should be squarely in a UX designers wheelhouse and is easily mocked. Any project without an infinite budget/timeline should involve a step where the designer and a developer go through the proposal so that a dev can suggest places where tweaks could be made to make development faster/easier.
|
|
#
?
Feb 15, 2021 21:49
|
|
|
Chenghiz posted:This is wild to me. How does a designer know what is or isn't possible and what is or isn't usable if they've never actually implemented a design in the medium? Can you design a door without doing any woodworking? The job of the designer is to know which interface components to use and their interactions. They get that knowledge by knowing what is in their design system/library, what is best practice from the industry/other tools/other design systems, or learned experience through work/school. Knowing the syntax for whatever platform the development team is using might be useful in some gnarly technical limitation talks, but with today's tools it is likely a waste of time for a designer to start picking up code if it's not their passion.
|
|
#
?
Feb 15, 2021 21:57
|
|
|
The Dave posted:What exactly are you looking for in UX design as your end destination? I ask because I'm a Creative Director working with a team on a suite of enterprise applications and I absolutely do not need any of my designers to know html/css. Sure it's nice, and can help in the QA process, but if none of them knew any code we'd be in a similar situation. Thanks for your feedback, from what I've read the UX Design postings have gotten quite competitive and many hiring managers are looking for at least some front end experience. Is that not what you've seen? On that note though the alternative to this idea above is starting my own side business at some point. My partner is an SEO Manager so it could be a good option for us. But again, this is a moonlighting project for now. I have checked out freecodecamp recommended above and it definitely looks more helpful than what I've done so far on Codecademy. Thanks for all the feedback so far, this is very helpful!
|
|
#
?
Feb 15, 2021 22:05
|
|
|
BingitsLola posted:Thanks for your feedback, from what I've read the UX Design postings have gotten quite competitive and many hiring managers are looking for at least some front end experience. Is that not what you've seen? Not at all, and to be honest design job postings often just suck (probably the tech industry in general). If you want to show off your broad skills as a UX designer good teams and companies would be looking for your ability to do content modeling, object-oriented UX (current hot topic), leverage design systems and tokens, rapidly prototype and validate, synthesize user research, journey map, etc. There's a laundry list of things to look for in a good UX designer before you get to code.
|
|
#
?
Feb 15, 2021 22:08
|
|
|
Chenghiz posted:This is wild to me. How does a designer know what is or isn't possible and what is or isn't usable if they've never actually implemented a design in the medium? When I look them dead in the eyes during the mockup review meeting and say "are you loving kidding me with this?"
|
|
#
?
Feb 15, 2021 22:52
|
|
|
The Dave posted:Can you design a door without doing any woodworking? Yeah I'm not talking about syntax, I'm talking about the limitations of the medium, basically what Frank Chimero calls the grain of the web, though it applies to print design equally as much. If they're just slotting components together I guess that makes sense, though.
|
|
#
?
Feb 16, 2021 00:12
|
|
|
Okay but there’s a big gap in knowing exactly how web elements behave and being able to design around that. Like say knowing to design hover and focus states for a button, versus understanding how code toggles between them. The latter is not beneficial for a UX designer. The bigger benefit for a UX designer is actually on the other side of the spectrum: knowing how their interactions affect the system at large, where APIs control which data they have access to at specific parts of a journey, and also being able to understand the user and business needs their solution is solving. When I review UX designer candidates a big tell is just in how they present their work. More senior positions should be focusing on how to weave a narrative of the work and their involvement of it versus more junior roles where it’s more common to get a flat output review.
|
|
#
?
Feb 16, 2021 00:40
|
|
|
Maybe a quicker way to illustrate the point is while it’s not good to design a widget that goes against the systems capabilities it’s worse if the designer doesn’t have a clear understanding of why the widget is there in the first place.
|
|
#
?
Feb 16, 2021 00:49
|
|
|
I work on sites by a designer and I wish the designer knew more about how the web works and when things are not worth the performance hit their pretty design wants
|
|
#
?
Feb 16, 2021 01:06
|
|
|
My UX designers just slack me during their research phase and i slack them back when I need pixel pushing before making my PR. If I knew how to do their job then I would never slack them or include them in project ideation/design, I imagine it'd be the same for them lol
|
|
#
?
Feb 16, 2021 01:28
|
|
|
Empress Brosephine posted:I work on sites by a designer and I wish the designer knew more about how the web works and when things are not worth the performance hit their pretty design wants If your relationship is the designer gives you a design and you have to make it that sucks. I like to work with my designer so we're pulling in the same direction. "Hey that's going to be really hard to build, can we try something else" is usually met with "oh totally" and occasionally with "I think it's really important that it work this way, can we try it?" The former makes life easier and the latter can sometimes push innovation. Most of the coolest stuff I've built has come from a designer pushing my limits. I think this is also where it's our job as UX developers to have a good understanding of design. Most of the time if I can go back to a designer with a suggested alternative it's a pretty smooth conversation.
|
|
#
?
Feb 16, 2021 06:03
|
|
|
I know that's how it should be, and I know logically that if I were to be more involved with the design process it would be both welcomed and encouraged. But I can't help but think every time I consider stepping into the design process that if one of the designers wanted to be a part of my code review process and suggested changes I would want to hurl them into the sun. Like it wouldn't even be a question. Just "Hey, have you considered using Reduce here instead?" and then they're in the sun.
|
|
#
?
Feb 16, 2021 07:25
|
|
|
It’s apples and oranges though. Your designer doesn’t really give a poo poo how it’s built as long as it behaves the way they expect it to. However your designer should be approving the finished product in staging and passing along any notes before it hits production. If you have all the appropriate checks and balances in places it’s actually healthy and good for your designer to start with proposing something that might be ridiculous (within reason) to see what is possible. We start with what is the best experience for our users. We align with our product team to make sure it aligns with the staleholder/business needs then we align with engineering to make sure it’s possible. If it’s not possible it’s best to know that up front because then we have to decide if the design will change or if our APIs or front end need to change because the requirement is absolutely necessary. This is web app / mobile app type project so definitely ymmv compared to making marketing / websites. The Dave fucked around with this message at 11:29 on Feb 16, 2021 |
|
#
?
Feb 16, 2021 11:23
|
|
|
I am the King of the Internet. I own all user experiencies. I get angry and like a personal insult when I find a user experience that is just bad and dumb. I have not raised a army yet, or a police force to fight these infractions. My council of experts are still discussing how to do it.
|
|
#
?
Feb 16, 2021 12:48
|
|
|
A good designer ought to welcome feedback from the developer to explain what features are easy to implement and what features are hard. Otherwise they have no idea, and they end up making unrealistic promises. They rely on the developer to tell them "oh sure, that's a two-line fix" or "whoa hold on, that thing you're proposing might sound easy to you, but it's actually a massive pain technically, we would have to create like a whole new X and it would take a month" A lack of honest communication of this type is what leads to designers thinking changing the font is a massive undertaking but "adding e-commerce" is like a couple of clicks.
|
|
#
?
Feb 16, 2021 13:42
|
|
|
Our UX designers are generally just dropping canned elements out of a component library in Sketch. The biggest skills in the job are dealing with product owners who don’t know what they want and developers who are lazy. And just having generally good taste.
|
|
#
?
Feb 16, 2021 14:00
|
|
|
It feels like I'm out of date on database ORM's, I'm still using knex and am mucking with it to ensure my database uses snake_cake and my node application can safely use camelCase. Knex is out of fashion, there's new fancy prisma, and I think sequelize has been more popular than knex for some time. Which tool should I learn and use next, if I'm going for most intuitive?
|
|
#
?
Feb 21, 2021 11:52
|
|
|
Playing around with prisma and I might be the only person in the world who cares about snake case in the database. I think that comes from a holdover on microsoft's part but may now not be relevant anymore.
|
|
#
?
Feb 21, 2021 14:05
|
|
|
|
| # ? May 28, 2024 02:18 |
|
|
Nolgthorn posted:ensure my database uses snake_cake  Prism docs mention using @@map to map camel case to snake_case in the data model. Pal.js can automate changing snake_case to camel case in the data model using the above attributes after using prism introspection.
|
|
#
?
Feb 21, 2021 14:55
|
|
