What You’ll Be Creating Looking to turn a picture into an SVG for Cricut? Then look no further! In this tutorial, we’ll go over what the SVG file type is and why you would want to use SVG files for Cricut. Next, we’ll go over how to create SVG files for Cricut in several different… Continue reading How to Turn a Picture Into an SVG for Cricut
Tag: SVGs
How to Create Online Brand Consistency (for Email and Web)
In an economy that’s more digital than ever, one statement stands particularly strong: “Brand consistency is the key to survival in today’s digital economy” – Marketing Week Brand consistency leads to brand recognition, and brand recognition leads to brand trust. Have you ever trusted a brand you didn’t recognise? The Challenge of Online Brand Consistency… Continue reading How to Create Online Brand Consistency (for Email and Web)
How to Enhance Your Website Layouts With SVG Shapes
In this new tutorial, we’ll get rid of the usual boring rectangular boxes and learn to build a landing page full of complex SVG shapes. We’ll even enhance it with Bootstrap styles as well as a full-screen background video. The best way to understand what we’re going to build is by checking out the demo, so it’s… Continue reading How to Enhance Your Website Layouts With SVG Shapes
7 Things You Must Remove From Your Website Before 2019
December 11, 2018 by Alex Fox If you’ve got these things in your website, you better remove them before 2019. Here’s our “favorite” outdated or regrettable content choices. Mouseover Navigation Menus The most obvious problems with mouseover navigation menus is that not every visitor has a mouse. How does a mobile user “mouseover” something? Obviously,… Continue reading 7 Things You Must Remove From Your Website Before 2019
Using Figma for SVG Design
Figma is becoming very well known as a UI design tool, but on top of its excellent performance in this arena, it is also becoming a favorite for its robust vector design tools and SVG capabilities. In our new short course, Using Figma for SVG Design, you’ll learn how to use Figma for vector editing… Continue reading Using Figma for SVG Design
Jam Icons – 422 Handcrafted & Pixel Perfect Icons
Jam icons is a set of icons designed for web projects, illustrations, print projects, etc. comes with both font & svg versions. The icons have been made in a 64×64 grid with a 4 pixels stroke basis, all in a consistent way and tested at 18×18, 24×24, 32×32.You can use Jam icons in two ways:… Continue reading Jam Icons – 422 Handcrafted & Pixel Perfect Icons
5 Unusual Trends to Create Fresh Look of Your Website
To begin with, we all know that owning a popular online project is not the easiest thing for today. Needless to say, there are a lot of different colorful and attractive websites that already exist. Thus, you have to create something that is truly unique in order to stand out from the crowd. Without a… Continue reading 5 Unusual Trends to Create Fresh Look of Your Website
The Big Interview: Kevin Ball and Rafi Benkual talk all things ZURB
This month we got the opportunity to interview Kevin Ball and Rafi Benkual from ZURB. We got to talk about the future of the web, the state of web design today, and of course, about Foundation. WebdesignerDepot: Hello Ladies and Gentlemen, I am Ezequiel Bruni for Web Designer Depot, and today we are talking to… Continue reading The Big Interview: Kevin Ball and Rafi Benkual talk all things ZURB
All the best stuff for web designers announced at Adobe MAX
We’re seeing a lot of interesting competition to Adobe apps these days, but that hasn’t slowed Adobe down at all. (Are you taking notes, Apple?) At this year’s Adobe MAX conference, Adobe has unveiled a slew of awesome updates to all of their CC apps. They’ve done some incredible things all across the board. Since… Continue reading All the best stuff for web designers announced at Adobe MAX
SVG Tools And Resources You Might Want To See
Advertisement SVG, also known as Scalable Vector Graphics, is one of the fastest and best tools being utilized by web developers, especially those who are looking to have different animations placed into the many websites and apps that they design. As mobile devices such as smartphones and tablets become more and more popular throughout the… Continue reading SVG Tools And Resources You Might Want To See
Chartd – Responsive and Retina-Compatible Charts
Advertise here via BSA At StatHat, they make a lot of charts. They creates dynamic, autoupdating charts using JavaScript, but we also send charts via email and to external services like Campfire and Slack. Plus, they let users embed charts on their own web pages. For these situations, JavaScript charts either won’t work, are overkill, or could get… Continue reading Chartd – Responsive and Retina-Compatible Charts
An Interactive 3D Mall Map Concept
Advertise here via BSA Today Codrops has shared an Interactive 3D Mall Map experiment with us. The idea is to show a mall map with all its floors in perspective. Additionally, we have a search in a sidebar that allows to filter mall spaces. Once a floor is selected, we show some pins as indicators… Continue reading An Interactive 3D Mall Map Concept
CSS And Javascript Animation Libraries To Create Awesome Effects
Velocity.js Velocity is an animation engine with the same API as jQuery’s animate(). It works with and without jQuery. It’s incredibly fast, and it features color animation, transforms, loops, easings, SVG support, and scrolling. It is the best of jQuery and CSS transitions combined. Vivus Vivus is a lightweight JavaScript class (with no dependencies) that… Continue reading CSS And Javascript Animation Libraries To Create Awesome Effects
Examples of Scalable Vector Graphics (SVGs) in Web Design
SVG (Scalable Vector Graphics) images offer web designers a flexibility with imagery they have not previously known. Now compatible with all current web browsers and most mobile device platforms, here is another technique that is threatening the popularity of Flash. SVG images are small in file size and they scale pretty much to any size… Continue reading Examples of Scalable Vector Graphics (SVGs) in Web Design