Blah Design @blahadesign-blog - Tumblr Blog

How to do a robot dance: Step 1. Create a robot using HTML, CSS, and JavaScript. Step 2. Dance!

Site map for my upcoming portfolio website.

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/Javascript(?) for their menu:

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.

End result for my Local Business website

#html #css #javascript

freefrontend-blog

HTML5 Before & After Comparison Slider

http://freefrontend.com/css-sliders/

freefrontend-blog

HTML5 Video Before-and-After Comparison Slider

http://freefrontend.com/css-sliders/

freefrontend-blog

Image Comparison Slider

http://freefrontend.com/css-sliders/

freefrontend-blog

42 CSS Modal Windows

Collection of HTML, CSS and JavaScript modal windows. Demo and download code (*zip). http://freefrontend.com/css-modal-windows/

freefrontend-blog

18 CSS Gallery

HTML and CSS gallery with little JavaScript. Demo and download code (*zip). http://freefrontend.com/css-gallery/

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!

Blog 4/5

Site Map as well as Color Scheme I’m working on for local business Faux Fabulous interiors.

Site map for my upcoming portfolio website.

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.

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!

#CSS #HTML #javascript

freefrontend-blog

12 CSS Circle Menu

http://freefrontend.com/css-circular-menu/

freefrontend-blog

Zigzag Dropdown Menu Concept

Trending Blogs

Recently Viewed Blogs

Blah Design