Firefox CSS Hacks

Firefox 2

html>/**/body .selector, x:-moz-any-link {
  color: lime;

Firefox 3

html>/**/body .selector, x:-moz-any-link, x:default {
color: lime;

Any Firefox

@-moz-document url-prefix() {
.selector {
color: lime;

Top 15 Web Design Trends 2018

1. Responsive Design
Responsive websites are not a new web design trend in 2018, but they’re an important enough one to still include here. As mobile usage only seems to keep going up – it firstsurpassed desktop a couple of years ago – making sure your website works at least as well on mobile devices as it does on bigger screens is crucial.

While you could create a separate version of your website that works well on mobile devices from the one people see on desktop, for most businesses the better option is to make one website that’s responsive.

2. Chatbots
A chatbot is a computer program or an artificial intelligence which conducts a conversation via auditory or textual methods. Such programs are often designed to convincingly simulate how a human would behave as a conversational partner, thereby passing the Turing test.

Animation is a method in which pictures are manipulated to appear as moving images. In traditional animation, images are drawn or painted by hand on transparent celluloid sheets to be photographed and exhibited on film. Today, most animations are made with computer-generated imagery (CGI).

Micro-interactions are events which have one main task — a single purpose — and they’re found all over your device and within apps. Their purpose is to delight the user; to create a moment that is engaging, welcoming and, dare we say it — human.

4.Original Illustrations
Custom illustrations do come at a cost – artists must be paid – but they can transform the style of your website and create an entirely unique experience. Custom illustrations often feel playful, while still doing the work of communicating something about your brand.

6. Including Social Proof
Social proof is based on the idea of normative social influence, which states that people will conform in order to be liked by, similar to or accepted by the influencer (or society). When you’re browsing a landing page and see a testimonial from an industry expert you respect, that’s social proof.

7. Hamburger Menus

The hamburger menu or hamburger icon is a name given to the menu icon found in newer programs and websites that hides the traditional File menu. Alternatively referred to as the hotdog menu or three-line menu, using the hamburger menu makes it easier to view program options on mobile devices

8. Rounder Edges
For a while buttons, windows, and containers on websites tended to have sharp corners. Recently more web designers are starting to shift their website designs toward softer, rounder edges.

9.Tactile Design
Tactile design focuses on the sense of touch. Along with functionality and ergonomics, it plays a central role in product design. For example, in order to give a product a pleasing and slip-proof surface feel, Braun uses special plastics for its razors.

10. Unique Fonts
Choosing a unique font is an easy way to add some personality to your website and make it stand out a bit more. Fonts are part of a website that many visitors don’t really notice, but you can use your font choice to add some additional style to your website and draw more attention to important words.

11. Asymmetry
In asymmetrical balance, the two sides are not identical, but differ from one another. However, the elements are arranged so that there is a sense of balance. In the illustration below, both examples use the exact same objects. The one on the left, however, is symmetrical, identical on each side.

12.Accessible Design
Accessible design is a design process in which the needs of people with disabilities are specifically considered. Accessibility sometimes refers to the characteristic that products, services, and facilities can be independently used by people with a variety of disabilities.

13.Data Visualization
Data visualization is viewed by many disciplines as a modern equivalent of visual communication. It involves the creation and study of the visual representation of data. To communicate information clearly and efficiently, data visualization uses statistical graphics, plots, information graphics and other tools.

14.Bold Colors
Bold colors are colors that are rich, bright and even extremely vibrant which can basically be primary or even secondary hues (colors) without the need of affecting their tint.

15.Floating Navigation
Floating Navigation Bar. You’ve likely seen it while browsing the Internet – a navigation bar that sticks to the top of your screen as you scroll down a page. It ensures the navigation bar is always floating there, waiting to be used.


Firefox CSS Hacks

Wednesday, May 15th, 2019

Top 15 Web Design Trends 2018

Friday, May 3rd, 2019