blahadesign-blog
Blah Design
My Web 1 Experience
29 posts
Don't wanna be here? Send us removal request.
Last Seen Blogs
sanhva
SanhVa art
fullyassembled
Ghost in the Machine
slingshotfanart
Just having fun with me arts
quietvs
deathcheater
deaddayzero
place for your ad. personal ad
Photo
How to do a robot dance: Step 1. Create a robot using HTML, CSS, and JavaScript. Step 2. Dance!
530 notes
·
View notes
Photo
My inspirational website that I chose was Wanaka Studio. (www.wearewanaka.com) I like all the animations that they include in the website, along with the layout of every page and the navigation bar. They use a bunch of javascript in their coding. They also use HTML in their coding for the language preset to French.
<html class="no-js" lang="fr-FR" prefix="og: http://ogp.me/ns#">
HTML/Javascript(?) for their menu:
<body class=“WnkProjects” style>
<div id=“pixelResponsive”></div>
<div id=“blackOverlay” class=“show”></div>
<div id=“btnMenu” style=“left:50px; top:86px; background_image: url(”http://www.wearewanaka.com/wp-content/themes/v2/ww/img/assets/sprite_menubtn.png”); background-position: (always changing)px 0px;”></div>
<nav id=“menu” class=“anim” style=“left: 0px; margin-top: -97.5px; top: 107px;”>...</nav>
<div class="loader" style="background-image: url("http://www.wearewanaka.com/wp-content/themes/v2/www/img/assets/sprite_loader.png"); display: none; background-position: 0px 0px; transform: scaleX(1) scaleY(1);"></div>
I also chose Wood Stock Creation as a second inspirational page which was designed by Wanaka. I like how their layout differs from Wanakas but at the same time it flows together nicely. I also love the animations involved in their sight as well.
0 notes
Photo
End result for my Local Business website
0 notes
Text
HTML5 Before & After Comparison Slider
http://freefrontend.com/css-sliders/
22 notes
·
View notes
Text
HTML5 Video Before-and-After Comparison Slider
http://freefrontend.com/css-sliders/
3 notes
·
View notes
Text
Image Comparison Slider
http://freefrontend.com/css-sliders/
3 notes
·
View notes
Text
42 CSS Modal Windows
Collection of HTML, CSS and JavaScript modal windows. Demo and download code (*zip).
http://freefrontend.com/css-modal-windows/
29 notes
·
View notes
Text
18 CSS Gallery
HTML and CSS gallery with little JavaScript. Demo and download code (*zip).
http://freefrontend.com/css-gallery/
13 notes
·
View notes
Photo
Finally, getting somewhere with my local business website! Can’t be more excited then how I am right now! Trying some new things like contact forms, javascript slideshows, and images with a hover over box! Will post updates soon!
0 notes
Photo
Site Map as well as Color Scheme I’m working on for local business Faux Fabulous interiors.
0 notes
Photo
Screenshot from an in class exercise to create a page with an photo that includes text wrap and other things we’ve learned up until this point. The photo has a hover action over top as well as the caption. All information is from the BPA website. Photo taken by the competitors teacher.
0 notes
Photo
Our recent assignment was to go back to our favorite website and look at the page source. With it only being almost 3 weeks since the class began I can start to tell how the website was constructed. GoMedia’s website uses HTML, CSS, and Javascript.
From what I can get from the enormous amount of code is that most of the text is done in HTML. They have the images, font styles, navigations, etc. in CSS. Where as they use Javascript for their interactive buttons like ‘Have a Question?’ or ‘GET STARTED NOW!’. This is all I can tell for what little I know so far but I recognize a lot of the HTML characters and CSS selectors, declarations, property and values!
0 notes
Text
12 CSS Circle Menu
http://freefrontend.com/css-circular-menu/
22 notes
·
View notes
