Web Design and Development |OT| Pixel perfect is dead, long live responsive design ERA

Bony Manifesto · May 27, 2018

Calderc said:
I'm kinda half way through learning CSS myself so I have some questions if you don't mind!

As far as responsive design goes, i'm just starting to touch on that but I'm a little confused. Does every element on the page need a media query or some sort of responsive part to it or can you set the main body to be responsive and everything else follows?

Also with respect to positioning, am I worthwhile learning one method (i.e. CSS Grid) rewlly well, or getting some knowledge of them all (Grid, Flex etc)?

Thanks for any help!

I'm probably not the best person to ask, as I generally try to stay as far away from CSS as I can! But I'll try!

I'm not quite sure what you're asking though. You can (and should) put multiple selectors inside a single media query block, but not every element needs to have its styles changed for different screen widths. The usual workflow is that you start off by making the smallest mobile version of your site without any media queries, then incrementally increase the width, adding media queries and overriding styling where it's required to make the layout optimal at every screen size.

With regards to positioning, you should learn both grid and flexbox layout really well, as they both have different use cases, and they're going to be best practice for the foreseeable future. The bigger question is whether you should learn about laying out pages with floats, and I'm not sure what the answer is there. It's still common to see, but I think its shelf life is really limited, and in a few years, it'll go the way of table-based layouts, and nobody will be expected to know about it.

Deleted member 11934 · May 27, 2018

Flexbox is really important. These days though you can manipulate the CSS in various way, even though JavaScript, and it's less abhorrent than plain one. Knowing selectors and properties is fundamental anyway.

I wish I could rely less and less on media queries too

SOLDIER · May 27, 2018

Bony Manifesto said:
Just keep doing what you're doing. Once you're comfortable with HTML and CSS, specifically layout and responsive design, you can absolutely get a job as a web designer. From there, you can focus on learning the remaining part of the front-end puzzle: JavaScript. Once you're familiar with that, you're a 'real' programmer, and can go off in any direction you want - whether that's more complex front-end development with frameworks like React, or back-end development with Node.js.

Right now my biggest worry is how long it would take me to learn the basic stuff in order to get hired on the entry level. I'm currently unemployed, so I don't think it would be the best idea to put off applying for new jobs while learning HTML, CSS and so on...especially since it sounds like companies want a portfolio and/or X amount of experience.

Perhaps if I looked into paid internships? Do they have classes I could enroll in that also put me into paid temporary positions, that way I'm learning the necessary skills while also getting experience through work (preferably paid work)?

Calderc · May 28, 2018

Bony Manifesto said:
I'm probably not the best person to ask, as I generally try to stay as far away from CSS as I can! But I'll try!

I'm not quite sure what you're asking though. You can (and should) put multiple selectors inside a single media query block, but not every element needs to have its styles changed for different screen widths. The usual workflow is that you start off by making the smallest mobile version of your site without any media queries, then incrementally increase the width, adding media queries and overriding styling where it's required to make the layout optimal at every screen size.

With regards to positioning, you should learn both grid and flexbox layout really well, as they both have different use cases, and they're going to be best practice for the foreseeable future. The bigger question is whether you should learn about laying out pages with floats, and I'm not sure what the answer is there. It's still common to see, but I think its shelf life is really limited, and in a few years, it'll go the way of table-based layouts, and nobody will be expected to know about it.

You answered my badly worded questions perfectly so thanks haha.

The whole responsive thing is still throwing me for a loop so I need to knuckle down on that.

shenden · May 28, 2018

Satuprinssi said:
Flexbox is really important. These days though you can manipulate the CSS in various way, even though JavaScript, and it's less abhorrent than plain one. Knowing selectors and properties is fundamental anyway.

I wish I could rely less and less on media queries too

Were getting there my friend. Flexbox and Grid will soon enough remove media queries, at least I sure hope so.

Kinthalis · May 29, 2018

shenden said:
Were getting there my friend. Flexbox and Grid will soon enough remove media queries, at least I sure hope so.

In favor of what?

Kinthalis · May 29, 2018

So what the hell is Microsoft doing with ie edge exactly?

So many cool new stuff coming to browsers: native component support, desktop progressive apps, web assembly, and numerous other features popping up here and there and it's always the same thing when they get to support:

Chrome is usually running the feature in beta,
Firefox and Safari are working on it, or also sometimes available in beta with a flag

But almost never is ie even mentioned. Are they just more closed with their plans? Falling way behind? What gives?

Deleted member 6582 · May 29, 2018

Kinthalis said:
So what the hell is Microsoft doing with ie edge exactly?

So many cool new stuff coming to browsers: native component support, desktop progressive apps, web assembly, and numerous other features popping up here and there and it's always the same thing when they get to support:

Chrome is usually running the feature in beta,
Firefox and Safari are working on it, or also sometimes available in beta with a flag

But almost never is ie even mentioned. Are they just more closed with their plans? Falling way behind? What gives?

Chrome pilots more features and really early stuff and they ship every 6 weeks as opposed to Edges 6 month cycle. Usually if a feature is stable Edge supports it, including PWA and WebAssembly. If you're curious about an upcoming feature Edge has that others don't, you can see MediaCapture API's Screen Capture. They also had one of the only implementations of SIMD.js but that fell apart because other browsers found it too difficult to integrate and maintain. MS's priorities are usually around things like communication and media.

Deleted member 862 · May 29, 2018

Edge has a platform status page here - https://developer.microsoft.com/en-us/microsoft-edge/platform/status/

Kinthalis · May 29, 2018

Thanks to both of you! Love that linky.

Deleted member 1726 · May 31, 2018

So anyone who uses Visual Studio Code able to point me in the right direction.

Basically what I am after is mirroring the functionality of PHPStorm if possible for functions. As you can see in the image below, the first block is what I see in PHPStorm, specifically the navigation function, it tells you the parameters for the function, so we see that selected is 'home', but this doesn't happen in VSC as image number 2 and I wondered if it was possible to achieve this?

Kinthalis · May 31, 2018

There's currently an open issue on github asking for this feature, so I'd wager no, it's not something available out of the box currently. I'm not familiar with any plugin that does it but it's a neat feature.

https://github.com/Microsoft/vscode/issues/16221

Bony Manifesto · May 31, 2018

Daffy Duck said:
So anyone who uses Visual Studio Code able to point me in the right direction.

Basically what I am after is mirroring the functionality of PHPStorm if possible for functions. As you can see in the image below, the first block is what I see in PHPStorm, specifically the navigation function, it tells you the parameters for the function, so we see that selected is 'home', but this doesn't happen in VSC as image number 2 and I wondered if it was possible to achieve this?

There's this extension that seems to do what you want (the signature help bit). I can't vouch for it as I don't use PHP, but it's got 3.4 million installs and is in active development, so there's a good chance of it being decent.

Deleted member 1726 · May 31, 2018

Cool, thanks guys I'll read over that link and take a look at the plugin.

SOLDIER · May 31, 2018

Finished the first HTML lesson on Code Academy. So far it's been easy to understand and this website is a godsend in showing you how the code works and where you mess up. I'm starting the next lesson now. How far should I get through the HTML lessons before moving to CSS? Or should I just bounce off between the two at the same time?

My family members still insist that I should enroll in a short college course for this, though. I was under the impression that companies cared more about your portfolio and experience in regards to web development. Is it really beneficial for me to pay the money for a course when Code Academy seems to have everything I need to learn?

What would really sway me to enroll in a course is if they had job placement, be it temporary or intern or whatever. That means I'm learning the skills and also getting the experience for future employment. More than anything, that's what I would want from an enrolled course. Is this something that some technical schools offer?

Kinthalis · May 31, 2018

A camp with absolutely solid placement numbers would be a better solution than going to a college or uni, unless they have a similar program available. Both are expensive though.

SOLDIER · May 31, 2018

Kinthalis said:
A camp with absolutely solid placement numbers would be a better solution than going to a college or uni, unless they have a similar program available. Both are expensive though.

I know nothing about camps. How do they work, and how do I find ones that are local?

SOLDIER · Jun 2, 2018

I finished the basic HTML lessons on learn.freecodecamp.org and are now working on the CSS curriculum. So far nothing has made my brain explode in frustration, so I'm dedicated to learning this stuff so far. That website is also ultimately better than Code Academy on account of being more comprehensive (not to mention 100% free).

I've also been asking around Reddit, and got some additional advice: bootcamps don't appear to be worth it, at least not until you're more advanced, and it also sounds like you'd be better off building a personal portfolio on Github. It was also suggested that I look into app development as it seems to be a higher-paying, higher-demand career.

The thing I'm worried about, though, is how difficult it would be to get my foot in the door. A couple of posts made it sound like the competition was stiff and that it would take some luck to get hired on the junior level without having someone on the inside.

Also, since I'm currently unemployed, I was thinking that it would be in my best interest to get jobs that would be relevant to my career, at least in making my resume look more attractive to future companies. Are there such entry level jobs I could be doing now?

Calderc · Jun 4, 2018

Dumb question time again! I'm working through the below tutorial, and at roughly 34.39 in the video, he adds:

grid-template-columns: repeat (auto-fit, minmax(200px, 1fr));

to the the .boxes selector. When he refreshes, he has the 4 boxes horizontally in a row, but mine comes out with 3 boxes horizontally and the 4th box below this row on the right hand side of the screen. My CSS is exactly the same as his and for the life of me I can't figure out why this is happening. Any ideas?

ss_lemonade · Jun 4, 2018

Calderc said:
Dumb question time again! I'm working through the below tutorial, and at roughly 34.39 in the video, he adds:

grid-template-columns: repeat (auto-fit, minmax(200px, 1fr));

to the the .boxes selector. When he refreshes, he has the 4 boxes horizontally in a row, but mine comes out with 3 boxes horizontally and the 4th box below this row on the right hand side of the screen. My CSS is exactly the same as his and for the life of me I can't figure out why this is happening. Any ideas?

Where's the link to this tutorial?

Calderc · Jun 4, 2018

georaldc said:
Where's the link to this tutorial?

Christ! Just added it in. Excuse me, it's been a rough Monday!

Daheza · Jun 4, 2018

Just found this thread and looking forward to contributing to it.

I am a front end developer over in Santa Monica.

Not so great in css ( still haven't learned flexbox... i know )
JS is my love though.

Using react currently with typescript in a .net landscape.

astro · Jun 7, 2018

Two questions:

1. What's the best/easiest to use blogging platform currently?
2. What's the best way to pull through snippets of blog posts onto a person's website?

This the build I'm working on

I want to populate the Blog section with snippets of the 3 latest blog posts (to be updated automatically as the client makes new posts), clicking them will take them to the main blog site.

I have very little WP experience, I have no idea how to work with RSS feeds... but I need to learn this.

I'm proficient in HTML/CSS, decent with JS, have no idea bout PHP (which I've seen mentioned as I had a browse for solutions)

Any advice or nudges in the right direction would be appreciated a lot.

Sec0nd · Jun 10, 2018

Noob here that needs some help with some custom css with wordpress.

Currently building my portfolio website with a kick ass wordpress theme. Only trouble I'm having is that I can't really control the width of the website as much as I want. On a particular page I want to be able to stretch the width for certain pictures further than is intended with the template. All in all pretty easy. I give the element a custom css tag and than expand the width with 120%. Looks beautiful on my 27" screen. But on smaller screens the image simply falls off the page. Is it possible to force some padding on the sides to make sure no matter the screen size the pictures don't actively touch the edge of the screen?

Sirpopopop · Jun 12, 2018

Sec0nd said:
Noob here that needs some help with some custom css with wordpress.

Currently building my portfolio website with a kick ass wordpress theme. Only trouble I'm having is that I can't really control the width of the website as much as I want. On a particular page I want to be able to stretch the width for certain pictures further than is intended with the template. All in all pretty easy. I give the element a custom css tag and than expand the width with 120%. Looks beautiful on my 27" screen. But on smaller screens the image simply falls off the page. Is it possible to force some padding on the sides to make sure no matter the screen size the pictures don't actively touch the edge of the screen?

I would go with a more responsive design. Abuse your media queries.

Nassudan · Jun 13, 2018

Hey all,

I've been working on a .Net Web Api 2 project for work recently and I've been having a lot of fun with it.

Traditionally up until this point I've been primarily a desktop application developer for the job (with some NodeJS experience in my spare time). I'm looking to get out of my current job due to practically zero growth potential.

My question is: what core concepts should I focus on in .Net in order to get a job as a backend developer in the immediate term?

My medium/long term goal is to be more of a full stack dev. Not particularly focused on .Net for this but it's largely where my professional background resides, so professionally it might be a good starting point.

Any guidance would be greatly appreciated.

astro · Jun 14, 2018

So I solved the above problem by purchasing this RSS feed widget.

Monthly subscription but it's low cost and I'll use it a lot. Can be infinitely styled via custom CSS too.

I have two questions:

1. How many of you use things like this in your development instead of building your own? Is this considered lazy or the norm?

2. This is coded in JS right? I currently have enough JS skills to install/edit/de-bug plugins/widgets, but not enough to code my own stuff from scratch. I'm about to start a Udemy course on JS. How advanced would I need to get before I could code my own widget to do what the above does?

Sirpopopop · Jun 14, 2018

1. All the time. Why code my own when someone else has a product that does something that works pretty well?

2. Does the RSS feed widget have a Github, or some other code hosting repository? That's often the first place to look for me when trying to discern the complexity of code, or the language used. Regardless, I think there are a few online tutorials on coding RSS feeds in JS that don't seem that complicated. However, as the poster below notes - not much of a reason to bother. You can pull something off npm easy enough to handle this functionality.

Bony Manifesto · Jun 14, 2018

Nassudan said:
Hey all,

I've been working on a .Net Web Api 2 project for work recently and I've been having a lot of fun with it.

Traditionally up until this point I've been primarily a desktop application developer for the job (with some NodeJS experience in my spare time). I'm looking to get out of my current job due to practically zero growth potential.

My question is: what core concepts should I focus on in .Net in order to get a job as a backend developer in the immediate term?

My medium/long term goal is to be more of a full stack dev. Not particularly focused on .Net for this but it's largely where my professional background resides, so professionally it might be a good starting point.

Any guidance would be greatly appreciated.

You should be pretty well placed if you're familiar with .net desktop development, as a lot of skills are transferable, and it's really just a matter of figuring out the specifics of how ASP.net works (which is complicated, but pretty well documented). Other than that, I'd say database theory is really useful to have, as a lot of backend development is predominately about moving stuff in and out of a data store, and in the .net world, Entity Framework is the standard for mapping relational data to classes (and vice versa).

astro said:
So I solved the above problem by purchasing this RSS feed widget.

Monthly subscription but it's low cost and I'll use it a lot. Can be infinitely styled via custom CSS too.

I have two questions:

1. How many of you use things like this in your development instead of building your own? Is this considered lazy or the norm?

2. This is coded in JS right? I currently have enough JS skills to install/edit/de-bug plugins/widgets, but not enough to code my own stuff from scratch. I'm about to start a Udemy course on JS. How advanced would I need to get before I could code my own widget to do what the above does?

1. Not so much commercial widget providers like that, but when faced with a particular task, I think every web developer will first check npm to see if somebody's already solved it before, and has a mature, tested library they can use.
2. Probably. You'll be unlikely to ever want to write your own RSS parser yourself though. There will be some package out there that will convert an RSS feed into plain JavaScript objects that you can do whatever you want with.

Nassudan · Jun 19, 2018

Bony Manifesto said:
You should be pretty well placed if you're familiar with .net desktop development, as a lot of skills are transferable, and it's really just a matter of figuring out the specifics of how ASP.net works (which is complicated, but pretty well documented). Other than that, I'd say database theory is really useful to have, as a lot of backend development is predominately about moving stuff in and out of a data store, and in the .net world, Entity Framework is the standard for mapping relational data to classes (and vice versa).

I've started looking into Entity Framework and am also in the process of familiarizing myself more with ASP.NET MVC (I'm familiar with the concept of MVC, just not the implementation in .NET).

Besides Web API 2, I actually started my job here working on adding functionality to a locally hosted WCF web service (modified to act RESTful, serving mobile clients) for a project that unfortunately never got off the ground. I know my way around MSSQL doing basic queries (not really proficient at doing tasks such as writing stored procedures and completely inexperienced in tasks utilizing functionality such db functions and db views).

I found a junior level position at a company that I'm putting in for that sounds absolutely perfect for what I'm looking for, we'll see what happens with that...

I really appreciate your reply, thank you so much for the advice!

Calderc · Jun 21, 2018

Ok so I feel I'm in a spot where I know enough HTML and CSS to start working on my portfolio while I start to learn JS. Does anyone have any tips for that? Stuff to make to sure to have on it, stuff not to do etc? Or even examples to copy from (as in layout, not the code!)? If there's one thing I'm sure of so far it's that I'm certainly no designer haha. I really want to make it as appealing as possible to hopefully try and land a job. Anyone here in hiring positions that would have some insight? Thanks in advance!

astro · Jun 22, 2018

Bony Manifesto said:
1. Not so much commercial widget providers like that, but when faced with a particular task, I think every web developer will first check npm to see if somebody's already solved it before, and has a mature, tested library they can use.
2. Probably. You'll be unlikely to ever want to write your own RSS parser yourself though. There will be some package out there that will convert an RSS feed into plain JavaScript objects that you can do whatever you want with.

Thanks for the tips, I didn't even know npm existed!

Mitochondrion · Jun 26, 2018

Could somebody please tell me what is this? I have seen this on Linkedln and YouTube. What framework/library is used for this? How can I use this for my own website? Is this done with CSS or JavaScript?

Calderc · Jul 2, 2018

Can someone help me wrap my head aroung the '!' operator in JavaScript? I think (?) it returns a true statement back as false and vice versa, but I'm not sure if that's right, and if it is, why would you ever want to do that?

Bony Manifesto · Jul 2, 2018

Mitochondrion said:
Could somebody please tell me what is this? I have seen this on Linkedln and YouTube. What framework/library is used for this? How can I use this for my own website? Is this done with CSS or JavaScript?

It's just placeholder content - the boxes and circles are likely in SVG format - that gets swapped out with the actual content when it loads through JavaScript. You could implement it yourself, but if you're making a single-page web app you're probably already using a framework of some sort, and in that case there will be components available that will do it for you. Here's one for React: https://github.com/danilowoz/react-content-loader

Calderc said:
Can someone help me wrap my head aroung the '!' operator in JavaScript? I think (?) it returns a true statement back as false and vice versa, but I'm not sure if that's right, and if it is, why would you ever want to do that?

That's exactly right. It's a style thing really. While you don't have to use it, there's a lot of circumstances where it makes things more succinct.

Code:

const isEmpty = false;

// Without !
if (isEmpty) {
  // Do nothing
} else {
  console.log('Do stuff!');
}

// With !
if (!isEmpty) {
  console.log('Do stuff!');
}

// Also equivalent but bad style
if (isEmpty == false) {
  console.log('Do stuff!');
}

All three are equivalent but the latter two are much cleaner because they don't have that empty block. I put that third way of doing it, but it's more to type, and directly comparing a boolean value to true or false like that is one of those things that certain programmers get irrationally angry about and they will instantly assume you don't know what you're doing if they see it.

Zoe · Jul 2, 2018

Calderc said:
Can someone help me wrap my head aroung the '!' operator in JavaScript? I think (?) it returns a true statement back as false and vice versa, but I'm not sure if that's right, and if it is, why would you ever want to do that?

It's hard to explain without specific examples or if you've never taken a logic class. It's just that sometimes when you're checking against conditions, you might be looking for the negative of something or you want to negate something's value.

Calderc · Jul 2, 2018

Bony Manifesto said:
That's exactly right. It's a style thing really. While you don't have to use it, there's a lot of circumstances where it makes things more succinct.

Code:

const isEmpty = false; // Without ! if (isEmpty) { // Do nothing } else { console.log('Do stuff!'); } // With ! if (!isEmpty) { console.log('Do stuff!'); } // Also equivalent but bad style if (isEmpty == false) { console.log('Do stuff!'); }

All three are equivalent but the latter two are much cleaner because they don't have that empty block. I put that third way of doing it, but it's more to type, and directly comparing a boolean value to true or false like that is one of those things that certain programmers get irrationally angry about and they will instantly assume you don't know what you're doing if they see it.

Ah, gotcha. Thank you very much!

astro · Jul 15, 2018

Firstly I do read this thread, but much of it goes over my head... I'm primarily a front-end developer and I've little experience other than building sites for small businesses, so see very little opportunity to get involved in giving feedback.

Last year I was dealing with some health issues so couldn't push my study nor work as much as I wanted to, but I haven't been fully stalled...

I've had some decent experience. Built two larger sites for clients (£1000-2000 price range), and 4 smaller (£500 each), and I've done a bunch of free work for friends to practice and just get some work online. All for small businesses or individuals (a martial arts gym, a personal trainer, a recording studio, for example).

This is my current portfolio site.

I'm in the middle of re-designing my site right now, and I'm aiming to get it finalized within the next two weeks, to get some posters and cards printed up (I have a few businesses I'm friendly with willing to display them for me), and to make a push with my social media.

I'm learning a bunch of other stuff atm (some development things, some design based), but do you think this looks okay for now to as a foundation to push for similar work?

Any advice for someone in my position is very welcome.

PS - no optimization has been done yet.

CrankyJay · Jul 31, 2018

Our office is dabbling with some data entry forms using material design, and we're not quite happy with just using a red asterisk or denote a required field (pre-validation), as we don't think it stands out enough for our particular client-base. Can anyone point me to some design ideas that would clearly denote show required fields (pre-validation) that would be obvious to the user while still looking clean?

Deleted member 1726 · Jul 31, 2018

CrankyJay said:
Our office is dabbling with some data entry forms using material design, and we're not quite happy with just using a red asterisk or denote a required field (pre-validation), as we don't think it stands out enough for our particular client-base. Can anyone point me to some design ideas that would clearly denote show required fields (pre-validation) that would be obvious to the user while still looking clean?

https://uxdesign.cc/design-better-forms-96fadca0f49c

Specifically the part labelled "Ditch the * and denote optional fields"?

Maybe try switching to optional fields only being marked? You could also go with the no idea on that page and highlight the box in red with an exclamation mark after the input box showing they need to enter something if you want to point attention to it, shown under the "Use inline validation after the user fills out the field (unless it helps them while in the process)" heading.

CrankyJay · Jul 31, 2018

Daffy Duck said:
https://uxdesign.cc/design-better-forms-96fadca0f49c

Specifically the part labelled "Ditch the * and denote optional fields"?

Maybe try switching to optional fields only being marked?

Yeah, it's a good suggestion but these are large data entry forms with many fields. In legacy systems we just used to highlight the background of the input a light yellowish color, but I feel this won't look very good with a material styled input.

Deleted member 1726 · Jul 31, 2018

CrankyJay said:
Yeah, it's a good suggestion but these are large data entry forms with many fields. In legacy systems we just used to highlight the background of the input a light yellowish color, but I feel this won't look very good with a material styled input.

The design components also have this for error text.

https://material.io/design/components/text-fields.html#anatomy under error text.

Deleted member 862 · Jul 31, 2018

CrankyJay said:
Our office is dabbling with some data entry forms using material design, and we're not quite happy with just using a red asterisk or denote a required field (pre-validation), as we don't think it stands out enough for our particular client-base. Can anyone point me to some design ideas that would clearly denote show required fields (pre-validation) that would be obvious to the user while still looking clean?

Not sure if it helps but gov.uk have a lot of resources and best practices for this sort of thing which I find quite useful. They've had the luxury of testing it on millions of people from all walks of life too so there's usually a good reason for them doing it the way they do.

anyway, here's what they say

https://govuk-elements.herokuapp.com/form-elements/#form-optional-fields

Optional and mandatory fields

only ask for the information you absolutely need

if you do ask for optional information, mark the labels of optional fields with '(optional)'

don't mark mandatory fields with asterisks

so their advice is to flip it on it's head and instead of marking mandatory fields you mark the optional fields and expect user will provide the required information

edit: in the time it took me to remember this page you got the same answer.

CrankyJay · Jul 31, 2018

null said:
Not sure if it helps but gov.uk have a lot of resources and best practices for this sort of thing which I find quite useful. They've had the luxury of testing it on millions of people from all walks of life too so there's usually a good reason for them doing it the way they do.

anyway, here's what they say

https://govuk-elements.herokuapp.com/form-elements/#form-optional-fields

so their advice is to flip it on it's head and instead of marking mandatory fields you mark the optional fields and expect user will provide the required information

edit: in the time it took me to remember this page you got the same answer.

Yeah, sadly, I feel I am stuck in a situation where tried and true convention is going to be outweighed by "well this is what our customers expect": which in this instance is an eye-catching non-textual indicator of the most pertinent fields on a form. And to be slightly more specific, these would be forms where the data is electronically transferred to the US/CA governments so the number of fields can amount to dozens. So with dozens of fields on the screen simultaneously, I can see the need for being able to see fields at a glance that are mandatory without having to read the labels for "optional" text, and our designer has provided an asterisk but it is relatively small and isn't as effective on a large form with so many inputs.

Randomly Generated · Aug 6, 2018

Apologies if this isn't the right thread, but does anyone here have experience setting up MX records on newly-made websites? I've been following Google's guide on setting up SPF, DKIM, and DMARC, and I think I have it all sorted finally. But when I use Google's Check MX tool, it gives this "non-critical" error: "There should not be a mail exchanger set up on naked domain name." Everything else is fine.

I can't figure out what I'm doing wrong, and Googling the problem hasn't helped.

Deleted member 1726 · Aug 6, 2018

What are your DNS records?

Blazo · Aug 16, 2018

Me and my friend who is musician are thinking about starting an internet radio. Idea is for it to be just 2 pages - main and about. There is no much design work and there is going to be only one input which is to play/stop radio.

How hard it is to make it? What do i need? Also i know that i could insert music into page but we would like for it to be played from mixer aka traktor, even to have microphone etc.

Vanillalite · Aug 17, 2018

Blazo said:
Me and my friend who is musician are thinking about starting an internet radio. Idea is for it to be just 2 pages - main and about. There is no much design work and there is going to be only one input which is to play/stop radio.

How hard it is to make it? What do i need? Also i know that i could insert music into page but we would like for it to be played from mixer aka traktor, even to have microphone etc.

Just use something like WordPress or Squarespace if it needs to be small and quick.

No need to learn a bunch if HTML/CSS for this or try and figure out something like Bootstrap.

Blazo · Aug 17, 2018

Thing is, I am currently working as a front-end dev but was thinking how much this would be hard on back?

MegaRockEXE · Aug 31, 2018

I'm gonna need some help here. I think I bit off more than I could chew.
I accepted a task to add a flexible expanding feature section to a website. I have the groundwork kind of set up, but it's kind of janky.
Check out the working example here.

They're all supposed to reveal different information on hover, and I have the first one set up like that, but the transition is jarring. The heights are all inconsistent as well, so it makes the transitions weird too. How can I improve this?
The mobile experience could be improved too, but I'd like to solve this part first. I know I'm close to finishing this.

Web Design and Development |OT| Pixel perfect is dead, long live responsive design ERA

User requested account closure

One Winged Slayer

User requested account closure

User requested account closure

User requested account closure

One Winged Slayer

One Winged Slayer

One Winged Slayer

_ _ _ w _ _ _

_ _ _ w _ _ _

User requested account closure

User requested account closure

User requested account closure

User requested account closure

One Winged Slayer