Search
Creating Apple's Website with Bootstrap 4
8.8.2018
In this step-by-step video lesson we will recreate Apple's iconic home page using Bootstrap 4 from scratch
WDRL — Edition 237: HTTP Not Secure in Chrome, PWA Retrospective, Page Lifecycle API, And Plastic Roads
27.7.2018
Hey,
My Twitter timeline sometimes results in an interesting mix between various topics from the tech industry, politics and human or environmental matters. Today I had such a moment when I scrolled and two tweets made a great connection without the authors knowing about it. First, I read that...
Collective #436
26.7.2018
Page Lifecycle API * Keyframes * Rockstar * Terminalizer * Malvid * Callback Exercises * DOM-wait * Pure CSS Stack * Weird things variable fonts can do
Collective #436 was written by Pedro Botelho and published on Codrops
Designing A Usable Contact Page In WordPress: Tips & Trends
21.7.2018
Every great website needs a contact page. You can set this up on a static HTML site or a CMS like WordPress which offers a lot of flexibility &...
The post Designing A Usable Contact Page In WordPress: Tips & Trends appeared first on Onextrapixel
Scrolling Gradient
13.7.2018
If you want a gradient that changes as you scroll down a very long page, you can create a gradient with a bunch of color stops, apply it to the body and it will do just that.
But, what if you don't want a perfectly vertical gradient? Like you want just the top left corner to change color? Mike...
One-Offs
2.7.2018
There is this sentiment that you don't design the homepage of a site first. For most sites, it's an anomaly. It's unlike any other page and not something to base the patterns you use for the rest of the site or help inform other pages.
You might call it a one-off.1
One-offs are OK! A world without...
Free E-book: Modernize for Mobile Apps
28.6.2018
(This is a sponsored post.)
No sign up required to read the free e-book.
Building modern apps (mobile, PWAs or Single Page Apps) that connect to legacy or enterprise systems is a pain. We put together an e-book that discusses the various options for how to make it all work. Here are some of...
Drawing Images with CSS Gradients
25.6.2018
What I mean by "CSS images" is images that are created using only HTML elements and CSS. They look as if they were SVGs drawn in Adobe Illustrator but they were made right in the browser. Some techniques I’ve seen used are tinkering with border radii, box shadows, and sometimes clip-path. You...
Osobní létající stroj The Flayer má 10 vrtulí létá na elektriku. Do vývoje investoval i Larry Page
10.6.2018
Larry Page, jeden ze zakladatelů Googlu a současný šéf Alphabetu, je fanouškem osobních létajících strojů. Jedním z jeho startupů, do kterých investuje, je i Kitty Hawk, který představil novou funkční verzi létajícího stroje, jež asi nejvíce připomíná kvadrokoptéru.
The Flyer, jak se stroj
Collapsing Logo Effect
5.6.2018
A recreation of the collapsing logo effect seen on PracticalVR. The idea is to have an initial view that animates to a logo in the top left corner of the page.
Collapsing Logo Effect was written by Mary Lou and published on Codrops
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
První čtyřmotorový bombardér RAF měl na konci války přistát v Čechách
22.5.2018
22. května 1918 poprvé vzlétl prototyp letounu Hendley Page V/1500. Byl to první čtyřmotorový bombardér královského letectva. Poháněly ho motory Rolls Royce Eagle VIII. Do 1. světové války ale nikdy nezasáhl, poprvé operačně vzlétl až v říjnu 1918. Pro případ bombardování Berlína ale důstojníci...
První čtyřmotorový stroj RAF měl bombardovat Berlín a pak přistát v Chuchli
22.5.2018
Prvním čtyřmotorovým bombardérem britského Královského letectva se stal Handley Page V/1500. Dva stroje již stály v listopadu 1918 připraveny k prvnímu náletu na Berlín, jejich akci však zhatilo příměří. Posádky měly doporučeno v případě nedostatku paliva na zpáteční cestu pokračovat po shození...
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
Upgrade AngularJS Sorting Filters to Angular
14.5.2018
In the early days of AngularJS, one of the most celebrated features was the ability to filter and sort data on the page using only template variables and filters. The magic of two-way data binding
Page Transitions for Everyone
14.5.2018
As Sarah mentioned in her previous post about page transition using Vue.js, there is plenty of motivation for designers and developers to be building page transitions. Let's consider mobile applications. While mobile applications are evolving, more and more attention is given to the animation...
Add Authentication to Any Web Page in 10 Minutes
10.5.2018
This content is sponsored via Syndicate Ads
Adding authentication to web pages can be pretty annoying.
While I'd like to say that
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...
Radial Gradient Recipes
26.4.2018
Radial gradients are pretty dang cool. It's amazing we can paint the background of an element with them so easily. Easily is a relative term though. It's certainly easier than needing to create a graphic in third-party software to use as the background, and the syntax is highly learnable. But it's...
Native-Like Animations for Page Transitions on the Web
23.4.2018
Some of the most inspiring examples I’ve seen of front-end development have involved some sort of page transitions that look slick like they do in mobile apps. However, even though the imagination for these types of interactions seem to abound, their presence on actual sites that I visit do not....