𝙬𝙝𝙞𝙢𝙨𝙮 𝙩𝙝𝙚𝙢𝙚𝙨

lana del rey icons | requested by anonymous

icons are 300x300 px

like or reblog if using!

playlist page 01

preview | get the code | rules | credits

like/reblog if you use!

if you need any help or if there’s bugs, feel free to message me

a guide for editing is in the code

features:

fully responsive (= works on mobile devices)

dark or light theme

sections can show big or small playlists

all colors customizable (guide is there)

banana cupcakes 🍌 ━  tumblr theme; {+ version 2.0}

[ live preview ] 

Simple and cute theme with clamps on posts 📌. This theme features: 

custom: posts width, icon size & border style

4 extra links 

2 font sizes

pagination or infinite scroll 

optional: title, shadow, favicon, cursor

show / hide captions & tags

Get the code under the cut

Pagecraft Challenge

Coding Awards’ third challenge focuses on pages!

Guidelines: Your entry must be a page!

Get as creative as you want! There are no other entry requirements other than it being a page!

How to participate:

Reblog this post.

Submit your entry or tag the post with #pagecraft and/or #codingawards

Link to the competition’s page in your entry’s post.

Duration: May 1st to June 30th (11:59 p.m. GMT)

For questions contact @suiomi or @annasthms, or leave a message

For more information check out the Coding Awards page

THEME POÉME preview / download / alternative

page theme three: soft universe by pirateskinned ↳ static preview — pastebin

about / moodboard page theme

seven images, sizes can be found in the code though everything automatically resizes

three custom links, five accent colours and room for a quote

text area which can be filled with statistics or a block of text - overflows automatically

basic html and css knowledge is required to use this page

I created Coding Haven, a discord server where we can share web development resources and help each other as a community.

This server is open to theme makers of all levels who want to share their work as well as ask for and provide help.

You only need to do two things to join:

1. have at least one code released 2. reblog this post and send a message here asking for the discord link Rules.

The server will have more in-depth information however I felt it was important to note these rules before joining.

no harassment/bullying of any kind

no stealing/copying codes or designs

keep all messages in appropriate channels (the welcome channel will explain each channels purpose) 

After Joining

Once you have joined the server, change your nickname to the url where you post your codes. The good thing about discord is that you can have a different nickname for each server, so if you’re in other servers, don’t worry! It won’t change your nickname for those ones.

Gridmania Challenge

Coding Awards’ second challenge focuses on grid layouts!

Guidelines: Elements of the page must be laid out as a grid!

JS: Masonry by David DeSandro, Isotope by Metafizzy

CSS: CSS grid, flexbox

These are not your only options, but rather some techniques that you may consider.

How to participate:

Reblog this post.

Submit your entry or tag the post with #gridmania and/or #codingawards

Link to the competition’s page in your entry’s post.

Duration: March 1st to April 30th

For questions contact @suiomi or @annasthms, or leave a message

theme 09 — coral a theme for codingcabin’s pantone color of the year challenge

preview, code (alt.)

features:

custom circle cursor

3 sidebar types

popup menu

popup post info

search bar

jump pagination, infinite scroll, or load more

credits:

icon font: @suiomi

modified css photosets: @annasthms​ and @espoirthemes (x)

infinite scroll: paul irish

smoothscroll

page loader: Vijaya Kumar Vulchi (x)

menu link hover effect: codrops (x)

more info

Some time ago I was searching the Internet looking for any information on how I can make using repeating data in CSS, like colors and paddings any less repeating. In programming languages there are usually variables that help you with the problem of repeating and remembering data but in CSS there wasn’t anything like this for a long time until someone smart finally added it. I wanted to tell you about CSS variables (also known as custom properties) because I think that not many people know about this. It’s cool to know how to use though and it helps a lot to make your code cleaner and organized.

Our Pantone Living Coral challenge ended on February 28th and we must say, we’re impressed with everyone’s entries! Congratulations to everyone who participated for the amazing work you’ve done!

Without further ado, here are the winners:

Master Designer. @magnusthemes

CEO - Creative Excellence Officer. @cactusthemes

UX BFF. @borntobewildcodes

Readability Prodigy. @nonspace

Colour Guru. @odeysseus

Congratulations to everyone who won!

As stated before, the winners of this challenge will not be able to win another category for the upcoming three challenges to make sure that everyone has got a chance at it. Still, everyone is encouraged to participate in our challenges!

As we’ve mentioned at the announcement of the competition, the winners will get a personalised badge for the category they won, which they can have in their blogs. Additionally, the winners will be featured in Coding Cabin’s and suiomi’s sidebar for the duration of the next challenge.

We’d also like to promote every person who participated in this challenge: