I came across vim-table-mode [1] from dhruvasagar [2], and it’s packed with great features and ideas.
VIM Table Mode for instant table creation.
References:
[1]: https://github.com/dhruvasagar/vim-table-mode
[2]: https://github.com/dhruvasagar
Publishing rhythm
D3 Day 5
select rowid, key, raw, store_time, expire_time, access_time, access_count, tag, size, mode, filename from Cache where key=‘e3cd37c97980ab2c’;
’e3cd37c97980ab2c’
’e3cd37c97980ab2c'
select rowid, key, raw, store_time, expire_time, access_time, access_count, tag, size, mode, filename from Cache where key=‘c14050404a107d5e’;
#content{
max-width: 800px;
margin: 0 auto;
}
.chart {
display: block;
padding: 10px;
background: peachpuff;
}
.bar {
height: 30px;
margin: 5px;
background: teal;
}
.bar:hover{
background: #444;
}
button {
background: rgb(240, 196, 211);
border: none;
font-size: 1.3rem;
border-radius: 5px;
padding: .2rem 1rem;
margin-bottom: 1rem
}
.on {
background: palevioletred;
}
.big {
width: 100%
}
.small {
width: 50%
}
Learn D3 in 5 days # [1]
For what we are creating in these posts d3 is way overkill and very verbose, but I need to start somewhere! These are just stepping stones into real custom visualizations that cannot be done in any ...
D3 Day 4
#content{
max-width: 800px;
margin: 0 auto;
}
.chart {
display: block;
padding: 10px;
background: peachpuff;
/* transition: all 500ms */
}
.bar {
height: 30px;
margin: 5px;
background: teal;
}
.bar:hover{
background: #444;
}
button {
background: rgb(240, 196, 211);
border: none;
font-size: 1.3rem;
border-radius: 5px;
padding: .2rem 1rem;
margin-bottom: 1rem
}
.on {
background: palevioletred;
}
.big {
width: 100%
}
.small {
width: 50%
}
-->
Learn D3 in 5 days # [1]
For what we are creating in these posts d3 is way overkill and very verbose, but I need to start somewhere! These are just stepping stones into real custom visualizations that cannot be done in any other tool today. I still cannot explain how excited I am to say “I created that in d3!!!”
Todays Result # [2]
Today I will be learning about d3 scales, and adding them to the bar chart that we created yesterday. Follow along as I try to create something interesting.
today’s_result [3]
R...
D3 Day 3
#content{
max-width: 800px;
margin: 0 auto;
}
.chart {
display: block;
padding: 10px;
background: peachpuff;
}
.bar {
height: 30px;
margin: 5px;
background: teal;
}
button {
background: rgb(240, 196, 211);
border: none;
font-size: 1.3rem;
border-radius: 5px;
padding: .2rem 1rem;
margin-bottom: 1rem
}
.on {
background: palevioletred;
}
Learn D3 in 5 days # [1]
I recently subscribed to Ben Clinkinbeard’s learn D3.js in 5 days, and am currently on day 3. I read through the first 2 days, and felt fairly comfortable with selecting elements, so I did not follow along on the first two days. I probably should have, but there are only so many hours in the day.
Why Learn D3 # [2]
D3 is the ubiquitous dynamic visualization library for building custom interactive visualizations on the web. It is a bit low level, and more verbose than many other libraries that build upon it, but if you want full control D3 is the way to go. I have used a few libraries built upon d3 i...
I’m really excited about awesome-podcasts [1], an amazing project by pbnj [2]. It’s worth exploring!
🎙 A collection of awesome engineering podcasts! ARCHIVED in favor of https://github.com/rShetty/awesome-podcasts
References:
[1]: https://github.com/pbnj/awesome-podcasts
[2]: https://github.com/pbnj
Looking for inspiration? hugs [1] by Bogdanp [2].
Hugs lets you map SQL expressions to Python functions.
References:
[1]: https://github.com/Bogdanp/hugs
[2]: https://github.com/Bogdanp
I’m really excited about grip [1], an amazing project by joeyespo [2]. It’s worth exploring!
Preview GitHub README.md files locally before committing them.
References:
[1]: https://github.com/joeyespo/grip
[2]: https://github.com/joeyespo
FlexBox
em {
color: #ff9966;
}
code {
background: #FF06050A;
color: #6394C8;
}
.item {
color: #6394C8;
font-size: 1.5rem;
padding: 1rem;
display: flex;
justify-content: center;
align-items: center;
height: 100px;
width: 100px;
background: #351D57;
margin: 5px;
border: 2px solid #A83E75;
box-shadow: 5px 5px 10px -5px rgba(0, 0, 0, .6);
}
.flex_container {
padding: 1rem;
box-shadow: 5px 5px 10px -5px rgba(0, 0, 0, .6);
background: rgba(99, 148, 200, .2);
animation: animate_container 2s cubic-bezier(.66, -0.0, .28, 1.0) infinite both alternate;
}
.flex_container:hover {
animation: none
}
@keyframes animate_container {
0%{
width: 95%;
}
20% {
width: 95%;
}
80% {
width: 200px;
}
100% {
width: 200px;
}
}
h3 {
padding: 1rem;
margin: 2rem;
display: block;
width: 100vw;
background: white;
color: white;
background: #333;
position: sticky;
top: 0px;
box-shadow: 0 0 #333,
-100vw 0 #333,
100vw 0 #333;
}
Flexbox-zombies # [1]
I recently fi...
psf [1] has done a fantastic job with black [2]. Highly recommend taking a look.
The uncompromising Python code formatter
References:
[1]: https://github.com/psf
[2]: https://github.com/psf/black
tfeldmann [1] has done a fantastic job with organize [2]. Highly recommend taking a look.
The file management automation tool.
References:
[1]: https://github.com/tfeldmann
[2]: https://github.com/tfeldmann/organize
I recently discovered albinotonnina.com [1] by albinotonnina [2], and it’s truly impressive.
source-code
References:
[1]: https://github.com/albinotonnina/albinotonnina.com
[2]: https://github.com/albinotonnina
I like psf’s [1] project requests-html [2].
Pythonic HTML [3] Parsing for Humans™
References:
[1]: https://github.com/psf
[2]: https://github.com/psf/requests-html
[3]: /html/
Check out CSS-Mono [1] by wentin [2]. It’s a well-crafted project with great potential.
Monospaced Typeface Created for CSS Coding
References:
[1]: https://github.com/wentin/CSS-Mono
[2]: https://github.com/wentin
I’m impressed by pc [1] from dixler [2].
python calculator purely aesthetic. probably pretty glitchy. sorry in advance.
References:
[1]: https://github.com/dixler/pc
[2]: https://github.com/dixler
Vim Notes
vim notes
nvim lua # [1]
norcalli/neovim-plugin [2]
nvim lsp # [3]
python-lsp/python-lsp-server [4]
Using c to change text # [5]
I have gone quite awhile without using c and instead using d. The reason that I started using c is because it automatically places you into insert mode. This not only saves me one keystroke for commands such as diwi is now ciw, but it also works with the repeat . command!!! This is huge. When refactoring a document I had been creating a macro to change one word to another, using c instead of d allows the use of the . rather than needing to create a macro.
Case for vim # [6]
Sublime/VSCode cannot
- edit a macro register
- register
- quickfix
- gF
autocomplete # [7]
repeats previously typed text
1. Whole lines |i CTRL-X CTRL-L|
2. keywords in the current file |i CTRL-X CTRL-N|
3. keywords in 'dictionary' |i CTRL-X CTRL-K|
4. keywords in 'thesaurus', thesaurus-style |i CTRL-X CTRL-T|
5. keywords in the current and included files |i CTRL-X CTRL...
The work on dataset [1] by openimages [2].
The Open Images dataset
References:
[1]: https://github.com/openimages/dataset
[2]: https://github.com/openimages
I’m impressed by panda-theme-cmder [1] from HamidFaraji [2].
Panda Syntax Theme for Cmder
References:
[1]: https://github.com/HamidFaraji/panda-theme-cmder
[2]: https://github.com/HamidFaraji
I’m impressed by awesome-python-talks [1] from jhermann [2].
🎬 🎓 An opinionated list of awesome videos related to Python, with a focus on training and gaining hands-on experience.
References:
[1]: https://github.com/jhermann/awesome-python-talks
[2]: https://github.com/jhermann
Looking for inspiration? datacamp_facebook_live_titanic [1] by datacamp [2].
DataCamp Facebook Live Code Along Session 2: Learn how to complete a Kaggle competition using exploratory data analysis, data munging, data cleaning and machine leaning. Enjoy.
References:
[1]: https://github.com/datacamp/datacamp_facebook_live_titanic
[2]: https://github.com/datacamp
I’m really excited about standard-readme [1], an amazing project by RichardLitt [2]. It’s worth exploring!
A standard style for README files
References:
[1]: https://github.com/RichardLitt/standard-readme
[2]: https://github.com/RichardLitt