Line25 @line25blog

Learn About Current Web Design Trends From Line25. Weekly Tweets Include Best Web Design & Graphic Design Tips, Software & Top Design Tools. line25.com Joined January 2009

Tweets

51K
Followers

22K
Following

6K
Likes

388

World of Engineering @engineers_feed

3 years ago

I just found my Christmas present. Thanks 😊

246 2K 23K 3.6M 2K

View Details

Line25 @line25blog

3 years ago

Using AI to Create Content: For Web Designers & Bloggers line25.com/articles/using…

0 1 4 315 1

View Details

Line25 @line25blog

3 years ago

20+ Free Icon Sets for Websites and Apps line25.com/articles/30-fr…

0 1 3 366 1

View Details

Future CSS Tip! 🔮 You can create sweet scroll-driven micro-interactions using CSS scroll-driven animations 😎 .avatar { animation: scale-down; animation-timeline: scroll(); animation-range: var(--header-range); } @ keyframes scale-down { to { scale: 0.3; } } What's happening in this one? 👀 1. Avatar moves and scales down as the header sticks 2. Name changes color and slides over 3. Header darkens to give the text contrast 4. Header gets a shadow 5. Notice the avatar scrub too! 👀 It's scroll-driving the sprite animation technique we went over earlier in the week ✨ So much fun! ✨ Could even tie in the new easings from earlier too! @CodePen link below! 👇

111 789 6K 686K 4K

View Details

the Design Museum @DesignMuseum

3 years ago

#ArchitectureFriday | The stunning Eastern Columbia Building in Los Angeles is considered the greatest surviving example of Art Deco architecture in the city. Designed by architect Claud Beelman, the Building is distinguished for its many Art Deco motifs. 📸 Elizabeth Daniels

1 34 214 23K 14

View Details

Mark Busch @Markbuschn

3 years ago

How I as a graphic designer with 8 years design experience use textures in my work. See how below ↓

4 117 2K 259K 2K

View Details

jhey ʕ•ᴥ•ʔ @jh3yy

3 years ago

Future CSS Tip! 🔮 (This one's close 🤏) You can use "subgrid" to give child elements access to a parent's grid tracks 👀 This is great when you want to make sure content lines up 🙌 Check those cards 👇 article { grid-row: span 4; display: grid; grid-template-rows: subgrid; 👈 } In this example, article uses grid but makes use of the tracks defined by the parent layout container. That makes it easier to line up content within the cards 🙏 Cool thing is, we don't even need to define the rows in the parent. We use the implicit ones from the parent. main { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) } This might be easier to understand with the video below that shows the grid tracks using DevTools and toggles subgrid on and off 🤙 @CodePen link below! 👇

32 358 3K 508K 2K

View Details

Line25 @line25blog

3 years ago

SEO Metrics That All Web Designers Should Know line25.com/web-developmen…

1 1 3 482 1

View Details

Line25 @line25blog

3 years ago

Free Stock Video Websites for Top Quality Footage line25.com/free-design-re…

0 2 3 405 1

View Details

Ken Synopsis @TeslaSynopsis

3 years ago

How do you like this X?

2K 1K 11K 343K 31

View Details

Syed Balkhi @syedbalkhi

3 years ago

Want to analyze any website's SEO strategy? My team @aioseopack built a free SEO Analyzer Chrome extension that you'll love ❤️ It helps you see on-page SEO details of any page that you're visiting. You can use it to: - Analyze competitor's SEO schema settings - See all internal links & keywords on a specific page - Highlight Nofollow links on any page (great for writers) ... and so much more. You can try it here: chrome.google.com/webstore/detai… Our goal is to make SEO easy and affordable for everyone ... so this is 100% free for everyone. Let me know your ideas on how we can improve it 🚀 Many thanks for pressing 🔁 and ❤️!