code

Web Directions Code ’20 session spotlight–JavaScript debugging the hard way

JavaScript debugging the hard way Marcin Szczepanski, Principal Developer Atlassian Error on line 1, column 6532112 of bundle.js? Out of memory error trying to load a CPU profile into the Chrome debugger? Two minutes to see wait and see if a change you made fixed a bug? While upgrading our complex web application from Webpack […]

The post Web Directions Code ’20 session spotlight–JavaScript debugging the hard way appeared first on Web Directions.




code

Web Directions Code ’20 session spotlight–Making Single Page Apps Accessible

Making Single Page Apps Accessible Jess Budd, Front End Developer HBF Javascript frameworks get a bad rap when it comes to accessibility. But is it the frameworks creating the barriers, or us as the developers? Follow me on a journey through div soup, past the lost focus and under the unchanged titles. Find out: is […]

The post Web Directions Code ’20 session spotlight–Making Single Page Apps Accessible appeared first on Web Directions.




code

Web Directions Code ’20 session spotlight–Know Your HTML

Know Your HTML Chris Lienert, Front End Technical Lead Iress HTML didn’t stop at version 5 and it continues to evolve. Chris Lienert will review a number of HTML elements and attributes that are new and (somewhat!) ready to be used. About Chris Lienert Chris started out as a web developer when Netscape ruled the […]

The post Web Directions Code ’20 session spotlight–Know Your HTML appeared first on Web Directions.




code

Web Directions Code ’20 session spotlight–The State of the DOM

The State of the DOM Marcos Caceres, Standards Engineer Mozilla The DOM, while not quite as old as the Web itself, has been with us for the entire professional lifetime of almost every web developer. But its far from fixed in stone. Now the responsibility of the WHATWG it continues to evolve in response to […]

The post Web Directions Code ’20 session spotlight–The State of the DOM appeared first on Web Directions.




code

Web Directions Code ’20 session spotlight–Evolving Web APIs for everyday developers

Evolving Web APIs for everyday developers Michael Mifsud, Senior platforms engineer Redbubble JavaScript is evolving quickly, and with it so the Web APIs. In just a few years it’s grown from humble callbacks to include generators, async iterations, and async functions. With this growth has come fragmentation not just in the availability of APIs but […]

The post Web Directions Code ’20 session spotlight–Evolving Web APIs for everyday developers appeared first on Web Directions.




code

Web Directions Code ’20 session spotlight–Tuning web performance with just browser APIs

Tuning web performance with just browser APIs Yaser Adel Mehraban, Lead Consultant Telstra Purple As web applications become more complex, with a corresponding increase in required bandwidth and bundle sizes, to meet users’ expectations the need to consider web performance has never been more important. Yes, there are third-party tools that can help with performance […]

The post Web Directions Code ’20 session spotlight–Tuning web performance with just browser APIs appeared first on Web Directions.




code

Web Directions Code ’20 session spotlight–Web Assembly at the Edge

Web Assembly at the Edge Mark Nottingham, Principal Engineer Fastly Full session details coming soon About Mark Nottingham Mark Nottingham has helped develop the Web and the Internet since the late 90’s. He has written, edited or substantially contributed to more than twenty IETF RFCs and W3C Recommendations about topics like HTTP, caching, linking, Web […]

The post Web Directions Code ’20 session spotlight–Web Assembly at the Edge appeared first on Web Directions.




code

Learn to code HTML & CSS : develop & style websites / Shay Howe

Howe, Shay, author




code

How to Fix ESLint Errors Upon Save in VS Code

Two of the most prominent utilities in web development today are ESLint and Microsoft’s Visual Studio Code. I enjoy using both, and I love the integration between both tools, but warnings from ESLint inside Visual Studio Code aren’t fulfilling — I’d rather lint errors be fixed each time I save. Complete the following steps to […]

The post How to Fix ESLint Errors Upon Save in VS Code appeared first on David Walsh Blog.




code

The culture code : the secrets of highly successful groups / Daniel Coyle

Coyle, Daniel, author




code

Model code violation: Case filed against Adhir

Following directions from the State Election Commission, Murshidabad district''s Returning Officer Monday lodged police a complaint against Union Minister of State for Railways Adhir Chowdhury for his speech during a public meeting on October 27 there.




code

Cracking the cotton code

Genome sequence drafted, scientists on evolution trail




code

Connecting VS Code to an EC2 Instance Using Remote – SSH

I use VS Code almost exclusively now. It’s the best editor for Angular and TypeScript and that’s where I spend most of my time these days. It’s also a pretty good all-around editor, so even when I’m not working in TypeScript I still use it. I recently found the need to edit a WordPress theme […]




code

Enabling CodeIgniter's Garbage Collector

My session driver of choice for CodeIgniter is database. A while ago, I noticed millions of rows in the corresponding database table. That means that garbage collector was not working. I checked config.php for sess_regenerate_destroy, but it was already set to false. It was really weird because the problem seemed to have come out of nowhere – not much ago things were working just fine.

After a short investigation, I found out this was and still is a common problem for those who had upgraded their CodeIgniter version from 2.x to 3.x. Turns out, the later possesses heavy changes for Sessions library. And most importantly – fundamental changes in dealing with garbage: CodeIgniter 3.x relies on PHP's native grabage collector. So, in order to get things working again, we need to configure PHP properly.

The Solution

Today there are three PHP-native settings for dealing with session garbage collector. CodeIgniter's Session library has already taken care of one of them – gc_maxlifetime – so there's no need for an extra touch here. The problem lies within the rest: session.gc_probability and/or session.gc_divisor. These two determine when the garbage collector is running. Here's what php.net says:

session.gc_divisor coupled with session.gc_probability defines the probability that the gc (garbage collection) process is started on every session initialization. The probability is calculated by using gc_probability/gc_divisor, e.g. 1/100 means there is a 1% chance that the GC process starts on each request.

In my case, using ini_get() revealed the following values: 0 and 1000. The equation 0/1000=0 meant there was no chance the garbage collector would even run.

Finally, I solved the problem by using the values officially stated as default and by putting the following lines of PHP code into config/config.php file:

ini_set( 'session.gc_probability',	1 );
ini_set( 'session.gc_divisor',		100 );

Theoretically, this means that the garbage collector usually runs once every 100th request. It's more than enough, but it is up to you whether that causes too many unnecessary hits to database. An alternative solution for heavy-traffic websites could be having a 0% probability on the production site and a Cronjob-based script which removes database rows of the expired sessions.




code

Codefellas - When Topple met Winters

WIRED's new animated series takes you inside the secretive world of a slightly askew NSA, with the eccentric Agent Topple, played by John Hodgman, and his young hacker protégé, Nicole Winters.




code

Codefellas - Meet Big Data

Agent Topple reveals a few tricks of the pre-digital trade when Winters attempts to explain to him how computers work. Agent Topple is Not Impressed.




code

Codefellas - How To Hack a Website

Nicole finally gets a chance to hack into a personal email, only to find herself in the bowels of Agent Topple's locked messages from the 90s. As imagined, this is unfortunate.




code

Codefellas - The Antisocial Network

After an urgent alert from the PRISM program followed by a shocking revelation from Nicole, Agent Topple doesn't not panic.




code

Codefellas - Spy vs. Spy

After recently discovering Winters is actually his supervisor, Agent Topple mobilizes the full power of the National Security State to neutralize this inconvenient threat on his own security. All while catching up on his “stories,” also known to many as the illegal surveillance of private citizens in the comfort of their own home. This is surprisingly stimulating.




code

Codefellas - Blackmail at 4:20

Nicole strikes back with a hefty dose of new-school espionage, but Topple is not to be outdone. Hint: you can't topple Topple 'cuz Topple don't stopple!




code

Codefellas - 25 Reasons the NSA Should Hire Buzzfeed Staffers

After Nicole debunks Henry's Buzzfeed logic, he must chose between destroying all electronic music or preserving Downton Abbey.




code

Codefellas - How to Kill Your Boss

Topple settles into his new role as a cyber-spy, but hold on to your tequila sunrise: a hangover from his swinging '70s past leaves him odd-man-out at the counter-intelligence key party ... until his target conveniently "disappears."




code

Codefellas - How to Hack a Telegram

Hot on the trail of a devastating computer virus, Topple and Winters burn the midnight oil. Are the North Koreans sending encrypted telegrams or has Kim Jong-un taken up beat poetry?




code

Codefellas - How to Cheat to Win

Nicole accuses Topple of treason and Topple plays the class card. But do average Americans really want to live in world where elites are held to the same standards? We think not.




code

Codefellas - Shout to All My Lost Spies

Topple’s bravado is put to the test when his old-school spy game gets the green light. Winters busts out her best pep talk, but can Topple get back to his fighting weight? The fate of the world rests on the shoulders of one man—and his mustache.




code

Codefellas - The Cougar Lies with Spanish Moss

Agent Topple's mustache does its dirty work, and Nicole brokers a deal for peace. But why is the NSA collecting millions of Instagram brunch photos? And if your waffles have nothing to hide, what are they so worried about?




code

Happy Holidays from Codefellas

Agent Topple attempts to get some holiday spirit.




code

WIRED - July 2014 Issue Teaser - The Code

A new generation of online experiences demands a new set of rules for stylish and proper behavior. Guest voice of reason Jerry Seinfeld guides us through Instagram, wearables, Tinder, Secret, and more in a quest to help you vanquish your inner glasshole. Also this month: one doctor’s controversial quest to save lives and three daring photographers risk arrest to preserve America’s Cold War legacy. Music - “Soft Gems Pt. 1” By: Mujeres




code

WIRED25: Code for America Executive Director Jennifer Pahlka and Author Anand Giridharadas On Rich Techie Philanthropists

Code for America Executive Director Jennifer Pahlka and Author Anand Giridharadas spoke with WIRED’s Issie Lapowskyas part of WIRED25, WIRED’s 25th anniversary celebration in San Francisco.




code

Codename revolution: the Nintendo Wii platform / Steven E. Jones and George K. Thiruvathukal

Hayden Library - GV1469.17.S63 J66 2012




code

Cultural code: video games and Latin America / Phillip Penix-Tadsen

Hayden Library - GV1469.17.S63 P46 2016




code

Mostly codeless game development: new school game engines / Robert Ciesla

Online Resource




code

In India Social media platforms to follow code of ethics in all future elections

In India Social media platforms like Facebook, Twitter and WhatsApp have agreed to follow the "voluntary code of ethics" in all future elections, including the upcoming Maharashtra and Haryana assembly polls, the Election Commission said on Thursday.

The code, which was derived to act against paid advertisements that violate norms set by the Election Commission, came into force on March 20 in the last Lok Sabha polls.

complete article




code

Synthesis of metal-free lightweight materials with sequence-encoded properties

J. Mater. Chem. A, 2020, 8,8752-8760
DOI: 10.1039/D0TA03162C, Paper
Adi Azoulay, Jesús Barrio, Jonathan Tzadikov, Michael Volokh, Josep Albero, Christel Gervais, Pilar Amo-Ochoa, Hermenegildo García, Félix Zamora, Menny Shalom
A general synthesis of phosphorus–nitrogen–carbon materials with highly tunable elemental composition and spatial organization as well as structural, electronic, and thermal stability properties is reported.
The content of this RSS Feed (c) The Royal Society of Chemistry




code

CodeIgniter Tutorial: Learn to Master CodeIgniter

CodeIgniter is an open source rapid development web application framework, for use in building dynamic web sites with PHP. In today's article, I have compiled 10 very useful tutorials to learn to do almost everything with this powerful PHP framework.




code

Best WooCommerce Code Snippets: Add to Cart Link & More

Since over 5 years, WooCommerce is recognized as the most powerful and easy to use e-commerce plugin for WordPress. In this article, I have compiled my all time favorite hacks and code snippets to extend WooCommerce possibilities.




code

10+ Best Online Code Editors

As a developer, your main tool is obviously the one that allows you to turn your ideas into code: A text editor. As time goes by, more online text editors are created that can help you code from any computer with Internet access. In this article, let’s take a look at 10+ useful online code …

10+ Best Online Code Editors Read More »




code

Web Tools #346 - JS Quiz, Code Editors, React, Testing Tools

Web Tools Weekly

Issue #346 • March 5, 2020

Advertisement
Be in the Know on Emerging New Trends
Subscribe to our mailing list to receive reports on the latest trends in products, markets, companies, and styles. We constantly analyze over 300,000 blogs, forums, portals and social media accounts to keep track of the emergence of new trends at the earliest stages.
Try it now!

If you love little JavaScript coding challenges that teach you about the basics of the language, you'll enjoy TypeOfNaN JavaScript Quizzes, a project by Nick Scialli and a number of other contributors.

TypeOfNan JavaScript Quizzes

Even after writing JavaScript for many years, I still find it hard to believe how many of such questions I get wrong. Ultimately, I don't think that matters unless I'm live coding in front of an audience or something. Debugging is part of the workflow so even if we get something subtle wrong initially, we can usually figure out the problem and fix it. What we are aiming for in most cases is an end result, not necessarily a process. But a little quiz like this can definitely enhance your understanding, and that can't hurt!

And if you like interesting little JavaScript tidbits like I often share in this newsletter, don't forget that I've compiled all my previous tutorials with updated demos and code samples in an e-book bundle you can grab from Leanpub.

Now on to this week's tools!

 

Text Editors, IDEs, etc.

Be in the Know on Emerging New Trends
Subscribe to our mailing list to receive reports on the latest trends in products, markets, companies, and styles. We constantly analyze over 300,000 blogs, forums, portals and social media accounts to keep track of the emergence of new trends at the earliest stages. sponsored 

Debug Visualizer
A VS Code extension for visualizing data structures while debugging. Works best with JavaScript/TypeScript. Also tested with C#, Java, and PHP. Works with any language that you can debug in VS Code.

Lens.vim
An automatic window resizing plugin for Vim. Automatically resizes windows when their content exceeds their window dimensions, but does so respecting some minimum and maximum resize bounds.

guijs
A multi-purpose native Windows and Mac app to help you manage your development projects. Has features for projects, package installation, script management, and more.

OpenChakra
Full-featured visual editor and code generator for React using Chakra UI (the React component library).

Autocode
An online IDE for connecting APIs together, for makers and developers alike.

Codecov
A code coverage solution to improve your code review workflow and quality. Provides highly integrated tools to group, merge, archive, and compare coverage reports.

CodeinCloud
Provides managed and dedicated cloud IDEs, hosted private cloud solutions and DevOp pipelines. Users can access on-demand IDEs for development.

Markdown App
Online or native WYSIWYG editor for Markdown for Mac, Windows, and Linux.

iHateRegex
Interactive regex cheatsheet for searching for common or complex regular expression solutions.

Peacock
VS Code plugin to subtly change the color of your workspace. Ideal when you have multiple VS Code instances and you want to quickly identify which is which.

Courses by Wes Bos (Master Packages!) on Sale for $97:
 

Testing and Debugging Tools

>&campaign_id=f4daed5baf&device=desktop&v=0.14" style="padding-bottom: 12px;max-width: 568px;border: 0;height: auto;line-height: 100%;outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;" width="568">

Haxor
Helps you support and learn from developers as they build with your products. See how developers use your product by watching their screens, code changes, and open applications.

Kasaya
A "WYSIWYG" (kind of) scripting language and run-time for browser automation.

Blisk
Now at version 12+. A developer-oriented browser that provides businesses with a development workspace for teams and freelancers to develop and test modern web applications twice as fast.

Hexometer
All-in-one website maintenance and performance monitoring tool that continuously monitors and reports 2800+ data points.

Beautify.log
A Node.js library to beautify console.logs with colors, making them easier to read and more useful.

virtual-module
Evaluate a module in a sandbox with in-memory module resolution.

findead
Dead React components finder to find components no longer in use.

ci-detect
Detect what kind of CI environment the program is in (e.g. Jenkins, GitLab, Netflify, Travis-CI, etc).

Zoya
A highly composable logging library written in TypeScript, used for both client and server applications.

React Tools

>&campaign_id=f4daed5baf&device=desktop&v=0.14" style="padding-bottom: 12px;max-width: 568px;border: 0;height: auto;line-height: 100%;outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;" width="568">

Edtr.io
A customizable edit-in-place WYSIWYG component for enabling user-editable pages in React.

resourcerer
Declarative data-fetching and caching framework for REST APIs with React.

react-typical
React typing animation in ~400 bytes of JavaScript.

React Tiny Fab
A tiny (~700 byte gzip'd) WAI-ARIA compliant floating action button for React. The home page has the button working in the bottom right corner if you want to see what this does.

react-roughviz
a thin React wrapper around roughViz, the library for creating sketchy/hand-drawn styled charts in the browser.

react-ga
A JavaScript module that can be used to include Google Analytics tracking code in a website or app that uses React for its front-end codebase.

React Awesome Slider
React content transition slider. A 60fps, lightweight, performant component that renders an animated set of production-ready general purpose sliders.

React Tippy
A lightweight tooltip library for React based on Tippy.js and powered by Popper.js.

react-adal
Azure Active Directory Library (ADAL) support for React.

iframe-resizer-react
The official React interface for iFrame Resizer, a library that auto-resizes height and width of same- and cross-domain iframes to fit their contained content.

React Puzzle Confirm
This is kind of odd. It's a modal to "confirm" (kind of like a captcha) by fitting a puzzle piece using a slider.
 

A Tweet for Thought

According to reports, Corona beer sales are not down due to confusion with Coronavirus (despite some false claims). But I did like this tweet by Kelly Vaughn on that subject.
 

Got a Tool Suggestion?

Made something? Send links via Direct Message on Twitter @WebToolsWeekly (details here). No tutorials or articles, please. If you have any suggestions for improvement or corrections, feel free to reply to this email.
 

Before I Go...

Speaking of code editors, Codewerks is a new project that is running a Kickstarter for "software using a streamlined iPad interface that gives you all the flexibility of a Linux machine."

Thanks to everyone for subscribing and reading!

Keep tooling,
Louis
webtoolsweekly.com
@WebToolsWeekly
PayPal.me/WebToolsWeekly
WTW on YouTube




code

The cryptoclub: using mathematics to make and break secret codes / Janet Beissinger, Vera Pless

Online Resource




code

Codependence / Amy Long

Dewey Library - PS3612.O488 A6 2019




code

Women-Led Codeathon. . .A First for NLM

It was an idea whose time had come. NLM is well known and respected for hosting and sponsoring codeathons that bring together researchers and coders from diverse technical backgrounds together to create tools that solve relevant problems for the biomedical community in a collaborative—not competitive—way. But now NLM can also be known for bringing gender…




code

The syntax of Arabic and French code switching in Morocco / Mustapha Aabi

Online Resource




code

Code-switching: unifying contemporary and historical perspectives / Mareike L. Keller

Online Resource




code

Code-switching: experimental answers to theoretical questions: in honor of Kay Gonzá́́́lez-Vilbazo / edited by Luis López, The University of Illinois at Chicago

Hayden Library - P115.3.C63 2018




code

COVID-19: Indian team among 3 chosen for IBM's Call for Code challenge

Call for Code is a global initiative for developers to solve pressing global problems with sustainable software solutions. While the focus of this year's competition was on addressing climate change, IBM decided to add tech solutions for addressing the COVID-19 crisis as well.




code

M J Akbar: Will India ever have a Muslim Code Bill?

If Mahatma Gandhi is the Father of the Nation then Jawaharlal Nehru is the Father of the Modern Nation, for the alchemy of India's transformation into modern India can be sourced to the passage of the Hindu Code Bill.




code

[ASAP] Generation of Recombinant Mammalian Selenoproteins through Genetic Code Expansion with Photocaged Selenocysteine

ACS Chemical Biology
DOI: 10.1021/acschembio.0c00147




code

Pro Processing for Images and Computer Vision with OpenCV: Solutions for Media Artists and Creative Coders / by Bryan Wc Chung

Online Resource




code

Proceedings of the Eighth International Workshop on Hardware/Software Codesign. CODES 2000 [electronic journal].

IEEE Computer Society




code

Proceedings of 4th International Workshop on Hardware/Software Co-Design. Codes/CASHE '96 [electronic journal].

IEEE Computer Society