• Breaking News

    Monday, August 6, 2018

    The Complete Illustrated Flexbox Tutorial web developers

    The Complete Illustrated Flexbox Tutorial web developers


    The Complete Illustrated Flexbox Tutorial

    Posted: 06 Aug 2018 05:31 AM PDT

    I made a simple browser-based TV episode viewer/player for local files. I wasn't sure where else to share it, but it made me happy. (Github link in the comments)

    Posted: 06 Aug 2018 06:33 AM PDT

    [Case Study]: How to develop a travel booking service: 5 lessons from the PADI development team

    Posted: 06 Aug 2018 05:52 AM PDT

    Seriously, though. What is a progressive web app?

    Posted: 06 Aug 2018 10:14 AM PDT

    Web developers of Reddit, what's the most complex, sophisticated application you've ever seen that was built with jQuery?

    Posted: 06 Aug 2018 10:49 AM PDT

    What technique of development/production-version architecture while developing is used most often now?

    Posted: 06 Aug 2018 12:34 PM PDT

    Before I used SASS, React, ES6, or any other language that needed to be compiled first so that a browser could render, my process was the following:

    • Write my HTML/CSS/Javascript code, testing it in the browser with live reloading as I go
    • Then use build tools to create a minified/concatenated distribution version for production.

    But now with things like SASS, React, ES6, JSX, etc. these languages need to be compiled to be rendered in the browser while developing. So using technologies like webpack or grunt/gulp, these languages can be compiled in real time so you can see your rendered web app as you develop.


    So from this, it seems there are two techniques.

    1) To have a distinct "development directory" and then a "production directory". You develop from within the "development directory" and run your localhost from there. If you have sass/es6/jsx/etc then it is compiled to normal css/js into THAT SAME folder.

    You then create the "production directory" with concatenating/minifying your code and copying over only your needed files (not the sass/jsx/etc files)

    Both folders can run your web app, but are versions that can run on a browser, but one is all the distribution-ready versions and thats the primary difference.

    2) The other way is to have two folders again. Say a "source directory" and a "build directory". You develop in the source directory, but all the things that need to be compiled like sass/es6/jsx/etc are compiled INTO the build directory. So the key difference is that you only have one literal "version" of the web app that can run in the browser (thats the build directory). But this technique means its less confusing and there is only one version to worry about and seperates compiled vs development code. You most likely have to do things like "mapping your source/index.html over to the build/index.html" I assume. I see this technique in things like 'create-react-app'


    Is there a clear dominate technique in development architecture? which do you normally use? or is this just nonsense talk?

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

    What are your favourite open APIs?

    Posted: 06 Aug 2018 11:17 AM PDT

    Creating a date string that would output Election Day on WP site

    Posted: 06 Aug 2018 03:45 PM PDT

    I was assigned to update every state (page) to have the updated election day, for example:

    https://dev.signvote.org/states/alabama

    Granted, it is a big headache to update every state and making sure every "Nov 8" is being replaced with "Nov 6"

    Is there a plugin or a function where I can replace the month and date of the election day? Right now, the page is created via Cornerstone and X theme. Any helps would be appreciated. Thanks!

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

    Modern local development environment?

    Posted: 06 Aug 2018 11:57 AM PDT

    I've been using MAMP Pro on OSX for a while now but I've getting more and more fed up with the bugs, crashing plus the fact that a recent update deleted all my databases, so I'm looking at moving to something else.

    What are people using for their environment these days? I've heard of Docker and Vagrant but I'm worried that these might be too complicated to set up and manage. I'd need the usual, MySQL, SSL certificates for each site, and different PHP versions for each as well.

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

    What’s your favourite Headless CMS and why?

    Posted: 06 Aug 2018 03:38 PM PDT

    Hello! I've been looking for a new headless CMS. For now it's just for a blog, but I'll be building things for clients too (so it should be somewhat straightforward to a non technical person)

    What experience do you guys prefer? And why?

    I've seen Flamelink CMS and it's looking pretty tasty

    submitted by /u/vue-rocks
    [link] [comments]

    Yoast seo for Static websites not wordpress

    Posted: 06 Aug 2018 03:37 PM PDT

    Hello people of the reddit.
    I heard that you could add Yoast SEO as a <script> in html but i am not able to find a way on how to do it!

    Could anyone of you provide me of a way and is it effective ?

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

    Modern component reusability: Render props in React & scoped slots in Vue

    Posted: 06 Aug 2018 09:23 AM PDT

    Building a “Mask Toggle” Password Input Component w/ React and Material UI

    Posted: 06 Aug 2018 02:33 PM PDT

    Jekyll image gallery using PIG (Progressive image gallery)

    Posted: 06 Aug 2018 02:30 PM PDT

    Figured I’d post this here!

    Posted: 06 Aug 2018 10:15 AM PDT

    Looking for a cloud solution for metrics

    Posted: 06 Aug 2018 01:10 PM PDT

    Hello /r/webdev

    I'm looking for a cloud solution that lets me feed it with data and then they make the metrics for me.

    Something like this: https://signalfx.com/

    Now, this is a tool for DevOps, I want metrics for things not technological, for example: sales, calls, etc.

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

    Suspicious Review Ratings on Udemy

    Posted: 06 Aug 2018 01:10 PM PDT

    How do I get an HTML dropdown menu to dynamically populate depending on the selection of a previous one?

    Posted: 06 Aug 2018 12:38 PM PDT

    I am programming a series of drop down menus that when the user selects an option, will determine the contents of the one next to it. I want it to dynamically populate in accordance to what was selected in the previous menu. And I want the contents of the dynamically populated menu to pull it's data from a database (MySQL). I have tried several things and finally given up google searching because there isn't any answers to this problem. I know javascript is capable of re-populating dropdown menus from json data and text files but since javascript is a client-side scripting language, it is unable to interact with the MySQL database to fetch the data that will populate the next dropdown menu. I am stuck and would really appreciate the help here. I am creating a web application in a LAMP stack model.

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

    Adobe Photoshop Uses?

    Posted: 06 Aug 2018 12:34 PM PDT

    I'm currently a student majoring as an Internet Specialist-web site design. I was mainly wondering how much use will I be using adobe photoshop for web graphics. (Currently for my class I'm having to use Adobe Creative Cloud) which is new territory for me. Instead of paying monthly I just don't understand why not pay for the program if I'll be using in for future projects.

    My apologies for the ranting.

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

    Dumb Question

    Posted: 06 Aug 2018 08:45 AM PDT

    Hey guys, I'm building a web app with php and want to minimize the use of javascript. Ideally I'd like to not use it at all but I still want some parts of the user experience to be smooth (Not jarring). So my question is can I do something like toggle the display of a textarea by clicking a link/button without javascript?

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

    JavaScript Engines: The Good Parts

    Posted: 06 Aug 2018 06:19 AM PDT

    Language Matching Website/App

    Posted: 06 Aug 2018 12:16 PM PDT

    I'm still pretty virgin to web design--I made one basic html website back in high school, but outside of that, I could use a lesson or two. I work at my University's English language center, and we have a program where we match up students wanting to improve their English with other students looking to learn another language. Right now, we just have a paper to fill out and the rest is done manually. I was wondering if anyone knows of an app or website that allows for a small community (those who want our program) to sign up and match them with their desired language, kind of like a Tinder algorithm, but less personal--I want to discourage any bias.

    If anyone has any recommendations, let me know. I would like something like Tandem or HelloTalk, but with a match feature and centered locally for our college campus.

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

    Any simple website or single page templates made just out of accordion?

    Posted: 06 Aug 2018 11:40 AM PDT

    I currently have a simple index.php file that reads from a text file to show the status of my server and any news or updates. It's a pain to edit the text file every time when I want to put out a longer message. I was looking at some simple FlatFile CMS but nothing really caught my eye. I really dig accordions and was wondering if there are already some template or websites already made to display updates/serevr status with just accordions.

    I just thought that it'd be much faster and simpler to use a CMS system to create the accordion than to manually edit one

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

    Let’s Build a Pizza Store with Akita — State Management for Angular Applications

    Posted: 06 Aug 2018 11:15 AM PDT

    No comments:

    Post a Comment