background preloader

Web Design & HTML

Facebook Twitter

Noun Project - Icons for Everything. Design Resources – The Best Curated Collection For Designers. If you’re like me, you spend a lot of time trying to find the perfect pattern, the finest font, and the coolest color combo.

Design Resources – The Best Curated Collection For Designers

What if you could bookmark one page that contained all of the design resources and references you’ll need? 60 Free Outline Icon Sets Perfect for Contemporary Designs. With the ever-changing trends, it can be challenging to keep designs relevant and forward-thinking.

60 Free Outline Icon Sets Perfect for Contemporary Designs

No one wants their website or app to look like it’s stuck in the late 1990s (sorry, Comic Sans). Luckily, contemporary design trends in 2016 favor minimal and eye-pleasing simplicity in lieu of the flash graphics and bouncing 3D buttons of the past. A hugely important part of the contemporary “less-is-more” style is the use of icons. Not all icons are created equal, though. 50 Design Terms Explained Simply For Non-Designers. Getting thrown into the world of graphic design can sometimes feel like learning a new language.

50 Design Terms Explained Simply For Non-Designers

Kerning, tracking, warm colors, cool colors, CMYK, RGB, OMG. There are a lot of technical terms thrown around and it can get confusing at the best of times. But, if you’re finding yourself confused, never fear – we’re here to help. So, whether you’re a new designer yourself, are just a little curious, or are simply trying to decipher your designer’s emails, sit back and relax as we break down some common terms for you. 01.

The artistic arrangement of type in a readable and visually appealing way. Do you know all 20 of the typography mistakes every beginner makes? 02. 50 Free Headline Fonts Built For Impact And Audience Engagement. Are you willing to risk a headline that doesn’t automatically grab the attention of your audience?

50 Free Headline Fonts Built For Impact And Audience Engagement

Headlines that don’t grab attention really hurt the chances of your work being noticed by anyone. It doesn’t matter how good the design work or content is, if the headline doesn’t draw in the crowd, you’ll always struggle to build an audience. A big factor that contributes to whether your headlines ‘work’ is whether you’ve chosen the right headline font. Choose the wrong font — one that doesn’t attract a crowd and make an impact — and you’re in trouble.

Choose the right font — one that is robust, unique and impactful — and you can consistently create standout headlines that engage the masses. But finding the right headline font is difficult. Free Icons: 49 Best Sites To Find Beautiful And Useful Free Icons. Wouldn’t it be awesome if those icons were free?

Free Icons: 49 Best Sites To Find Beautiful And Useful Free Icons

Well, you’ve come to the right place. We’ve scoured the interwebs to find 50 of the best sites for free, but beautiful, icons. Definitely bookmark this resource, because it’s sure to become your go-to fave when finding icons for website design, web applications, infographics, and desktops. But the uses don’t stop there. 100 Brilliant Color Combinations and How to Apply Them to Your Designs.

Color makes a design come alive.

100 Brilliant Color Combinations and How to Apply Them to Your Designs

It can attract attention, set a mood, and even influence our emotions and perceptions. But sometimes it can be hard to know where to start when choosing a color palette for your design project. So we’ve done the hard work for you— giving you 100 color combinations inspired by nature, food & drink, travel, and everyday items. The Best Web Hosting Services. Are you looking for the best web hosting services for your needs?

The Best Web Hosting Services

Whether you need a place to host your small personal blog or a major corporate website, the following list will help you identify the best hosts to use. Finding the best web hosting service isn’t quite as straightforward as searching Google and choosing the one with the lowest price. There are a lot of issues to consider, including the reasons for why you need hosting and how you intend to use it. Once you have a handle on that, finding the right host becomes much easier. Alpha Widget Gallery: Browse and Download by Topic.

FONTS

Weebly Archives » WebNots. Add Two Buttons or Remove Button in Weebly Landing Page » WebNots. All Weebly themes have a button on landing page used for call to action purpose.

Add Two Buttons or Remove Button in Weebly Landing Page » WebNots

It works highly effective when used properly and results in more conversion rate. 64:makeuseof:w sitb48:df7GKlPU0DmOpGOyWxRz1Q. Color schemes. Color Rule AnalogousMonochromaticTriadComplementaryCompoundShadesCustom.

Color schemes

Coolors - The super fast color schemes generator! Colourcode - find your colour scheme. The Ultimate List of Online Colour Palette Generators for Web Design. When working on multiple design projects, it’s sometimes easy to be a victim to habit when it comes to color selection.

The Ultimate List of Online Colour Palette Generators for Web Design

The overwhelming spectrum of tones, hues, and shades available makes it easier to stick with what we know works, rather than experiment with something new and bold. The Color Scheme Designer. Coolors - The super fast color schemes generator! HTML Table Border. This page contains HTML table border code - HTML codes for specifying or changing the border of your tables within your blog or web page. HTML table borders are specified using Cascading Style Sheets (CSS). Typical Table Border To set the border of an HTML table, use the CSS border property. <table style="border:1px solid yellowgreen;"><tr><th>Table header</th><th>Table header</th></tr><tr><td>Table cell 1</td><td>Table cell 2</td></tr></table> Table Cell Borders You'll notice that the above example created a border around the table.

Edit Source HTML or CSS in Free Weebly Site » WebNots. Though Weebly offers “Embed Code” element to add custom HTML, CSS and JavaScript code on your page content, sometimes it is necessary to modify the source HTML / CSS of your site. Weebly allows both free and premium users to edit the source HTML / CSS code of a site in order to encourage adding more customization to make a good looking site with needed features. Here is a step by step tutorial on how to edit source HTML or CSS in free Weebly site and things you can do with Weebly code editor.

Summary of Weebly Code Editor Options: CSS Box Shadows Effects. In this tutorial we are going to be creating box shadow effects with just CSS. Below is an image created in photoshop of different box shadows effects.

SEO

A design resource for kids, parents, teachers. 19,400 Icons - Free Download. Web Fundamentals - Google Developers. Web Push Notifications, a new way to engage users Web push notifications makes it easy to re-engage with users by showing relevant, timely, and contextual notifications to the user, even when the browser is closed! Web push notifications allow users to opt-in to timely updates from sites they love and allow you to effectively re-engage them with customized, relevant content. The Push API and Notification API open a whole new set of possibilities for you to re-engage with your users. Stylify Me - Online Style Guide Generator.

70 Best All-Time Web Design Tutorials. We created a site in Wix, Weebly, Squarespace & WordPress – See How Each Stacks Up. Creating a website and trying to figure out what platform to use? We created a site in the big 4 website creation tools – recorded the video and show you the pros and cons of each. If you’re thinking of building your own website – you want to read this first. First, some background on each: Reports of the number of users of each platform vary widely from source to source, but the general consensus is that WordPress leads and no one else is catching up anytime soon. According to a July 2015 study by W3Techs, out of the 40.1% of the websites it surveyed that use a Content Management System, WordPress enjoys a market share of 60.3% (24.2% of the potential market overall, when including non-CMS users). The study found that all other CMS platforms together account for just 15.4% of the potential market, and Wix, Weebly, and Squarespace each claim less than 1%.

Wix.com. The Best Web Hosting Services for 2015. Large or small, every business needs a website. A Small Orange. E-Commerce Online Store Builders Comparison Chart. [1] Overall – Scores are based on the average of the scores above – You should not base your decision solely on the average scores as there are many qualitative / subjective factors that you should consider prior to deciding.

Dynamic Drive DHTML(dynamic html) & JavaScript code library. Weebly HTML Tutorial - Weebly HTML Tutorial. Webmasters Glossary » WebNots. Free Tools and Programs for Making Money Online. Building a business on the web requires tools and software for both research and development.

Below you'll find all of the tools we use in our business, and the best part is...they're all free. Keyword Reasearch Google Adwords Keyword Tool: Google's keyword volume tool, where you can find estimated monthly traffic volume for keyword phrases. Google Trends: Use this in conjunction with Google's keyword tool above, to double check on the relative volume of different terms. W3Schools Online Web Tutorials. How to create guided questions on website. Four Good Resources for Learning to Write HTML. Yola - Make a Free Website.

W3Schools Online Web Tutorials. Coding Starts Here. Mozilla Thimble. Suffusion – the Best, Most Versatile and Totally Free WordPress Theme » Aquoid Themes. Adam - Advanced Dynamic Application for creating Multimedia Content - Powered by Hosting Nation. Adam - Advanced Dynamic Application for creating Multimedia Content - Powered by Hosting Nation.

Learn to code. 8 Tips To Come Up With Winning Ideas When You Are Brainstorming Alone. Brainstorming conjures up images of teams trying to hash out wild ideas around complex problems. Two heads think better than one, but brainstorming is as much about individual problem solving as it is about the group. The energies required for solo brainstorming are probably more, but the methods to build up the “storm” of ideas aren’t that different. Inspire Magazine. Best Design Options for Designers. W3Schools Online Web Tutorials. HTML Cheatsheet. Diagrams: Tools and Tutorials.

CSS For Bar Graphs. Having a working knowledge of XHTML and CSS when developing applications is a big help in knowing what can be done client-side and what should be generated server-side. Crazy Egg - Visualize where your visitors click. Over 200,000 businesses Convert Better with Crazy Egg, The Original Heatmapping Technology. Introduction to HTML - iSchool Tutorials. Program Synopsis.