Guys, "Knives out 3" trailer dropped 3 days ago

Benoit Blanc returns in 2025, yeeeyy 🐸

А вот и трейлер.

В 2025 релиз. Ждём🕺

Чё за тяги 💀

Durov in Uzbekistan? 🙂

🥲 It’s getting warmer in Dubai, and my friends are leaving for fancy places like the south of France. As a French citizen, I agree that France is the best holiday destination 🇫🇷

📱 As the Telegram CEO though, I don’t take holidays. Instead, I keep working while meeting our users from unusual locations. This summer I’ve decided to check out Central Asia to see what life is like there, study how people use Telegram and what their digital needs are 📞

☕️ I will keep you posted in this channel about my discoveries 🕵️‍♂️

AI as a candidate in elections 😳

AI Steve, an avatar of real-life Steven Endacott, a Brighton-based businessman, is running for Parliament as an Independent.

Long time no see 👋

Sharing my 5 JavaScript tips for better coding with you 👨‍🏫

1️⃣ Use async/await: Simplify async code for better readability.

async function fetchData(url) {
    const response = await fetch(url);
    const data = await response.json();
    return data;
}

2️⃣ Destructuring: Clean up code by unpacking values.

const user = { name: 'John', age: 27, location: 'New York' };
const { name, age, location } = user;

const arr = [1, 2, 3, 4];
const [first, second, ...rest] = arr;

3️⃣ Module Scope: Avoid globals with ES6 modules.

// module.js
export const myFunction = () => {};
// main.js
import { myFunction } from './module';

4️⃣ Debounce & Throttle: Optimize performance.

// Debounce function
function debounce(func, wait) {
    let timeout;
    return function(...args) {
        clearTimeout(timeout);
        timeout = setTimeout(() => func.apply(this, args), wait);
    };
}

// Throttle function
function throttle(func, limit) {
    let inThrottle;
    return function(...args) {
        if (!inThrottle) {
            func.apply(this, args);
            inThrottle = true;
            setTimeout(() => (inThrottle = false), limit);
        }
    };
}

5️⃣ Write Self-Documenting Code with Clear Naming and Comments

function calculateSum(firstNumber, secondNumber) {
    return firstNumber + secondNumber;
}

// Comments
/**
 * Calculates the sum of two numbers.
 * @param {number} firstNumber - The first number.
 * @param {number} secondNumber - The second number.
 * @returns {number} - The sum of the two numbers.
 */
function calculateSum(firstNumber, secondNumber) {
    return firstNumber + secondNumber;
}

Implementing these practices can significantly improve the quality and performance of your JavaScript code.

#js #lifehack

Made a quick video about using VSCode in your GitHub repo ⌨️

In today’s fast-paced development environment, efficiency is key. Integrating powerful tools like Visual Studio Code (VSCode) with GitHub can significantly streamline your workflow. In this post, we’ll explore how to set up and use VSCode directly within a GitHub repository, allowing you to manage your projects seamlessly. You can even run your project in a virtual environment.

Quick tutorial:
1. Open your repo.
2. Add vscode.dev/ before your repo link.
3. Make changes, commit them, etc.
4. (Optional) You can run your code using GitHub Codespaces.

@islombe_dev

Friday tutorial 🥂


$ date
'Friday, 18:41'
$ git add . && git commit -m "" && git push --force
$ shutdown -h 1 && exit

@islombe_dev

Happy Sunday! ☺️

Here are some useful CSS Tricks for Frontend Developers 👩‍💻
All examples shown here.

0️⃣Sticky Footer
Ensure your footer sticks to the bottom of the page, even if the content is short.

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
.content {
  flex: 1;
}
footer {
  background: #333;
  color: white;
  text-align: center;
  padding: 10px;
}

1️⃣Custom Scrollbars
Style your scrollbars to match your site design using the ::-webkit-scrollbar pseudo-element.

::-webkit-scrollbar {
  width: 20px;
}

2️⃣Text Stroke
Create outlined text using -webkit-text-stroke.

h1 {
  -webkit-text-stroke: 2px black;
  color: white;
}

3️⃣Viewport Units for Typography
Scale text size based on the viewport using vw units.

h1 {
  font-size: 10vw;
}

4️⃣CSS Grid Auto-Placement
Control the automatic placement of grid items with grid-auto-flow.

.grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
  grid-auto-flow: dense;
}

5️⃣Aspect Ratio Box
Maintain aspect ratio with the padding trick.

.aspect-ratio-box {
  width: 100%;
  padding-top: 56.25%; /* 16:9 aspect ratio */
  position: relative;
}

6️⃣Clip-Path for Custom Shapes
Create custom shapes using clip-path.

.clip-path {
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);  /* triabgle */
  background: red;
  width: 100px;
  height: 100px;
}

7️⃣CSS Variables with JavaScript
Dynamically change CSS variables using JavaScript.

:root {
  --main-color: #3498db;
}

function changeCssVar() {
  document.documentElement.style.setProperty('--main-color', '#e74c3c');
}

8️⃣Object-Fit for Images and Videos
Control how media fits within a container using object-fit.

img, video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

9️⃣CSS Counters
Create custom counters with counter-reset and counter-increment.

.counter {
  counter-reset: section;
}
.counter h2::before {
  counter-increment: section;
  content: "Section " counter(section) ": ";
}

Use these CSS tricks to enhance your frontend skills and create more dynamic and visually appealing web applications!

#CSS #WebDevelopment #Frontend #Tips #Tricks

@typical_ddev