SCSS is one of the two syntaxes available for Sass - a CSS preprocessing language. This article talks about the different Sass syntax and the difference.
HTML
The problem: HTML elements have inconsistent sizes across different browsers.
The solution: Set box-sizing for all elements to border-box.
A long-time bane for web developers, Internet Explorer did one thing right: It sized boxes properly.
Other browsers only look at the content when calculating the width of an HTML element, with everything else treated as surplus. A width: 200px div, with 20px padding and a 2px border, renders as 242 pixels wide.
It would be an understatement to say that the implementation of HTML 5 in Drupal 8 is much-awaited. The introduction of HTML 5 is a big step for the Drupal community, as nowadays, with the proliferation of new-age devices, websites are no longer viewed only on desktops but in mobile phones, smart phones, and tablets.
Drupal is an extremely flexible framework that you can manipulate in multiple ways. In Drupal, the theming is the final phase in the process of generation of dynamic web pages. It converts the data from PHP objects and arrays into HTML markup and CSS styles. Read on to know how to convert a PSD/HTML design to a standard Drupal theme
When developing a website we might often come across situations where we have to limit the entry into each text fields to a certain type. One of the common scenarios we run into when developing Drupal websites is to limit text fields to accept only numbers as its input. If you want to know how to limit a text field to accept only numbers as input then read on to find out more.
We had encountered a situation on one of our Drupal sites where we had to create HTML links which on clicking should point to different locations on a different page. We solved this problem by making use of the 'name' attribute of anchor tags. If you are facing the same scenario in your Drupal site and would like to know how to use the 'name' attribute of anchor tags to redirect links to a location on a different page then read on to find out more.
A lot of Drupal users were facing a situation where the "Page cached by Boost" HTML tag was not showing at the bottom of the HTML source of the page. If you are facing the same issue in your Drupal site and would like to know how to bring back the "Page cached by Boost" issue then read on to find out the solution.
Colorbox can be used to display content pop-ups. By default, the popup's height and width will be exactly the same as that of the original content. But there may be times, when you want to load the content as per the screen height. This can be done easily using jQuery.
The steps you may follow to achieve this are:
A few Drupal users have found out that their Drupal FCKeditor is not interpreting the HTML correctly in the content and the tags are getting outputted as plain text. If you are facing the same scenario in the FCKeditor in your Drupal site then read on to find out the solution.
While designing fixed width layouts it is advantageous to use percentage based width for inner containers in the layout to make it easy for easy scaling up of the layout for other widths. When doing so you should be very careful about setting the actual percentage values. The percentage based width should result in a whole integer as the width. If not, you will end up with fractions as widths of containers leaving the rounding off to the browsers.
Openoffice comes with a stripped down version of regular expression for both of its Find/Replace Utility as well as its Calc Formulae. It however still packs a punch for most common operations. Here is how you can strip HTML tags from an open office document using the Find/Replace dialog.