Search
Review: Oxygen 2 Website Builder Lets You Design Code-Free Websites Like A Pro
21.6.2018
Popular WordPress website builder, Oxygen has a brand new version of the plugin in the works. In this review, we take a closer look at Oxygen 2.0 to see...
The post Review: Oxygen 2 Website Builder Lets You Design Code-Free Websites Like A Pro appeared first on Onextrapixel
Building a Fancy Countdown Timer with MomentumSlider.js
20.6.2018
Nowadays there are many Javascript libraries to make it easy the task of adding sliders to a website. Most have a host of features, to adapt the slider to the particular needs of each case. However
Service Worker Cookbook
25.5.2018
I stumbled upon this site the other day from Mozilla that’s a collection of recipes to get started with a Service Worker — from caching strategies and notifications to providing an offline fallback to your users, this little cookbook has it all.
You can also check out our guide to making...
Unicode Patterns
18.5.2018
These Unicode patterns by Yuan Chuan are extraordinarily clever. It's a <css-doodle> custom web component that sets up a CSS grid and randomizes what character to drop into a cell and things, like color.
See all their gorgeous work on CodePen and the very cool <css-doodle> website...
Code Challenge #10: Lazy Loading Animal Memes
18.5.2018
In a bid to lower the load times of a website, several techniques have been developed. One such technique is the lazy loading of images on the page.
TL, DR
The Ultimate Guide to Headless CMS
17.5.2018
(This is a sponsored post.)
The World Has Changed—So Must the CMS
Having a responsive website is no longer enough. Your audience expects a seamless and personalized customer experience across all their devices—the age of headless technology is coming.
Headless CMS is the next generation in content...
CDN, Web Security, and DDoS Protection from Incapsula (Sponsored)
16.5.2018
There used to be day that you could have a small to large website that didn’t require protection and worldwide CDN but, with how easy it is to initiate a DDoS attack and how important website speed is for search engine placement, it’s a given that you should look for a service to handle...
Personalize Your UX By Location Using IPstack's Geolocation
15.5.2018
Which site is better? This is the age-long question that many website owners are still trying to answer so they can dominate their niche.
Take a look at Google Search — there's no denying th
Locate and identify website visitors by IP address
10.5.2018
(This is a sponsored post.)
Big thanks to ipstack for sponsoring CSS-Tricks this week!
Have you ever had the need to know the general location of a visitor of your website? You can get that information, without having to explicitly ask for it, by the user’s IP address. You’re just going to need...
Decorating lines of text with box-decoration-break
8.5.2018
An institution’s motto, an artist’s intro, a company’s tagline, a community’s principle, a service’s greeting… all of them have one thing in common: they’re one brief paragraph displayed on a website’s home page — or at least the about page!
It’s rare that just one word or one line of text...
Incapsula DDoS Resiliency Score
3.5.2018
(This is a sponsored post.)
These free training courses from Incapsula give you the technical knowledge and skills to accelerate your website and optimize content delivery. Website Performance Mastery Starts Here in a fun, quiz-based online format, these free training courses give you the technical...
IP Geolocation with ipstack (Sponsored)
2.5.2018
Knowing where your web visitor is located is an incredible advantage to any website; you can show relative content like maps, pricing, and availability, output your content in their likely language, etc — I cannot overstate how useful that information is. Of course we have the HTML5...
Container-Adapting Tabs With “More” Button
2.5.2018
Or the priority navigation pattern, or progressively collapsing navigation menu. We can name it in at least three ways.
There are multiple UX solutions for tabs and menus and each of them have their own advantages over another, you just need to pick the best for the case you are trying to solve....
Code Challenge #9: Build A Scroll-Spy Navbar
1.5.2018
A navigation bar is undoubtedly a really important element considered while designing websites and web pages. In a website, it's utilized in navigating around the site through specific links. Howev
Change Python Version
1.5.2018
Python plays a major role at Mozilla; much of our website backends and tooling are written in the powerful language. Want to build Firefox? You’ll need to make sure you have the proper Python version, which I recently found out had been upgraded. Despite installing and verifying I had...
Choosing a Responsive Email Framework: MJML vs. Foundation for Emails
20.4.2018
Implementing responsive email design can be a bit of a drag. Building responsive emails isn’t simple at all, it is like taking a time machine back to 2001 when we were all coding website layouts in tables using Dreamweaver and Fireworks.
But there's hope! We have tools available that can make...
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
Collective #408
19.4.2018
Panning Effect for SVG * Oh Man, Look at Your API! * Semantic Experiences * Matrix Vision * Mission Critical
Collective #408 was written by Pedro Botelho and published on Codrops
Design Tips For Extra Large Website Footers
27.3.2018
So you want a beautiful footer that’s usable and easy on the eyes? No problem! There’s a lot you can do for effective footers and with so much variety...
The post Design Tips For Extra Large Website Footers appeared first on Onextrapixel
Creating Tesla's Website With Bootstrap 4
7.2.2018
We explore some of the new Bootstrap 4 features by building a copy of Tesla's Roadster web page