Tag: Safari

How Long Does it Take to Learn JavaScript

According to “The State of the Octoverse” by GitHub, the statistics show that JavaScript is the most popular language globally. It is good investment to learn JavaScript for front-end or back-end programming. How Long Will it Take? In the book Outliers by Malcolm Gladwell, there is the 10,000 hours rule. This rule states that there… Continue reading How Long Does it Take to Learn JavaScript

30 Creative Logo Designs for Inspiration #84

31 Shares Beautiful hand-picked logo designs inspiration. This is the 84th roundup of logos showcase featuring professionally designed logo templates created by best designers. In this Business Logo Design collection you can feel how important is sketching and story-boarding. As a designer, I know how important is Logo for any business or brand. A great logo… Continue reading 30 Creative Logo Designs for Inspiration #84

How to Self-Host Google Fonts on Your Own Server

As web designers living in the era of high-speed internet, we have picked up the habit of adding external dependencies such as fonts from third-party servers, most frequently from content delivery networks (CDNs). However, this is not always the best decision. Sometimes, it’s still better to stick to your own infrastructure and host your assets… Continue reading How to Self-Host Google Fonts on Your Own Server

How to Install and Use Fonts in Procreate

What You’ll Be Creating Want to learn how to download fonts for Procreate, or how to add fonts to Procreate? We’ve got you covered. From downloading to using fonts for Procreate, we’ll tackle it all in this tutorial. What You’ll Learn in This Tutorial How to download fonts on iPad for Procreate How to add fonts to… Continue reading How to Install and Use Fonts in Procreate

Would The Web Be Better With One Good Browser?

When Tim Berners-Lee gave us the WorldWideWeb in 1990, it was the first and only web browser. But it didn’t remain alone for long. Even in those early days of the web, there was plenty of competition for web browser market share: Mosaic, MidasWWW, SlipKnot, Arena, Netscape, and Internet Explorer emerged around that time, too,… Continue reading Would The Web Be Better With One Good Browser?

Choosing the Best Image Format in 2019: WebP, SVG Vs. Everyone

What, did you think JPEG would live forever? It was introduced in 1992, more than twenty-five years ago! The modern generation of web developers uses WebP for images, not the archeological specimen that is JPEG. Here’s a quick introduction to WebP, SVG, and why they’re better. TL;DR: they’re way smaller, producing faster, and more responsive… Continue reading Choosing the Best Image Format in 2019: WebP, SVG Vs. Everyone

Sticky Sidebar – A Pure JavaScript Plugin For Smart Sticky Sidebars

Sticky Sidebar is a pure JavaScript plugin for making smart and high performance sticky sidebar, works with sidebar if it’s taller or shorter than the viewport, integrated with resize sensor to re-calculate the dimensions automatically when the size of sidebar or its container is changed, supports jQuery/Zepto and compatible with Firefox, Chrome, Safari, and IE9+.… Continue reading Sticky Sidebar – A Pure JavaScript Plugin For Smart Sticky Sidebars

Collection of Unique Placeholder Form Animations

This is a collection of placeholder form animations for your website. Placeholder text is descriptive text displayed inside an input field until the field is filled. It disappears when you start typing in the field. Placeholder text is commonly used in current user interfaces so you have probably seen it before. So if you want… Continue reading Collection of Unique Placeholder Form Animations

Animated Image Pieces | Codrops

A set of experiments with an animated image pieces effect where an image gets shattered into rectangular fragments. Powered by anime.js. After making the Developer/Designer Page Layout Concept we wanted to try out some different effects for the pieces animation on the image. There are quite a lot of possibilities to animate the fragments, so… Continue reading Animated Image Pieces | Codrops

t-scroll: A modern reveal-on-scroll JS library

t-scroll is a modern reveal-on-scroll JavaScript library for creating custom element animations when scrolling a web page. The library is built in pure JavaScript (ES6/Babel – no jQuery dependency) and Sass (processed with Gulp). t-scroll is fully customisable: it provides more than 45 CSS effects and many other options to allow a quite high flexibility level.… Continue reading t-scroll: A modern reveal-on-scroll JS library

10 Free Web Browser Mockups (PSD, AI)

  ADVERTISEMENT Thousands of web browser mockups are present in the world of internet but in this collection you guys find 10 best, stylish, up to date and free web browser mockups that support Photoshop and illustrator if they make in PSD and AI. All these web browser mockups are free so you can easily download… Continue reading 10 Free Web Browser Mockups (PSD, AI)

Cheat Sheets Web Designers Need: CSS3, HTML5 and jQuery

Advertisement When it comes to CSS, HTML or jQuery codes, you just can’t know them all. It’s pretty hard but with the help of these cheat sheets for web designers you can manage to get pretty close to knowing them all, considering that you have everything in from of you and it is easy to… Continue reading Cheat Sheets Web Designers Need: CSS3, HTML5 and jQuery

27 Search Boxes With HTML and CSS – CSS Paradise

CSS experiments with a search form input and button. In this collection are the pens for anything related to search box, search bar, global search area that we can put to a website page. Searching Animation Inspired by Another Set of Eyes by Frank Rodriguez.*needs work in Firefox but looks quite nice in Chrome and… Continue reading 27 Search Boxes With HTML and CSS – CSS Paradise

Filterizr – A jQuery Plugin to Apply Filters Over Responsive Galleries

Filterizr is a jQuery plugin that sorts, shuffles and applies stunning filters over responsive galleries using CSS3 transitions and custom CSS effects.You can write your very own, custom effects in CSS and watch your gallery come to life. Features: – Pluggable look & feel (write your CSS effects in the box on the right and… Continue reading Filterizr – A jQuery Plugin to Apply Filters Over Responsive Galleries

11 of The Best Wireframe & Prototype Tools for Planning Your Sites & Apps

A wireframe is essentially a web designer’s plan for a web page. This frame can be hand-drawn with simple pen and paper, but wireframing tools are much more effective as they enable you to use drag-and-drop tools, collaborate with other designers and show clients your ideas before you even build them. The designer uses plain… Continue reading 11 of The Best Wireframe & Prototype Tools for Planning Your Sites & Apps

How Good Is JavaScript for Building a Large Scale Web Application?

According to the most statistics that are recent on w3techs.com, significantly more than 89percent of sites presently utilize JavaScript as a client-side program writing language. As a cross-platform and programming that is lightweight, JavaScript makes it easier for programmers to build responsive websites and web applications that work with seamlessly with popular web browsers, operating… Continue reading How Good Is JavaScript for Building a Large Scale Web Application?

15 Useful Modern Front-End Web Components

Here is list of useful modern front-end web components that can be integrated into your web applications. These components provide a quick and easy way for web developers to create custom user interface without having to start from scratch. Collection of tasty CSS-animated hamburger icons. Also included is the source as a Sass library. It’s… Continue reading 15 Useful Modern Front-End Web Components

WoodWorker – Carpentry HTML Theme

TEMPLATE FEATURES 3 Home Demos More than 20 Html Pages Google map Clean & Simple Design Advance Framework HTML5 & CSS3 Fully Responsive Design Mutipurpose Concept Working Contact Form All files are well commented Crossbrowser Compatible with IE9+, Firefox, Safari, Opera, Chrome Extensive Documentation [sociallocker]https://mega.nz/#!hB1XzbwJ [signinlocker]Download[/signinlocker][/sociallocker]

HTTP: The Protocol Every Web Developer Must Know – Part 1

* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} Learning the fundamentals of the World Wide Web is crucial, especially if you are planning to build web apps. And, HTTP is at the heart of any web application you could build. HTTP stands for Hypertext Transfer Protocol. It’s a stateless, application-layer protocol for communicating between distributed… Continue reading HTTP: The Protocol Every Web Developer Must Know – Part 1