CSS Dropcaps Using :first-line and :first-letter
Some CSS selectors or properties may not be commonly seen in everyday web design, yet they’ve been around since the CSS1 era. These include the :fir…
Latest in: Coding
If coding is the future, then you should get a head start here. We believe that age, gender, and background should not limit one's ability to learn to code. That's why we offer numerous posts on online resources, ebooks, environments, testing tools, and playgrounds to assist readers in acquiring programming skills.
We also have articles that delve into mobile app development, software development, open source, and web programming.
Creating an Interactive Online vCard Using Sass & Compass
Today, we’re going to continue our discussion on Sass. This time, we’ll take a practical approach and build an online vCard using Sass along with …
Maximize Your CSS with Compass and Sass
In our last post, we mentioned Compass, an open-source CSS Authoring Framework that enhances your workflow. Compass is a powerful extension for Sass, …
Getting Started with Sass: Installation and the Basics
In this post, we are going to discuss a CSS Preprocessor called Sass or Syntactically Awesome Stylesheets. If you have been following our previous pos…
A Look Into Developing Apps for Android
Learn how to build Android apps from scratch with this comprehensive guide. Perfect for beginners and experienced developers alike.
Adding Scalable Vector Graphics (SVG) in Unsupported Browser
In an earlier post in this series, we have mentioned a bit about SVG’s pitfall with old browsers and using Raphael.js to serve the graphic as an alt…
Build Your Own Instagram Search Engine Using jQuery and PHP
Ever since Google introduced instant search features, they have become a popular trend in web design. These techniques are straightforward enough that…
A Look Into: Scalable Vector Graphics (SVG) Animation
Vector graphics have been widely applied in print media. In a website, we can also add vector graphics with SVG or Scalable Vector Graphic. Citing fro…
Working with Text Elements in SVG for Dynamic Designs
In previous posts, we’ve explored how to use SVG to create shapes. In this article, we will focus on creating and styling text with SVG. SVG text of…
How to Style SVG Images with CSS: A Simple Guide
Today, we’re diving deeper into Scalable Vector Graphics (SVG). As mentioned in our previous post, one of the great things about SVG is that you can…
A Look into: Scalable Vector Graphics (SVG)
Vector graphics have been widely applied in print media. In a website, we can also add vector graphics with SVG or Scalable Vector Graphic. Citing fro…
How to Apply CSS Filter Effects to Web Images
Adjusting image Brightness and Contrast, or turning image into Grayscale or Sephia is a common feature you may find in image editing application, like…