Collections - Digital Marketing Journals Hong Kong - Search Engine Optimisation News

The 10 Best Sites To Find Completely Free Stock Photos (2022-23)

22Dec

By Jake RocheleauNo Comments

building website, Collections, creating a website, google web designer, Imagery, internet design, web design, web design company, web designer, web page design, website builder, website design

The 10 Best Sites To Find Completely Free Stock Photos (2022-23)

Free stock photos have become a huge commodity on the web. They’re easier to find than ever before and it’s quite possible there are millions of these photos to choose from. These free photos certainly make design work easier, but finding high-quality photos for hero images can be a real pain. That’s why I’ve curated the absolute best sites to help you find HQ photos for all your web design projects. NegativeSpace First in this collection is NegativeSpace, featuring a gorgeous high-resolution gallery of stock photos. But these photos don’t have that cheesy vibe you typically expect from stock photo sites. They all look incredibly natural and they span a wide array of topics. You can find photos to use on a business website, a restaurant homepage, or even pictures to use as featured photos...

11Jul

By Editorial TeamNo Comments

building website, Collections, creating a website, google web designer, Inspiration, internet design, Typography, web design, web design company, web designer, web page design, website builder, website design

Typography Inspiration In Web Design

Looking for typography inspiration for your next or future web design projects? We’ve rounded up some of the most creative and award-winning examples of typography usage in these websites that follow. Take a look and see what ideas they bring! Your Web Designer ToolboxUnlimited Downloads: 500,000+ Web Templates, Icon Sets, Themes & Design Assets DOWNLOAD NOW Font Roundup Likely Story VJ Type Arthur Simonini Martine Syms Mama Joyce Peppa Sauce Slava Kirilenko DAD Agency Pact Media Dante Custo Houseplant Santa Teresa Fest Kim Kneipp Panic Studio This post may contain affiliate links. See our disclosure about affiliate links here. Written by Editorial Team We are 1stWebDesigner and we’re on a mission to help you build a better web. Our team produces content cr...

1Jul

By Editorial TeamNo Comments

Animation, building website, Collections, creating a website, google web designer, internet design, SVG, web design, web design company, web designer, web page design, website builder, website design

SVG Loading Animations – 1stWebDesigner

Nobody likes to wait for your web page to load, so of course we want to make the time go by easier with animation. In this post we have provided you with some examples and code for ways to do this via SVG loading animations. Have a look and start using them in your projects today! Your Web Designer ToolboxUnlimited Downloads: 500,000+ Web Templates, Icon Sets, Themes & Design Assets DOWNLOAD NOW SVG Loader Animation Here are 10 different examples, from the simple to the more complex. See the Pen SVG Loader Animation by Nikhil Krishnan (@nikhil8krishnan)on CodePen.0 Animated – SVG Loader A clever change of pace from the rotating circle, this animation combines multiple circles rotating back and forth. See the Pen Animated – SVG Loader by Steven Roberts (@matchboxhero)on CodePen.0 S...

10 Cool Pure CSS Scrolling Text Animations

31May

By Editorial TeamNo Comments

Animation, building website, Collections, creating a website, CSS, google web designer, internet design, web design, web design company, web designer, web page design, website builder, website design

10 Cool Pure CSS Scrolling Text Animations

Scrolling text on a website is almost as old as the internet. You may remember the days when marquees with horizontal scrolling text were all the rage, and we (some of us) thought it was one of the coolest things we’d seen on a website. Many years later we have left that, along with a collection of other relatively silly “web tricks”, behind, as technology and web development evolved into what we have to work with today. Now we no longer need Flash or some other bulky, clunky tools or code to make this happen. In this post, we’ll show you a collection of scrolling text animations that are coded with only CSS – no JavaScript or anything else needed! Let’s take a look at some of the different ways this fun effect can be accomplished. UNLIMITED DOWNLOADS: 500,000+ WordPress & Design Asse...

12May

By Editorial TeamNo Comments

Animation, building website, Collections, creating a website, CSS, google web designer, internet design, responsive web design, web design, web design company, web designer, web page design, website builder, website design

15 Modal / Popup Windows Created With Only CSS

Do you need a modal popup on your website when a user clicks a link or button? We typically see these in use for logins, newsletter signups, advertising, and more. Most often they are created using a bit of JavaScript trickery, but these days they can relatively easily be coded with only CSS. In this post we’ll show you 15 examples of various ways this can be accomplished. Let’s have a look! The UX Designer Toolbox Unlimited Downloads: 500,000+ Wireframe & UX Templates, UI Kits & Design AssetsStarting at only $16.50 per month! DOWNLOAD NOW CSS Responsive Modal This responsive example adjusts to the browser size and goes full screen on smaller devices. See the Pen CSS Responsive Modal by Thom Griggs (@thomgriggs)on CodePen.0 CSS Modal This example includes some smooth animat...

The Best Free Tailwind CSS Components For 2022

4May

By Editorial TeamNo Comments

building website, Collections, creating a website, CSS, google web designer, internet design, responsive web design, Tools, UI Design, web design, web design company, web designer, web page design, website builder, website design

The Best Free Tailwind CSS Components For 2022

If you’re a web developer/designer and haven’t already heard about or tried Tailwind CSS, it’s likely you have been living under a rock! First released as an alpha in 2017 and now in version 3, the utility-first CSS framework for rapidly building custom designs is all the rage these days. It seems we don’t see a day go by without at least one new article published about this unique offering in the world of web design (see some examples in our weekly roundups of articles). One of the best parts of the Talwind CSS ecosystem is the components that can greatly speed up your development process by dropping them into your project and modifying as needed. You can find and use headings, navigation, data display, lists, forms, buttons, and even full page layouts, plus much more – all great starting...

The 3 Best Project Management Tools For Freelancers In 2022

16Apr

By Editorial TeamNo Comments

building website, Collections, creating a website, Freelancing, google web designer, internet design, productivity, web design, web design company, web designer, web page design, website builder, website design, Workflow

The 3 Best Project Management Tools For Freelancers In 2022

If you are a solo freelancer, running your own business with a team of one, you may not think you need a professional project management system. After all, you don’t have a team to keep track of, communicate with, and make sure you’re all working together on the same page – it all comes down to you and only you! However, that is exactly why you need a place to keep your projects organized. As a freelancer, you wear so many hats – salesperson, project manager, client communicator, accountant, bill collector – and on and on. Every freelancer can use all the help they can find to simplify and consolidate all of these tasks as much as possible, which is where a good project management tool can be lifesaving. The Freelance Designer Toolbox Unlimited Downloads: 500,000+ Web Templates, Icon Sets...

12 Helpful Chrome Extensions For Web Designers & Developers

7Oct

By Brenda Stokes BarronNo Comments

building website, Collections, creating a website, google web designer, internet design, Tools, web design, web design company, web designer, web page design, website builder, website design

12 Helpful Chrome Extensions For Web Designers & Developers

As a developer, you probably already have a list of preferred browser extensions you use to help you customize your browsing experience and functionality. Chrome extensions have been constantly growing and improving. This has in turn led to an increase in performance and the quality of work for web designers and developers. Many developers use Chrome as their preferred browser because of its vast repository of extensions that will help save you time and increase your productivity. In case you’re on the hunt for some new extensions, here’s a list of 10 helpful Chrome extensions that will help make work easier for you: Your Web Designer ToolboxUnlimited Downloads: 500,000+ Web Templates, Icon Sets, Themes & Design Assets DOWNLOAD NOW 1. Sizzy Sizzy is a popular extension among web deve...

Bootstrap 4 Code Snippets – 1stWebDesigner

27Dec

By Editorial TeamNo Comments

Bootstrap, building website, Collections, creating a website, CSS, google web designer, internet design, responsive web design, web design, web design company, web designer, web page design, website builder, website design

Bootstrap 4 Code Snippets – 1stWebDesigner

Do you use Bootstrap 4 in your projects? If so, you may be interested to see these examples of it in action that we’ve collected. From modals, sidebars, and thank you pages, to drag and drop, responsive menus, and buttons, we’ve gathered a few samples of code snippets to help you further how you build your next website. So have a look, play with them on CodePen, bookmark, and be sure to check out our other collections while you’re at it. Your Web Designer Toolbox Unlimited Downloads: 500,000+ Web Templates, Icon Sets, Themes & Design AssetsStarting at only $16.50/month! DOWNLOAD NOW See the Pen Modal Demos by SitePoint (@SitePoint) on CodePen.dark See the Pen Sidebar template by Mohamed Azouaoui (@azouaoui-med) on CodePen.dark See the Pen Thank You Page Template by Jacob Lett (...

Impressive Pure CSS Drawings, Animations, and More!

26Dec

By Editorial TeamNo Comments

Animation, building website, Collections, creating a website, CSS, drawing, google web designer, internet design, responsive web design, web design, web design company, web designer, web page design, website builder, website design

Impressive Pure CSS Drawings, Animations, and More!

In today’s article we’ve compiled some impressive pure CSS drawings, animations, and other examples of what can be done with one of our favorite coding languages. Check out the various elements we’ve found on Codepen below, and be sure to check out our other collections of pure CSS code examples here on 1WD. The Freelance Designer Toolbox Unlimited Downloads: 500,000+ Web Templates, Icon Sets, Themes & Design AssetsAll starting at only $16.50 per month DOWNLOAD NOW Responsive No Div Car Animation See the Pen responsive <!– No Div –> car by abxlfazl khxrshidi (@abxlfazl) on CodePen.light No Div “Gary” Drawing See the Pen <no-div> Gary by Ritika Agrawal (@RitikaAgrawal08) on CodePen.light Animated Form Placeholders See the Pen Placeholders by Mikael Ainalem (@ainalem) o...