Web Development

How to make node-sass generate source map when only watching 1 file?

webdev: reddit for web developers - Thu, 09/20/2018 - 18:12
"scripts": { "scss": "node-sass --watch --source-map true css/style.scss > css/style.css" },

This does not produce any source map.

Ok I see my problem.
This page gives good advice/example usage: https://github.com/sass/node-sass#command-line-interface

But running ./node_modules/node-sass/bin/node-sass --help gives garbage example:

$> ./node_modules/node-sass/bin/node-sass --help Wrapper around libsass Usage: node-sass [options] <input.scss> cat <input.scss> | node-sass [options] > output.css Example: Compile foobar.scss to foobar.css node-sass --output-style compressed foobar.scss > foobar.css cat foobar.scss | node-sass --output-style compressed > foobar.css

Based on the good example from the github link I should have done

node-sass --watch --source-map true css/style.scss css/style.css

submitted by /u/thinsoldier
[link] [comments]
Categories: Web Development

Southern California web developers

webdev: reddit for web developers - Thu, 09/20/2018 - 17:51

Hey there guys I'm from North Carolina and going to move to California once I earn my aas in web development. I was wondering what's the job market there like for someone who oy got an associate degree. Much appreciated

submitted by /u/Asiantran98
[link] [comments]
Categories: Web Development

Building a customized WP site but with templates included.

webdev: reddit for web developers - Thu, 09/20/2018 - 17:33

Hi all,

I am fairly new to webdev, started out about 6 months ago. I'm pretty happy with my HTML and CSS knowledge and have basic JS and JQuery knowledge.

My girlfriend has a one man graphic design studio and I would really like to build her a new, more interactive website. Since I'd also be using it to add to my portfolio, I would like to code manually for most of it. Since I do not know back-end I feel like using WordPress.

I have been reading into building my own WordPress template, starting from a blanc template, and implementing it into WordPress by altering the PHP code.

A very important part of the website is the ability for my girlfriend to add recent work herself though and she knows absolutely no cosing at all. So would it be possible to do most of the website by coding it manually and implementing my custom theme, but still using a plugin for her portfolio and webshop?

Thanks!!

submitted by /u/Lloitaer
[link] [comments]
Categories: Web Development

Access a content type and its data from Drupal 7 database

Drupal - Open Source Content Platform - Thu, 09/20/2018 - 16:28

I have this Drupal 7 site that had a form collecting data from unregistered users. All data collected belongs to a content type named "Registration" with 18 fields.

Now I was looking into the database and found that this data is stored in separate tables and not in one like I was hoping for.

I need to display this data (all from "Registration" content type) on an external PHP application. Is there an easy way to access this data?

submitted by /u/lolzyman
[link] [comments]

Are em units out of fashion these days when doing CSS?

webdev: reddit for web developers - Thu, 09/20/2018 - 16:15

Are em units out of fashion these days when doing CSS? I feel like I still see a lot of values specified in pixels, even though there was a lot of talk years ago about how pixels were not an ideal measurement.

submitted by /u/dbc001
[link] [comments]
Categories: Web Development

I need help deciding on technologies for university CS senior project. New to web dev. Details inside.

webdev: reddit for web developers - Thu, 09/20/2018 - 16:14

We're building an LTI. If you're unfamiliar with what that is, it's basically a server that learning sites like Canvas/Moodle/BlackBoard can all access through a unified API. The LTI might add some specific feature to the site such as better attendance tracking.

In a nutshell, our server would be serving simple HTML populated with data from a PostgreSQL db.

I wanted to use PHP + Apache, however the professor suggested we use NodeJS for the frontend and backend instead (since everyone in the group is new to all of this and they'd only need to learn JS), with something like Express for the backend. All I know about Node is that it's a framework on top of JS, and that people write other frameworks like Express on top of that.

Now, while I'm familiar with the PHP + Apache approach, I don't know a lot about Node and other new web technologies. I know that I want our website to be rendered on the backend; there's no reason for it to be asynchronous on the front end (right?). But from what I've read, in my uneducated opinion, Node seems like overkill for both frontend and backend in our scenario. Do you agree?

What technologies would you recommend?

submitted by /u/ThePantsThief
[link] [comments]
Categories: Web Development

[Seeking Help] How could I go about setting git as my main deployment with my Ubuntu apache server?

webdev: reddit for web developers - Thu, 09/20/2018 - 15:49

So as the title suggests, I am wondering how I would go about deploying a project with git rather than having to manually upload my files via sftp or set my editor to auto upload when I save. Instead it would be great to push to my branch and have my application auto updated on my server

submitted by /u/benzilla04
[link] [comments]
Categories: Web Development

In search for dead simple, self hosted, editable calendar...

webdev: reddit for web developers - Thu, 09/20/2018 - 15:09

Hello webdev community!

I've spent ton of time searching for a simple self hosted and editable calender solution. I have a client who already has a password protected part of their website, they want to have the simplest possible calendar where everyone can add or edit events. There is no need for separate users, any guest should be able to do that directly without registration.

While I was searching I found many cloud solutions but those are no go for me and company. Does anyone has a good tip or advice?

submitted by /u/neavts
[link] [comments]
Categories: Web Development

Thesis Study: Freelancing

webdev: reddit for web developers - Thu, 09/20/2018 - 14:41

Hi there! I’m currently doing research for my final year thesis which is about freelancing as a career choice and some of the issues that freelancers and clientele face. I would greatly appreciate it if you could take the time to fill out this short survey. It is anonymous and consists of 10 questions that are a mix between multiple-choice and short answer. It will only take you just few minutes to complete.

The links to the Google Forms are below. Please complete the survey that applies to you:

Clientele: https://docs.google.com/forms/d/e/1FAIpQLSfJWXRRUuaVXFaXvM7eD0vtQcd-9kFAYFapmWWi5Z7J-LwmBQ/viewform?usp=sf_link

Freelancers:https://docs.google.com/forms/d/e/1FAIpQLSeqVjhrRRED4Ik4Fp5BHbt4dIiMCMCqsqzFLD3byeCNAjai4Q/viewform?usp=sf_link

Thank you for your time!

submitted by /u/LordeCthulhu
[link] [comments]
Categories: Web Development

How come this code doesn't full work with everything?

webdev: reddit for web developers - Thu, 09/20/2018 - 14:41

Edgenuity is a "leading provider of K-12 online and blended learning solutions including online courses, credit recovery, intervention, test preparation, and more". You take classes online and it usually goes as the following:

1.Watch a video slide 2.Answer a question slide(that doesn't count as your grade) 3.Repeat step one and two(about 15 times) 4.Take a quiz 5. Do step one to four

So for Edgenuity,this code auto fills in for assignments and well everything except the quizzes and tests. Would you know how to fix that. Thank you. The assignments have the same question bubbles and layout as the quizzes too,if you know how to fix it,that would be appreciated! It also fills it in randomly so if you could make it fill in CORRECTLY,that would be great! But all in all,if someone could make it fill in for the quizzes,even if randomly,thanks in advance.

Link to code that is pasted onto a tamper-monkey script:https://pastebin.com/rqNCGQ9R

submitted by /u/RatchetCooper4
[link] [comments]
Categories: Web Development

Getting it right at design stage

webdev: reddit for web developers - Thu, 09/20/2018 - 14:39

I have been working in some changes to a web app at my company, it's a big that's has become a feature change and I've been working on it for the past week or so.

Whilst I've been at it, I have been rethinking the design / approach. Today I have pretty much covered the requirements, yet so know it's not the best solution.

Basically the app requests collections from a courier service we use, we send them package details and address info and they in turn either accept or reject the request and the item gets collected.

It was designed to be a UK mainland only application, but now targets overseas. My current solution is all hard coded and once it goes live would need redeployment should it have to change.

I realise now a better solution would be to allow the users to setup new shipping codes and link them to destinations.

When you are thinking through a system, or an application how do you take the requirements and turn it into a future proof solution? Is it just an experience thing?

submitted by /u/JEv5
[link] [comments]
Categories: Web Development

Safari Ripper ☠️

CSS-Tricks - Thu, 09/20/2018 - 14:36

Security researcher Sabri posted a bit of code that will "force restart any iOS device." It's interesting to see HTML & CSS have this kind of dangerous power. It's essentially a ton of <div>s scaled to be pretty huge and then set over a repeating JPG image with each <div> blurring the background via backdrop-filter. It must cause such extreme and unhandled memory usage that it wreaks havoc on the browser as well as the entire operating system.

I was trying to test it out myself and be really careful not to execute it... but of course I did, and it crashed my Chrome 68 on a MacBook Pro. Not the whole operating system, but I had to force quit the browser. Then again, I suppose even while(true) {} can do that!

The comment thread on the gist hast more interesting details, like how it crashes iOS Safari 9+ (including the new version 12!) and weird behavior on the PlayStation 3 native browser.

Direct Link to ArticlePermalink

The post Safari Ripper ☠️ appeared first on CSS-Tricks.

Categories: Web Development

Quick questions about the platform i should use to make my first website

webdev: reddit for web developers - Thu, 09/20/2018 - 14:20

Hello, so i want to create a website about gaming, I ve been doing some research but here are a couple of questions i could not figure out.

The general idea about the site is that me or the users (via me maybe?) post pictures and videos as posts.Pretty straight forward.

  1. I understand that hosting my own wordpress site is the best choice but since my programming skills are not that great ( I had courses in university but its been years now) should i take the route of squarespace?
  2. Can you monetize a site made with squarespace at all ? Can you run ads on it ? Is there any way to monetize it at all ?
  3. I know that WordPress has a learning curve but my time is kind of limited. Ideal scenario for me would be an easy to update website, maybe with a possibility to earn a little income if people become interested in it.
submitted by /u/SpaghettiKun
[link] [comments]
Categories: Web Development

Drupal noobie needing a little help. How do I order these blogs by newest first?

Drupal - Open Source Content Platform - Thu, 09/20/2018 - 14:11

Hi All,

Sorry is this is a dumb questions. How do I order these blogs by newest first?

https://www.locked.com/blogs

Thanks in advance!

submitted by /u/dh1971
[link] [comments]

How to host apps for clients as a freelancer?

webdev: reddit for web developers - Thu, 09/20/2018 - 14:03

Is it better to tell them to pay you monthly for the hosting because you have a server somewhere which you pay for yourself (way cheaper and you even make some money that way).

Or do you tell them to pay the hosting companies themselves, and you help them with implementing the app on their server?

submitted by /u/w3bcrowf3r
[link] [comments]
Categories: Web Development

Pages