Search
Getting Deep into Shadows
22.2.2021
Let’s talk shadows in web design. Shadows add texture, perspective, and emphasize the dimensions of objects. In web design, using light and shadow can add physical realism and can be used to make rich, tactile interfaces.
Take the landing page …
The post Getting Deep into Shadows appeared...
What’s Missing from CSS?
21.11.2020
The survey results from the State of CSS aren’t out yet, but they made this landing page that randomly shows you what one person wrote to answer that question. Just clicking the reload button a bunch, I get the sense that the top answers are:
Container Queries
Parent...
Styling Complex Labels
5.10.2020
Danielle Romo covers the HTML pattern you need when you have a wordy <label> with fancy styling for an <input type="radio">.
The trick? The ol’ <span class="hidden-visually"> that contains the label that you want to be read, and a <span aria-hidden="true"> with...
WordPress-Powered Landing Pages on a Totally Different Site via Cloudflare Workers
22.7.2020
What if you have some content on one site and want to display that content on another site? We can do this in the browser no problem. We can fetch it, and plunk it onto the page.
Ajax, right? Ugh. Now we’re in client-side rendered site territory, which isn’t great for performance...
My Flywheel Landing Page
15.6.2020
Flywheel is my WordPress hosting partner here. I use Local every day for my WordPress local development environment and use their hosting for all my WordPress sites as part of my whole flow, so I’m glad they aren’t just a sponsor but a product I use and like.
Last November some of their...
Adventures in CSS Semi-Transparency Land
9.3.2020
Recently, I was asked to make some tweaks to a landing page and, among the things I found in the code, there were two semitransparent overlays — both with the same RGB values for the background-color — on top of an image. Something like this:
<img src='myImage.jpg'/>
<div...
Free Website Builder + Free CRM + Free Live Chat = Bitrix24
30.1.2020
(This is a sponsored post.)
You may know Bitrix24 as the world’s most popular free CRM and sales management system, used by over 6 million businesses. But the free website builder available inside Bitrix24 is worthy of your attention, too.
Why do I need another free website/landing...
Business Dad
15.1.2020
Congrats to Chris Enns, our podcast editor on ShopTalk and CodePen Radio, for landing a really cool new podcast to edit: Business Dad. It's Alexis Ohanian, the co-founder of Reddit, talking to dads. The first episode is with Hasan Minhaj(!)
Speaking of podcasting, Dave wrote up his thoughts...
6 Best WordPress Landing Page Plugins Compared (2020)
5.1.2020
Are you struggling to grow your email list and generate more leads? Are you having trouble signing up people for your webinars? Landing pages are the solution to all...
The post 6 Best WordPress Landing Page Plugins Compared (2020) appeared first on Onextrapixel
The Making of a “Special Series” on a WordPress Site
18.12.2019
We just ran a fancy article series here on CSS-Tricks with a bunch of different articles all answering the same question. By fancy, I mean two things:
The articles had a specially-designed template just for them. (Example)
The series has a specially-designed landing page.
One of the reasons...
A Glassy (and Classy) Text Effect
29.8.2019
The landing page for Apple Arcade has a cool effect where some "white" text has a sort of translucent effect. You can see some of the color of the background behind it through the text. It's not like knockout text where you see the exact background. In this case, live video is playing underneath....
IOTA Price Analysis: IOTA (MIOTA) Landing In The Bearish Zone Again
24.6.2019
The hopelessness among investors on IOTA will be highly prevalent throughout this year. The condition of the crypto market is in complete turmoil with no significant change yet. Although IOTA tried to push up its value, but due to repeated declination, it is getting harder for it to have...
Příručka marketéra: 5 tipů, jak na optimalizaci vstupních stránek
18.6.2019
Podoba vstupních stránek, na které vedou kampaně, je jedním z nejvíce podceňovaných aspektů výkonového marketingu. Průměrný marketér nemá schopnosti vstupní stránku sám navrhnout a správně vyladit. Sice existuje mnoho nástrojů, které vám s optimalizací pomohou, ale bez potřebných znalostí není...
Build a beautiful landing page with Tailwind CSS
30.5.2019
Cascading Style Sheet(CSS) is used for creating aesthetically good looking websites. CSS are styling rules that are applied to a web page to make it look beautiful. Whenever a web page is being dis
Build a Beautiful Landing Page with Tailwind CSS v1
30.5.2019
Cascading Style Sheet(CSS) is used for creating aesthetically good looking websites. CSS are styling rules that are applied to a web page to make it look beautiful. Whenever a web page is being dis
Decaying Sites
4.4.2019
Websites have a tendency to decay all by themselves. Link rot, they call it. Unpaid domain name registrations. Companies that have gone out of business. Site owners that have lost interest. What's sadder than a 404? Landing on a holding page of a URL that used to exist, but now has fallen into...
Building a Landing Page Fast Using the Visual Composer Website Builder (Sponsored)
20.2.2019
What if it were possible to build a landing page from top to bottom, including a header and a footer, and do so without any need for writing code? And even if it was possible, could you reasonably expect to do so as easily and quickly as putting together a puzzle designed for children...
10 UX Tips to Build a High Converting Landing Page
28.5.2018
In the broader sense, a landing page is the web page through which a visitor “lands” a website. Homepages frequently serve as landing pages, however any other page can...
The post 10 UX Tips to Build a High Converting Landing Page appeared first on Onextrapixel
Script & Style Show: Episode 9: What’s in the News
4.5.2018
In this episode: David reveals his tree-falling-into-house nightmare, but quickly moves onto recent news, like the massive release of Dojo 2, EU privacy, service workers landing in all major browsers (finally Edge!), this tweet, and more!  
The post Script & Style Show: Episode...
Freebie: “Oasis” Jekyll Website Template
20.4.2018
A responsive Jekyll template designed for developers who want to set up a small landing page for their mobile applications.
Freebie: “Oasis” Jekyll Website Template was written by Amie Chen and published on Codrops