Search
Items tagged with: Coding
#hackerspace #hacking #hackingtools #hackingtips #cybercrimen #coding #SnoopGod #SnoopGodLinux #Ubuntu https://cybersecuritynews.com/hackers-compromise-20k-fortigate-systems/
Chinese Hackers Compromised 20K FortiGate Systems worldwide
At the beginning of 2024, there were reports of Chinese threat actors targeting FortiGate systems with COATHANGER malware. However, it has been discovered that the Chinese cyber espionage campaign had much more extensive capabilities than before.Eswar (CybersecurityNews)
#hackerspace #hacking #hackingtools #hackingtips #cybercrimen #coding #SnoopGod #SnoopGodLinux #Ubuntu https://cybersecuritynews.com/apt-hackers-abusing-google-onedrive/
APT Hackers Abusing Google & OneDrive To Host Malicious Scripts
Threat actors are leveraging cloud storage services like Google Drive, OneDrive, and Dropbox to distribute malware and steal user information by uploading malicious files such as scripts, RAT (Remote Access Trojan) malware, and decoy documents, which…Aman Mishra (CybersecurityNews)
#hackerspace #hacking #hackingtools #hackingtips #cybercrimen #coding #SnoopGod #SnoopGodLinux #Ubuntu https://www.wired.com/story/snowflake-breach-advanced-auto-parts-lendingtree/
#hackingtips #cybercrimen #coding #techreels #ethicalhacker #Linux #SnoopGod #SnoopGodLinux https://nypost.com/2024/06/04/business/hackers-break-in-to-tiktok-accounts-belonging-to-paris-hilton-cnn/
TikTok hackers break in to CNN after targeting 'high-profile accounts' in 'zero day' attack
American lawmakers have been suspicious of TikTok, the popular social media app owned by Chinese tech conglomerate ByteDance.Ariel Zilber (New York Post)
Here's a pure CSS char by char text reveal on scroll!
@codepen demo https://codepen.io/thebabydino/pen/MWPeLmp
No splitting text into individual characters!
Inspired by an old Toblerone Story page, except that used JS (reasonable for cross-browser support) and was splitting the text into individual characters (yikes! 😱)
cc @bramus
#CSS #pureCSS #noJS #scroll #scrollAnimation #text #textEffect #revealEffect #code #coding #frontend #webDev #web #webDevelopment #dev
#tinySVGtip Better gooey effect with no matrix filter!
Each particle can get its own CSS blur filter with a value that may be any unit (SVG doesn't support this).
The assembly containing them gets an SVG filter as below.
Heavily commented on @codepen: https://codepen.io/thebabydino/pen/NWVdKaG
#CSS #SVG #filter #cssFilter #svgFilter #goo #gooey #blob #blobby #blur #alpha #code #coding #frontend #webDev #web #dev #webDevelopment
7⃣ 545 ❤️ Cycling gradient glow - no text duplication https://codepen.io/thebabydino/pen/rNPOpJK
A simple #SVG filter trick.
We create the gradient text.
The filter creates a blurred copy of it and places it underneath.
We then animate the gradient stops... magic! 🪄✨
#css #svgFilter #filter #filterEffect #glow #text #textEffect #textGlow #cssGradient #code #coding #frontend #web #webDev #dev #webDevelopment
6⃣ 688 ❤️ Pure #CSS 1 div card patterns (no SVG, no images other than CSS gradients) https://codepen.io/thebabydino/pen/NWxBzRv
A variation on the pure CSS halftone technique https://mastodon.social/@anatudor/112401133442879091
#halftone #pattern #gradient #cssGradient #blendMode #blending #fliter #cssFilter #code #coding #frontend #web #webDev #dev #webDevelopment
Ana Tudor 🐯 (@anatudor@mastodon.social)
Attached: 1 image #tinyCSStip You may have seen some of my demos using this on #CodePen already. Here's the how behind it.Mastodon
5⃣ 723 ❤️ No SVG, no image fluid slider with input[type=range] https://codepen.io/thebabydino/pen/qByGqOm
JS used only for
a) feature support detection
b) updating slider value in a --val
Uses only
1 × input[type=range] for actual slider
1 × output for current value display
1 × datalist for ruler
#css #slider #code #coding #frontend #control #web #webDev #dev #webDevelopment
4⃣ 736 ❤️ Pure #CSS Möbius 6hedrons https://codepen.io/thebabydino/pen/mJojKd
The how behind I live coded it in 30 minutes https://css-tricks.com/how-i-live-coded-my-most-hearted-codepen-demo/
Could be improved with CSS variables nowadays, see https://css-tricks.com/simplifying-css-cubes-custom-properties/ as well as by using CSS trigonometric functions.
#3D #transform #css3D #code #coding #looping #animation #cssAnimation #frontend #web #webDev #dev #webDevelopment
Simplifying CSS Cubes with Custom Properties | CSS-Tricks
I know there are a ton of pure CSS cube tutorials out there. I've done a few myself. But for mid-2017, when CSS Custom Properties are supported in all majorAna Tudor (CSS-Tricks)
3⃣ 747 ❤️ no sprite, no JS twitter 🤍 animation https://codepen.io/thebabydino/pen/RRRRZE
Behind demo https://css-tricks.com/recreating-the-twitter-heart-animation/
Now twitter uses an SVG heart 👍 (that path data though 😵) and upon clicking, inserts a div with the sparks. There are better ways to do it... still better than sprites!
#css #svg #code #coding #frontend #web #webDev #webDevelopment #dev
Recreating the Twitter Heart Animation (with One Element, No Images, and No JavaScript) | CSS-Tricks
I recently saw a recreation of the Twitter heart animation among the picks on CodePen. If I happen to have a bit of time, I always look through the code ofAna Tudor (CSS-Tricks)
2⃣ 841 ❤️ neon hex https://codepen.io/thebabydino/pen/zGmdep
Most people know my CSS stuff, but this was my most hearted Pen for some three quarters of a decade... and it's a #canvas one! The JS feels dated nowadays, but oh, well... still my favourite out of this top 3.
#js #javascript #code #coding #frontend #web #dev #webDev #webDevelopment
I turn 12 on @codepen in less than a month, so here are my most hearted demos ever:
1️⃣ 955 ❤️ Pure CSS gravity button https://codepen.io/thebabydino/pen/bGzeQrv
My only demo to ever pass 850 ❤️ - a bit mixed about it, it was just an exercise in getting a certain result - please don't use it in the wild!
#css #pureCSS #gravity #button #code #coding #frontend #web #dev #webDevelopment #webDev
#hackerspace #hacking #hackingtools #hackingtips #cybercrimen #coding #SnoopGod #SnoopGodLinux #Ubuntu https://techcrunch.com/2024/05/22/spyware-found-on-hotel-check-in-computers/?guccounter=1&guce_referrer=aHR0cHM6Ly9jeWJlcnNlY3VyaXR5dmVudHVyZXMuY29tLw&guce_referrer_sig=AQAAAMsGNB5AcluHPSE7rd5Na45NSg-uidGTD9Jj3_FffKYwVMceGRp6sCXORd8hsUB8Mcm__HF4MCWIE3eMQPi03RBijPZXTubx1bh6lx21N4_emEDJqNrO1xs6jO0VFzbt3SLa-t9ScgbcBvbkhZ_bkdLNE_H02eWWLIbVPngJxj-z
Double bubble! 🫧
On scroll text bubble up effect with 1 div, no text duplication, no JS - just a little bit of #CSS trickery and a simple #SVG #filter! 🪄
Live on @codepen
https://codepen.io/thebabydino/pen/NWmBmrZ
#CodePenChallenge #svgFilter #CodePen #text #textEffect #code #coding #frontend #webDev #webDevelopment #web #dev #scrollAnimation
#tinySVGtip How do you create an *inset* shadow on an `img` element?
You might think inset `box-shadow`, but it doesn't work! Really, there are tons of articles & questions on StackOveflow on this very topic.
SVG filters to the rescue for an elegant solution!
✨ offset & blur image
✨ subtract it out of original image alpha ⇒ get black inner shadow
✨ paint it 🍊
✨ place it on top of img
#SVG #filter #inset #shadow #image #svgFilter #code #coding #frontend #webDev #webDevelopment