• Breaking News

    Sunday, December 31, 2017

    React is killing me web developers

    React is killing me web developers


    React is killing me

    Posted: 31 Dec 2017 01:14 AM PST

    I feel like I hit a road block trying to understand react and frameworks in general. I've read a bunch of articles, finished the first reactJS codecademy course, started reading Road To React, but I'm still just not getting what the point of all these frameworks are. I was beginning to feel fairly competent with my HTML, CSS and plain JavaScript skills, and decided to try to take the next step and it just seems like frameworks complicate the simplest tasks to the point that I don't enjoy coding.

    I'm basically just ranting and asking for some words of reassurance. Feeling frustrated with my lack of progress lately. Has anyone else felt this way trying to progress?

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

    A Curated List of Checklists for everything, including web development

    Posted: 30 Dec 2017 08:03 PM PST

    I made a curated list of checklists on GitHub. It includes front-end development, back-end development, programming languages, traveling, games and so on.

    I hope you will like it.

    I used gulp to generate index.html from README.md in the repo. Netlify will automatically produce new index.html when README.md is updated. I am new to web development and gulp. Could you recommend a gulp tutorial for a person who is new to web development? Thank you

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

    Is there a good example of React used for an idle game?

    Posted: 31 Dec 2017 03:25 PM PST

    Idle games typically are a collection of HTML elements with similar layout + javascript functions.

    Looks like a good fit for React.

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

    Favorite/best resource for learning React?

    Posted: 31 Dec 2017 01:48 AM PST

    Been working on my vanillaJS and was looking for resources on learning React. Read a bunch of prior posts on such topics and saw mention of Udemy courses, Tyler McGinnis' course, etc. Was wondering what /r/webdev's favorite resource for learning React is. Any input is very appreciated, thanks in advance.

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

    Applying machine learning and computer vision in my web app

    Posted: 31 Dec 2017 11:43 AM PST

    Can my Webpack config be improved?

    Posted: 31 Dec 2017 11:22 AM PST

    Hello there,

    today I have started experimenting with Webpack for the first time. I wanted to set it up to compile and bundle up TypeScript and compile and extract SCSS to a separate file. I have eventually accomplished both of those goals, but it required a lot of trial and error. I'm wondering if my webpack.config.js is as good as it can get, or if there are parts I could improve.

    const webpack = require('webpack'); const ExtractTextPlugin = require("extract-text-webpack-plugin"); const extractSass = new ExtractTextPlugin({ filename: "/css/styles.css" }) module.exports = { entry: './src/ts/app.ts', devtool: 'source-map', module: { rules: [ { test: /\.tsx?$/, use: { loader: 'ts-loader' } }, { test: /\.scss$/, use: extractSass.extract({ use: [ { loader: 'css-loader', options: { sourceMap: true } }, { loader: 'postcss-loader', options: { sourceMap: true } }, { loader: 'sass-loader', options: { sourceMap: true } } ] }) } ] }, plugins: [ extractSass ], output: { path: __dirname + '/www/', filename: 'js/bundle.js' } } 

    I'm looking forward to any advice you guys might have. Also, have a happy New Year :)

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

    UX Best Practice - Better to close your eyes

    Posted: 31 Dec 2017 05:29 AM PST

    Boss has assigned me redesigning the company website. Help.

    Posted: 30 Dec 2017 06:24 PM PST

    My experience/education goes no further than a Udemy course and some Codecademy experimentation, but this is where I've landed myself (I'm a journalist in this organization...)

    The boss has a lot of out of touch expectations of people and here's mine, but I feel I can get through this. I have some questions which should get me on the right track and make it feasible, so that's where you folks can help.

    Company backgrounder: Science lab with commercial interests. Certainly not a commerce site, just a branding gig to show off the head of the lab and her credentials as well as the product to entice investors.

    1) I can't build from scratch - nowhere near that level. I feel like I could try my hand at editing a template and uploading appropriately. Is this a risky route to take with a commercial/investment entity at the core? Can we purchase a licence to use a template or is it most sensible to shell out a couple of grand to buy exclusive rights to a template (not sure they can afford this)?

    2) If I go the route of a WordPress template, what are the advantages? I understand some hosts provide services such as maintenance and upgrades to keep sites in check and free from hackers (WPEngine being one). Any opinions here? Design possibilities are limited but is it a safer, more efficient option given my lack of expertise?

    Honestly, if there are any hidden things you'd like to warn me about either option, please say. Thanks a million for reading and I look forward to what you have to say!

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

    DashVis is an Open-Source DashBoard built with Rails to organize your resources. That is, CRUD functionality with DataTables UI.

    Posted: 31 Dec 2017 10:37 AM PST

    Media Query Delineation/Divider

    Posted: 31 Dec 2017 10:30 AM PST

    Hi all. I have been working with Dreamweaver CC 2018 usually, and notice that one of my sites has a very very long stylesheet. All my media queries are buried within the sheet in different places. I was wondering if anyone knows of an option I can turn on, or other apps which help find media query code in your stylesheet quickly. For example, I would love if DW CC 2018 would mark the scroll bar with some colored line or something which would tell me this is where a media query starts, so I could quickly scroll to that section and modify if needed. Does anyone else have the same issue? or even a solution?

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

    All posts from WWW to NON WWW

    Posted: 31 Dec 2017 08:10 AM PST

    Hi all!

    I am working on my website now which is more of a hobby for me. So currently i transfer to new hosting, prolonged my domain and set up the cloudflare. My only issue is that in case if i go to the main page using www.site.com it redirects me to https://site.com, no problem here. Altough, if i go to any post (which opens as https://site.com/vernicepost) and if i manually add www (https://www.site.com/verynicepost) in my browser, it comes out with ERR_TOO_MANY_REDIRECTS

    Any idea how to fix it? I tried doing it via cpanel domain redirect, i chose to redirect to https://site.com/* and imagine, it redirects me to the link with the *.

    Any help appreciated.

    My current HTACCESS:

    # BEGIN WpFastestCache <IfModule mod_rewrite.c> RewriteEngine On RewriteBase / # Start WPFC Exclude # End WPFC Exclude # Start_WPFC_Exclude_Admin_Cookie # End_WPFC_Exclude_Admin_Cookie </IfModule> <FilesMatch "index\.(html|htm)$"> AddDefaultCharset UTF-8 <ifModule mod_headers.c> FileETag None Header unset ETag Header set Cache-Control "max-age=0, no-cache, no-store, must-revalidate" Header set Pragma "no-cache" Header set Expires "Mon, 29 Oct 1923 20:30:00 GMT" </ifModule> </FilesMatch> # END WpFastestCache # BEGIN GzipWpFastestCache <IfModule mod_deflate.c> AddType x-font/woff .woff AddOutputFilterByType DEFLATE image/svg+xml AddOutputFilterByType DEFLATE text/plain AddOutputFilterByType DEFLATE text/html AddOutputFilterByType DEFLATE text/xml AddOutputFilterByType DEFLATE text/css AddOutputFilterByType DEFLATE text/javascript AddOutputFilterByType DEFLATE application/xml AddOutputFilterByType DEFLATE application/xhtml+xml AddOutputFilterByType DEFLATE application/rss+xml AddOutputFilterByType DEFLATE application/javascript AddOutputFilterByType DEFLATE application/x-javascript AddOutputFilterByType DEFLATE application/x-font-ttf AddOutputFilterByType DEFLATE application/vnd.ms-fontobject AddOutputFilterByType DEFLATE font/opentype font/ttf font/eot font/otf </IfModule> # END GzipWpFastestCache # BEGIN LBCWpFastestCache <FilesMatch "\.(ico|pdf|flv|jpg|jpeg|png|gif|webp|js|css|swf|x-html|css|xml|js|woff|woff2|ttf|svg|eot)(\.gz)? $"> <IfModule mod_expires.c> AddType application/font-woff2 .woff2 ExpiresActive On ExpiresDefault A0 ExpiresByType image/webp A2592000 ExpiresByType image/gif A2592000 ExpiresByType image/png A2592000 ExpiresByType image/jpg A2592000 ExpiresByType image/jpeg A2592000 ExpiresByType image/ico A2592000 ExpiresByType image/svg+xml A2592000 ExpiresByType text/css A2592000 ExpiresByType text/javascript A2592000 ExpiresByType application/javascript A2592000 ExpiresByType application/x-javascript A2592000 ExpiresByType application/font-woff2 A2592000 </IfModule> <IfModule mod_headers.c> Header set Expires "max-age=2592000, public" Header unset ETag Header set Connection keep-alive FileETag None </IfModule> </FilesMatch> # END LBCWpFastestCache # BEGIN WordPress <IfModule mod_rewrite.c> RewriteEngine On RewriteBase / RewriteCond %{REQUEST_URI} !^/[0-9]+\..+\.cpaneldcv$ RewriteCond %{REQUEST_URI} !^/\.well-known/pki-validation/[A-F0-9]{32}\.txt(?:\ Comodo\ DCV)?$ RewriteRule ^index\.php$ - [L] RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteCond %{REQUEST_URI} !^/[0-9]+\..+\.cpaneldcv$ RewriteCond %{REQUEST_URI} !^/\.well-known/pki-validation/[A-F0-9]{32}\.txt(?:\ Comodo\ DCV)?$ RewriteRule . /index.php [L] </IfModule> # END WordPress # BEGIN WP Performance Score Booster Settings ## BEGIN Enable GZIP Compression ## <IfModule mod_deflate.c> AddOutputFilterByType DEFLATE text/plain AddOutputFilterByType DEFLATE text/html AddOutputFilterByType DEFLATE text/xml AddOutputFilterByType DEFLATE text/css AddOutputFilterByType DEFLATE application/xml AddOutputFilterByType DEFLATE application/xhtml+xml AddOutputFilterByType DEFLATE application/rss+xml AddOutputFilterByType DEFLATE application/javascript AddOutputFilterByType DEFLATE application/x-javascript AddOutputFilterByType DEFLATE application/x-httpd-php AddOutputFilterByType DEFLATE application/x-httpd-fastphp AddOutputFilterByType DEFLATE image/svg+xml SetOutputFilter DEFLATE </IfModule> ## END Enable GZIP Compression ## ## BEGIN Vary: Accept-Encoding Header ## <IfModule mod_headers.c> <FilesMatch "\.(js|css|xml|gz)$"> Header append Vary: Accept-Encoding </FilesMatch> </IfModule> ## END Vary: Accept-Encoding Header ## ## BEGIN Expires Caching (Leverage Browser Caching) ## <IfModule mod_expires.c> ExpiresActive On ExpiresByType image/jpg "access 2 week" ExpiresByType image/jpeg "access 2 week" ExpiresByType image/gif "access 2 week" ExpiresByType image/png "access 2 week" ExpiresByType text/css "access 2 week" ExpiresByType application/pdf "access 2 week" ExpiresByType text/x-javascript "access 2 week" ExpiresByType application/x-shockwave-flash "access 2 week" ExpiresByType image/x-icon "access 2 week" ExpiresDefault "access 2 week" </IfModule> ## END Expires Caching (Leverage Browser Caching) ## # END WP Performance Score Booster Settings 
    submitted by /u/Kogorashi
    [link] [comments]

    Vue.js review of 2017

    Posted: 31 Dec 2017 07:03 AM PST

    Promoting a blog for the purpose of ad revenue?

    Posted: 31 Dec 2017 06:01 AM PST

    I've recently built a satire news website with a friend of mine, mostly for fun but with a long term goal of making a little money on the side.

    I'm looking for advice on how I go about driving traffic to it, some things I've done so far:

    Setup a Facebook and twitter account Boosted a couple of posts through Facebook which has proven successful in terms of post engagements but not so much site click throughs Shared posts with friends and on forums Done my best in terms of SEO such as getting green on page speed insights, clean urls and engaging content

    Ad revenue is practically still non existent though (£0.05 a day for example)

    I'd appreciate advice on what else I can do to drive traffic in my general direction.

    (For anyone interested the url is Oxenmouth news )

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

    Looking for some backend advice

    Posted: 30 Dec 2017 10:35 PM PST

    Hello everyone. I've been studying hard for the past year or two, learning first C++ (formally) but also self teaching HTML/CSS and now JavaScript (was much easier after learning C++). I want to start building websites for side money (one day when I have time, I'm active duty military, a father of 2 little ones, and a full time student). I always find TONS of resources on web design or front end dev, but never really see anything on back end stuff. I would like to learn more about deploying a site once it is developed. I've dabbled with CPanel but when it comes to a web server I want to learn more. I'm sure I can Google this, and I probably still will, but I was hoping someone had a resource that came recommended. I always steered away from any terminology because it was unfamiliar but I recently realized it is a HUGE weak area and I want to face my fear finally.

    If you want a back story - I was talking to my friend who works as a junior JS developer and I informed him that I was going to build a (very simple) site for someone. He asked if I was going to use an apache server or use node. I had no answer to this question and it scared me. I've only ever logged into a GoDaddy account and dragged my few files in to the HTML directory.

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

    Upload solution ideas?

    Posted: 31 Dec 2017 04:27 AM PST

    Hi. Im working on a project to allow members of the public to upload videos from events which can then be edited. Wondered if anyone had any ideas on how best to facilitate this?

    File requests in dropbox is closest to what i am looking for but it's not real user friendly and doesnt allow multiple files to be selected at once.

    Google Drive forms are ok too but they have restrictions on users uploading big files needing to have a google account.

    Any suggestions would be amazing as i feel like ive looked under every rock out there...

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

    Need some customizations help for my Google blog

    Posted: 31 Dec 2017 04:12 AM PST

    Hi guys,

    Here's my blog:

    https://tmsharing.blogspot.com/

    Well, I'd like to know how to:

    1) Move "Posted by Author" to the left of header date & make the date format show as: 29/12/2017.

    2) Increase space between post content & Labels, and decrease space between RatingWidget & Labels.

    3) Separate posts from each other even if they were created on the same day.

    4) Move "Quick Edit Pencil" to the right of post labels.

    5) Fix the messed up display of "Blog Archive" links.

    6) Remove the short white line from the bottom of the shoutbox.

    Your help is extremely appreciated as always.

    Thank you so much in advance!

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

    Okay, now what...?

    Posted: 31 Dec 2017 03:20 AM PST

    <body> <div class = "coconut"> <div id = "lime"> </div> </div> </body> 
    submitted by /u/ChihuahuaJedi
    [link] [comments]

    What should I add to my shitty basic CRUD application?

    Posted: 31 Dec 2017 02:31 AM PST

    Following bunch of tutorials I managed to create basic node/express CRUD application.What should I add to make it not so basic and boring? Front end also needs work as it was written in Bootstrap 4,i'm thinking Vue.js here?

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

    Advice regarding sectioning with headers?

    Posted: 30 Dec 2017 06:31 PM PST

    This may be a basic question, and I do sort of have my own way of doing it (as it seems most people do), but I'd like some advice regarding sectioning headers. For example, knowing what you should put as an h3 to an h2, etc etc. I've seen people do it a variety of different ways, and I have my own way of deciding what gets to be the sub header of another header, but I always like hearing about other people's approaches to things so that I can improve upon mine. What approach do you take for dealing headers and determining what is a sub header to another header? Thanks in advance!

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

    Interested in your approach - hundreds of live bindings

    Posted: 30 Dec 2017 06:27 PM PST

    Hey y'all. I'm working on a bit of a practice project. The core of which is an interface where a few hundreds values are show in the browser and various users can update them at any time. After some back end processing the update versions should appear on the other users' browsers.

    My web dev experience is full-time deep HTML and CSS, vanilla javascript, jQuery and PHP w/ Laravel. I've also worked on fixes and maintenance for a few Angular projects.

    I'm interested in building this in a way that scales and uses something up-to-date rather than what my current experience would lead me to which is basically an AJAX setInterval() feeding data in and pulling it out.

    I imagine what i need is some kind of javascript frontend framework which can bind to the database where the values are stored and get them as needed. How would you piece this together if the concept was yours? Laravel for backend management and processing, some kind of sockets style thing to the front end and Vue.js? They're the keywords coming up for me but I don't have that much experience or knowledge of how they come together.

    TIA /rant

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

    No comments:

    Post a Comment