• Breaking News

    Sunday, March 10, 2019

    I created a CSS effects Snippets website with Vue.js! web developers

    I created a CSS effects Snippets website with Vue.js! web developers


    I created a CSS effects Snippets website with Vue.js!

    Posted: 10 Mar 2019 09:15 AM PDT

    I'm working with CSS effects very often right now, so I decided to create a website where I will store all the effects that I have used, to just have them in one place.

    You can have a look if you want to, maybe you like them and will use them in the future.

    I'm planning to add a lot new effect in the upcoming weeks.

    If u have some nice effects you want to share, just submit a pr! 🎉

    It's my first Vue.js so let me know what you think about it!

    https://emilkowalski.github.io/css-effects-snippets/

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

    Alibaba sniped domain as soon as I looked at it.

    Posted: 09 Mar 2019 11:16 PM PST

    So I was looking at the domain First.Design, thought it was pretty cool and was going to check out. Then it goes from being available to purchased. Google domains give you the registrar info, and it turns out Alibaba purchased right after I saw it.

    This doesn't really seem like coincidence to me. I assume Google passing on this info to its buyers who then buy the domain and jack up the price? If so, makes it hard to think about a domain, better to just buy immediately.

    Domain Name: FIRST.DESIGN Registry Domain ID: D95887709-CNIC Registrar WHOIS Server: grs-whois.hichina.com Registrar URL: Updated Date: 2019-03-08T09:42:15.0Z Creation Date: 2019-03-08T09:20:12.0Z Registry Expiry Date: 2020-03-08T23:59:59.0Z Registrar: Alibaba Cloud Computing Ltd. d/b/a HiChina (www.net.cn)

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

    Oh Shit Git! – A cli tool to help you unfuck your git mistakes

    Posted: 10 Mar 2019 12:58 PM PDT

    Had this mouse interaction in my head for a while so I wrote a quick post about my implementation. Link in comments.

    Posted: 10 Mar 2019 03:37 PM PDT

    Even Apple makes mistakes in production

    Posted: 10 Mar 2019 08:20 AM PDT

    The iPhone link is missing in the navigation on Apple's homepage (today at 11:15 AM EST).

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

    Which third party scripts are slowing down the Web?

    Posted: 10 Mar 2019 05:18 AM PDT

    Helping wife with a career switch: becoming a web developer

    Posted: 10 Mar 2019 11:52 AM PDT

    Hey all!

    My wife is doing a career change. We moved to a different country and it's been hard for her to adapt and find a job in her area. I'm a developer, with more or less 6 years of exp. Went to college for this and all that (not CS though). Since I'm a developer, I'm aware of how the job market for developers is where we live. We have some friends and they recently got their first programming job, without having a degree and that made us more or less make the decision of her moving into programming as well.

    I'm trying my best to teach her programming. I more or less "decided" for her to start with JavaScript since it's relatively easy and she can build stuff and see the results. I think that's really powerful because it gives gratification and keeps you focused and motivated. I didn't really think about her actually going to uni because that would take a few years and honestly not sure if it would make too much difference. I know she will not have most of the foundation which is important but, it's just not optimal right now. We are looking for something in the short term, like 1 year maybe if possible.

    Anyway, she has gone through some courses, mainly about logic and JavaScript in general, then she moved to basic HTML/CSS. But I really see that she struggles with logic sometimes and when she needs to "put everything together". I've found a university programming class exercise list and gave it to her so she could practice (stuff like control flow, loops and so on). She did them which was awesome, but most of the time she was stuck on very simple things that I thought she had understood previously. Example: She would declare a variable inside a for loop and wanted to access it outside.. or when she needed to return multiple values from a function (using Objects, for example) or using arrays.

    I want to be there for her and help her succeed, but sometimes it's really hard because I can't see how she doesn't get it. I know I've been through this and I know it's a lot to process, but I'm feeling that I'm failing her and not being a good teacher somehow. She is excited to learn, but sometimes she gets really down because it's too much to learn (and I know it is..) and can't really see the light at the end of the tunnel.

    She's going to be at home now, full time to just study and I'm afraid of her not being able to study by herself. When things are not working, it's easy to feel demotivated and succumb to shit like Facebook or Instagram and we can't really afford that. This will be like an investment for her future, and of course for our family.

    Does anyone here has gone through something similar? I guess at this point I'm looking for something we could use to keep her focused and on track. She's looking at courses on sites like Udemy, Codeacademy, Exercism (she had a hard time doing some of the basic exercises..) she bought the Eloquent JavaScript book and started reading it. I'm also looking for advice on how to keep myself patient and calm throughout the process which I'm discovering to be really hard!

    Edit: Maybe I wasn't clear enough but I didn't force her in doing anything. I suggested the idea of pursuing a development career a year ago, and after being in a shitty job and having friends in common which got into programming without prior knowledge made her want to do this. She's finding tutorials, doing simple websites on her own and showing them to me when I get home. So, she is excited and eager to do this. It is definitely not the case of: "Oh well, let's do this programming thingy because I guess this can lend me a job easily"

    Sorry for the long, mumbling non-tech post. Thanks in advance!

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

    How do I stop feeling imposter syndrome?

    Posted: 10 Mar 2019 04:21 PM PDT

    I've been working as a Front End Developer for almost a year at this point and I was promoted to Lead within 2 months of being at the company. I should also mention that I'm a college student. I was recently offered a job that pays $10 an hour more and is also willing to work around my school schedule.

    Where I'm living now, I can comfortably cover my bills and save while still having money left over. The responsibilities for my new job also lean more full stack than front end, and while I'm willing to learn I'm afraid that I may be really slow compared to everyone else who works there. I'm trying to learn as much as I can before I start so I'm not too far behind but I'm afraid it might not be enough.

    Essentially I'm afraid that on my first day it will take me a bit to get to speed, and they'll say that I'm not a developer and I'll be out of a job. My friends at my current job say that I'm freaking out about nothing, and I'm definitely an anxious person so that could partially be it but I've gotten depressed thinking that I could lose a well-paying and flexible job because I'm not good enough.

    Writing this is letting me get out some steam, but what do you all do when you're in a similar position?

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

    I collected performance benchmarks of a few popular hosting services

    Posted: 10 Mar 2019 01:16 PM PDT

    I spent some time this past week running benchmarks on popular web hosts in an attempt to understand how they stack up to each other and better understand what price vs performance they offer. With the popularity of virtual servers, I'm never sure what I'm getting when a hosting company says 2 or 4 or 6 CPUs. It would be great if they could publish peer-reviewed benchmarks.

    I'm sure that other people have already done this in a much better way, but I thought some of you might still be interested in the data I collected.

    Benchmark

    I used the PassMark CPU Benchmark. On most servers I ran the test twice and kept the better result. Other times I only ran it once. I know this is very unscientific, but subsequent tests didn't appear to change the outcome too much and I could hear the usage fees piling up so I felt rushed.

    I couldn't fit all of the columns in the tables below, but you can see the full spreadsheet here.

    The servers

    In my particular situation, I'm looking for a new server to host our SQL Server database, so the monthly rates are quite a bit higher due to the licensing costs.

    Company Name Monthly Cost RAM HDD
    My Dev PC i7-6700K @ 4GHz $0.00 16GB 500GB
    Google 8 vCPU $498.02 30GB 150GB
    Amazon m4.xlarge $411.45 16GB 150GB
    Amazon m5.xlarge $411.45 16GB 150GB
    Google 6 vCPU $367.44 16GB 150GB
    GearHost Xeon E5-2690 @ 2.9GHz $354.99 8 GB 150GB
    LiquidWeb Xeon E3-1270 v5 @ 3.60GHz 4 Core $289.00 16GB 220GB
    Google 4 vCPU $252.01 15GB 150GB
    Amazon m5.large $244.28 8GB 150GB
    Amazon t2.medium $227.49 4GB 150GB
    Google 2 vCPU $145.07 7.5GB 150GB
    Amazon t2.small $122.37 2GB 150GB

    Memory Benchmark

    Server Memory Read Cached (MBytes/Sec.) Memory Read Uncached (MBytes/Sec.) Memory Write (MBytes/Sec.) Memory Latency (ns (lower is better)) Composite
    My Dev PC 29,772.60 17,248.40 12,505.40 24.00 2,993.00
    LiquidWeb 25,254.30 14,557.40 11,428.60 24.70 2,544.60
    Amazon m4.xlarge 20,070.90 9,175.60 7,050.10 35.90 1,898.00
    Amazon m5.xlarge 19,102.40 8,837.70 7,731.00 37.40 1,866.60
    GearHost 17,499.30 8,523.40 6,127.40 40.60 1,642.70
    Amazon m5.large 19,873.60 8,582.20 8,000.00 37.30 1,626.80
    Amazon t2.medium 19,831.80 8,403.10 8,564.00 35.70 1,540.40
    Google 8 vCPU 18,557.20 5,478.20 5,946.60 69.10 1,373.40
    Google 6 vCPU 18,399.70 4,937.30 5,574.20 58.50 1,371.80
    Google 2 vCPU 18,731.30 6,362.90 6,612.20 48.30 1,327.30
    Google 4 vCPU 19,008.70 5,062.60 5,378.20 62.60 1,296.90
    Amazon t2.small 19,517.50 8,148.90 8,492.30 35.90 919.30

    CPU Benchmark

    Server Prime Numbers (Million Primes/Sec.) Compression (KBytes/Sec.) Encryption (MBytes/Sec.) Sorting (Thousand Strings/Sec.) CPU Single Threaded (MOps./Sec.) Composite
    My Dev PC 30.10 15,549.20 2,678.30 9,495.20 2,436.80 11,513.20
    LiquidWeb 26.20 13,882.40 2,355.70 8,405.30 1,599.40 8,791.10
    Google 8 vCPU 28.20 10,263.00 1,736.20 6,184.30 1,467.30 8,083.50
    Google 6 vCPU 19.70 7,694.30 1,288.90 4,668.40 1,529.30 6,359.70
    GearHost 19.60 6,760.80 945.70 4,390.90 1,638.40 5,905.80
    Amazon m5.xlarge 22.60 5,629.60 969.40 3,510.90 1,699.50 5,308.20
    Amazon m4.xlarge 21.80 5,173.60 721.80 3,069.00 1,572.90 4,705.90
    Google 4 vCPU 18.80 5,132.00 867.30 3,078.10 1,516.70 4,636.30
    Amazon t2.medium 19.90 3,497.90 530.70 2,219.20 1,612.40 3,614.80
    Amazon m5.large 11.80 2,690.20 462.80 1,691.00 1,717.20 2,754.00
    Google 2 vCPU 7.30 2,545.50 430.40 1,535.00 1,507.30 2,403.80
    Amazon t2.small 3.60 1,647.70 212.00 1,101.70 1,598.70 1,600.60

    Disk Benchmark

    Server Disk Sequential Read (MBytes/Sec.) Disk Sequential Write (MBytes/Sec.) Disk Random Seek + RW (MBytes/Sec.) Composite
    My Dev PC 507.60 479.30 293.80 4,631.40
    LiquidWeb 414.60 189.90 175.80 2,822.00
    GearHost 424.80 32.30 37.00 1,786.90
    Amazon m5.large 130.10 128.60 96.80 1,285.30
    Amazon m5.xlarge 127.30 128.10 95.80 1,270.30
    Amazon m4.xlarge 91.80 90.50 98.30 1,015.00
    Google 2 vCPU 120.00 120.30 28.00 970.50
    Google 4 vCPU 119.50 120.40 28.10 969.00
    Google 6 vCPU 120.10 119.80 28.00 968.90
    Google 8 vCPU 116.70 117.90 27.40 947.70
    Amazon t2.small 62.60 61.90 98.20 805.50
    Amazon t2.medium 62.70 61.20 98.30 803.80

    Conclusions

    We are currently using GearHost and they performed okay. I was really hoping that Google would have performed better because their UI was my favorite of the bunch, but their lackluster performance on the memory and disk IO is worrisome. Amazon seems expensive for what they're offering. From my unscientific and poorly executed benchmarks, it looks like Liquid Web is the clear winner for this price range.

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

    Web Developer starter - best technologies to learn 2019?

    Posted: 10 Mar 2019 04:52 PM PDT

    Hi r/webdev,

    Basically I am a Computer Science graduate as of 2017 and haven't really been coding at all since I graduated - worked some generic office jobs and went travelling for 6 months.

    I have recently realized that I my real passion is for design, and the best way to combine my CS background and design (to get a decent job) would be to do Full Stack Web Development. However, my CS course barely touched on FS web development, much to my dismay, rather it focused on real computational theory and Java programming. So I kind of have to start from the bottom up, I mean I know a bit of CSS, HTML and Javascript from multimedia modules at Uni, but not enough to get a job.

    With that in mind, I am currently about halfway through Colt Steele's Web Developer BootCamp course on uDemy and really enjoying it so far, but I've been reading a lot of stuff recently saying he only goes skin deep on a wide range of different web technologies. So I was wondering if anyone had any knowledge of what web technologies would make me desirable to an employer in 2019, that I could then pursue after I've finished this course?

    TL;DR - want to learn full stack web development (have a CS degree) - what technologies would be good to learn in 2019?

    Thanks guys

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

    Would it matter if my Google Maps API secret key is in my front-end code if I have restricted it to my IP address? Can people still abuse it somehow?

    Posted: 10 Mar 2019 07:06 AM PDT

    So in order to use Google Maps API, the first thing you need to do is add this line of code before the closing </body> tag

    <script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap" async defer></script> 

    As far as I understand, this means anyone can see my key, so in order to secure it I need to "specify the IP addresses, referrer URLs, or mobile apps associated with each key, you can reduce the impact of a compromised API key."

    The other instance where my key might go public is if I upload my code to GitHub. I understand that you're supposed to not upload the key to GitHub, however, what is the point of hiding the key when anyone can access it anyway since it's used the front-end?

    Can someone abuse my key if I've specified that only my IP address can use the API key? Is there anything else I should look out for? All I want is to upload my Vue.js app to GitHub pages but I'm reluctant thanks to the API key shenanigans

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

    Best way to create diagram/map of a floor with shelves?

    Posted: 10 Mar 2019 12:14 PM PDT

    Hi, I am working on a project about representing a physical storage and I need to build something like in the following images:

    https://i.imgur.com/HzS0JG7.jpg?1

    https://i.imgur.com/3rpG8XQ.jpg

    https://i.imgur.com/2D11MPZ.jpg?1

    Each photo is a floor. Everything that is colored is a shelf that has a specific position (floor number, row number, column number, and shelf number).

    All these info about each shelf is stored in a database, alongside with additional info about each shelf(what is inside, how many documents and how much % of the shelf is full). I need to attach these data to each shelf and make them all interactive (click).

    I am thinking about building everything manually from scratch in html, but it will take a very long time, counting the fact that there are more than 20 floors.

    Is there a way in Javascript or PHP to create each floor more efficiently? Could these shelves be mapped to an array, and then build the markup from said array? The issue is that each floor has different dimensions, as such I don't think there is a common measurement unit.

    I am only interested in the shelves, all other drawings(elevators, rooms, ecc..) are not required.

    Thank you

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

    How do you make sure everything is disclaimed properly and legal, when making an website?

    Posted: 10 Mar 2019 02:52 PM PDT

    Hope this isn't off-topic.

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

    Quick question. Why is the server "Firewall"?

    Posted: 10 Mar 2019 05:12 PM PDT

    Weekly Coding Challenge - Make Users Feel Welcome. Details and Entries through discord. $10 Amazon GC for winner.

    Posted: 10 Mar 2019 04:53 PM PDT

    Any Mac Users want to switch to PC?

    Posted: 10 Mar 2019 01:07 PM PDT

    Just wondering if any mac users out there feel a little bit of envy for the options in hardware that pc users have. I feel like I am just married to the apple ecosystem because of how everything I need to run as as developer usually "just works". I know that a lot of you run linux distros, but I just don't feel like that is as user friendly. I am constantly seeing my peers who run Fidora or Unbuntu have driver issues or not having the software options that mac or windows users have. I can not run windows. Even with git for windows or the Unbuntu shell overlay thing I see some people run. I don't know how often I hear someone say "well it worked on my mac" and the PC user can not get a build to work for them. I am not an apple supremest or anything, I am feeling fed up with being married to whatever design choice apple makes. I just can't see myself making the switch when the mac works well out of the box for most everything I do. If I had my choice of hardware I would get a thinkpad x1 carbon over my macbook pro for sure, but the switch away from apple is hard for me to commit to. Enough ranting, Anyone else feel this way? Have any of you made the switch? What has your experience been? I would love to know what other people are doing.

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

    What to learn - Vue vs ReactJS vs AngularJS vs Angular?

    Posted: 10 Mar 2019 09:10 AM PDT

    Hello. I have solid knowledge of HTML & CSS (~400 hours, a lot of them dedicated to JavaScript) and I am soon going to finish a paid complete JS course (including ES6, async, DOM and so on).

    I want to be a front-end web developer. What should I learn now with the goal of finding a job?

    (I need to find a job as soon as possible [both React and Angular jobs are available here though im willing to work remote if possible]. I'm pretty sure I will have enough of experience in about two-three months as I am learning web development from december of 2018 for about 30 hours/week.)

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

    Caching issues

    Posted: 10 Mar 2019 04:37 PM PDT

    Alright, first of all I do know about caching. But not much.

    I've just updated my whole website, however it all looks weird and no images loads. I know, that's because of caching. I've cleared the cache myself and it works.

    But I'm thinking about other people, who have already been on the new site. When will they be able to see the changes without images not loading etc? Would it work in a few hours?

    (BROWSER CACHING)

    Thanks!

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

    Books to compliment FreeCodeCamp

    Posted: 10 Mar 2019 03:38 PM PDT

    Does anyone have any recommendations for books to go along with the course? I picked up a CSS book that includes Flexbox, but all the HTML books seem to be 5+ years old and I haven't started the Javascript parts yet.

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

    Storing Client Information

    Posted: 10 Mar 2019 05:52 AM PDT

    I freelance on the side of my full time job, currently have 40 odd clients I have built sites for and manage on-going.

    Currently I store all information related to the client on Confluence which is handy, things like domain, servers, shared hosting (if the client already had it) etc. etc. but my Confluence is running on an old server, I cant be bothered maintaining the server or the Confluence deployment anymore SO I am looking for another solution.

    Just wondering how others handle this? I have had a look at a few online note services but none really did it for me... but curious to see how others are handling this.

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

    Tenon.io blog | Tenon's new website: Technical challenges and triumphs

    Posted: 10 Mar 2019 02:29 PM PDT

    Stages after front-end

    Posted: 10 Mar 2019 02:14 PM PDT

    So I'm ok with html, css and js but I'm interested to know the next stages and the back end. Once I create a functioning website in my browser using html, css and js what are the next steps to make it an official website and for others to be able to see it on their search engines.

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

    Share your recent interview project/coding challenge

    Posted: 10 Mar 2019 02:01 PM PDT

    I'd like to see what kind of projects/coding challenges people are given at different experience level and roles.

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

    [VanillaJS] Alert &amp; Hover Popup (Tooltip) plugins

    Posted: 10 Mar 2019 01:08 PM PDT

    No comments:

    Post a Comment