background preloader

Web Design with Google Sites

Web Design with Google Sites
Related:  Google Sites IWebsite Designs

Bootstrap Modals A New Vision for Google Sites Embed Audio with Google Drive - By Chad Olson | June 29, 2014 | Category Tutorials In this tutorial I will be showing you how to use Google Drive to host and embed audio for your blog. The first thing you will need is a Google Account. I am assuming you already know how to add folders and files to Google Drive. Create a folder named what ever you wan’t, Share it publicly. Once you have your audio file uploaded select open with Google drive viewer. The file will open with no preview available There will be a download arrow under file. click the download arrow and it will start to download. Once you have that you can embed the file on your blog. (Copy and paste your download link in to the html tags below.) The look of the player will be dependent on the browser you are viewing it on. Tags: audio, blog audio, embed, embed audio, Google Drive, html audio, streaming audio player

Flat Design: It’s Time To Get In On The Latest Web Trend Flat Design, Flat Design, Flat Design, there are more and more designers creating websites using flat design. Whatever you think, if it’s a fad or this year’s trend and will go away as fast as it came, when created the right way it gives you a simple, clean, minimalist and beautiful look and most importantly a definite improved user experience. There is more emphasis on content and strikes a good balance with design. Gone are the textures, shiny looking objects, (ie. buttons) gradients, shadows, bevels and 3D look. It strips down to its basic design core and becomes harder to define the actions and elements of the page. Flat design focuses on five characteristics – minimalist approach, focus on color, no effects, simple design elements and typography. Typography is extremely important in flat design, which means as designers need to be much more knowledgeable it this area on how different typefaces match and fit in the overall design. Like this: Like Loading...

Spanish Pronunciation Feedback BETA : Learn pronunciation and practice vocabulary. If you are a first-time user of this site, or an existing user of an earlier version of NetProF (either as a student, teacher, or audio recorder), you will need to use the "Sign Up" box to add a password and an email address to your account. Your email is only used if you ever forget your password. If you are a teacher assigned to record course material - check the box next to ‘assigned reference audio recorder.’ Students and Teachers: After you register, use the ‘Login’ box to access the site. The site will remember your login information on this computer for up to one year.

Website Design Folkestone Kent - Mat Mackenzie Creative Technologies Website Design Folkestone Kent Professional website design Folkestone Kent! Creative Technologies specialises in beautiful bespoke websites built using the WordPress platform, the best and most widely used website development platform in use today. View our website Portfolio Learn more about WordPress websites A beautiful new website exactly the way you want it If you would like to discuss a new website with me, the first thing you’ll want to do is arrange a meeting with me to tell me about what you need, and to gain an idea as to whether you think I’m the right man for the job. During this meeting, I will listen carefully to your requirements, and may also add my own ideas into the mix. After our meeting, I will go away and prepare a proposal and quotation for you. Read or download a generic version of our Proposal/Agreement document (PDF) Its then up to you. Features of our websites How much does a new website cost? ‘How much does it cost?’ Learn more about our Website Setup Service

Content Spoiler With Simple Animation Here is a light spoiler code that can be used to hide parts of your blog content. You can use it in posts, pages, widgets, or wherever you see fit. This spoiler adds a few improvements to our previous spoiler, such as: Button text changes according to the state of the spoiler - “Show” in hide state and “Hide” in show state. Animated expand and collapse actions, achieved using CSS3 Transitions. See it in action, test the demo below: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. This simple content spoiler a.ka. show/hide a.k.a. peek-a-boo code only uses small CSS, HTML and inline Javascript. This spoiler is made up of two parts -CSS and HTML. If you plan to use this spoiler regularly then I suggest you put this CSS rules in your template just before the </head> tag. Simply put the content you wish to hide inside the div tag, as indicated above. III) Customization The spoiler above is in its most basic form. Enjoy!

Design Services by MyWork Australia Website Design Our affordable web design packages offer everything a good quality website requires. From a professional design, hosting, domain, emails, support and Content Management System (CMS) access, this complete website solution is perfect for tradesmen, individuals and small to medium sized businesses. With a Google friendly design and easy to understand CMS, maintaining your website has never been simpler. If you get stuck, do not worry, the MyWork support team is just a phone or email away. Online Shops The MyWork Online Shop Package is a complete ecommerce system perfect for any business or individual looking to sell their products or services online. Although a vital part of any modern business, the development of an Online Shop has been largely considered an unachievable goal for small to medium sized companies. Logo Design Let us create an identity for your business. Mobile Web Design Digital Marketing Social Media Design Branding & Print Forum: Programming: Simple HTML Code for [Show/Hide] spoilers. Hi hi. I've always been wondering why there's only "Show" spoiler code in Gendou... and then I ended up making a "Show/Hide" code by modificating the "Show" code in the FAQ because I want to use them for my profile. XD And... I just want to share the code to everyone here Here's the code : <a id="show_id" onclick="document.getElementById('spoiler_id').style.display=''; document.getElementById('show_id').style.display='none';" class="link">[Show]</a><span id="spoiler_id" style="display: none"><a onclick="document.getElementById('spoiler_id').style.display='none'; document.getElementById('show_id').style.display='';" class="link">[Hide]</a><br>spoiler_content</span> And here's the example result : [Show][Hide]spoiler_content Like in the FAQ, choose a unique name for the "spoiler_id" and "show_id". Here's the example result: Click anywhere inside the box to show spoiler. spoiler_content Click anywhere inside the box to hide spoiler. And you may change the style if you want to. or this :

Kinfolk Use Google Sites to Build Your Own Digital Learning Hub TL;DR version: As your create and curate your digital identity and online educational brand, consider using Google Sites as your digital learning hub. This allows you to have one place online that you use to include any & all content you want your students to use. In a previous set of blog posts I detailed my own learning and reflections as a result of facilitating and presenting at the MA New Literacies Institute. One of my final revelations is that we’re at the point where educators should not only be creating and curating their online brand, but that this should be supplemented with your own learning management system (LMS). Thanks to a growing suite of free tools…most notably Google Apps, this is now possible. Getting started with Google Sites Google Sites is a free website construction and hosting tool that is part of the Google Apps for Educators suite. The following video provides the basics on building and editing in Google Sites. Advanced use of Google Sites Living la vida Google

Chicky Net: Expat Women in Thailand - Chicky Net | Social Network for Expat Women About UsChicky Net is the online social network for women who have either relocated to Thailand or who are visiting for a specific period of time. The website offers an exciting and fun way to meet other expats and to make new friends with whom they can share their Thailand experiences. The network has sub-networks all over Thailand, including Bangkok, Chiang Mai, Hua Hin, and Phuket. Here women can interact with each other, meet at events, and even join specialist groups that suit their own interests. Women not living in these areas are also welcome to join. Joining the network is free; all that is required is a quick registration so others know a bit about you and your interests. Thailand is beautiful and there is plenty to keep you entertained, but Chicky Net really makes this country feel like home and makes you feel a bigger part of the expat community.

Create a Javascript Popup Window Make a Popup Window You can create the html code for a popup window with this online tool. Just use the form below to generate the necessary popup windows code to paste into your HTML. This tool is good for quick one time use but if you want to have popup functionality built into your website then you should learn about the javascript code needed to create pop-up windows for your site or an even better way is to use the jQuery popup code. Using this popup window generator script lets you control the pop-up window size and appearance, along with the option to make the pop up resizable or not. All the necessary HTML code is generated by this tool so all you have to do is copy and paste the script. I've added some observations about current cross browser support for pop-up windows at the bottom of the page. Most modern browsers will no longer let you hide the bar at the top containing the URL of your pop-up windows. Chrome Problem with Scrollbars Appearing on Popup Window