- Numbers Guessing Game- Your Numbers Game- Get 
 clue- Your 
 answer- Your 
 Score- Clue? - Score 0/0 
- 
		Recent Posts- Message Board One Liners Content Filtering Tutorial
- Message Board One Liners Group Privacy Tutorial
- Message Board One Liners Group Invitations Tutorial
- Message Board One Liners Primer Tutorial
- YouTube API Caller Radio Play Connection Loss Implication Tutorial
- Iframe Hashtag Calling Tutorial
- YouTube API Caller Radio Play Remembering Recall Words Tutorial
- YouTube API Caller Radio Play Scheduling Tutorial
 
- Categories- Ajax
- Android
- Animation
- Anything You Like
- Code::Blocks
- Coding
- Colour Matching
- Data Integration
- Database
- Delphi
- Eclipse
- eLearning
- ESL
- Event-Driven Programming
- Games
- GIMP
- GUI
- Hardware
- Installers
- iOS
- Land Surveying
- Moodle
- Music Poll
- NetBeans
- Networking
- News
- Not Categorised
- OOP
- Operating System
- Photography
- Projects
- Signage Poll
- Software
- SpectroPhotometer
- Tiki Wiki
- Trips
- Tutorials
- Uncategorized
- Visual Studio
- Xcode
 
- Meta
- TagsAjax animation background button canvas command line CSS Did you know DOM dropdown email emoji event form game games Google Google chart hashtag HTML IFRAME image iOS Javascript MAMP map mobile navigation onclick overlay PHP programming select share sharing SMS SVG table text textarea tutorial url video web browser webpage
- Your Background Image
 
- OnTopList
Tag Archives: responsive
Responsive Web Design Landing Page Incarnation Tutorial
Along the same “Responsive Design” themes of Responsive Web Design Primer Tutorial, we stumbled upon the excellent W3Schools Responsive Design Based Start Page Idea which inspired us to retry RJM Programming Landing Page thoughts … separating out totally “uninvolved” Landing … Continue reading
									
						Posted in eLearning, Event-Driven Programming, Tutorials					
					
													
						Tagged CSS, design, HTML, Javascript, landing page, programming, responsive, responsive design, tutorial, webpage					
					
								Leave a comment
							
		CSS Grid Column Context History Tutorial
With web applications, two words are often intertwined … context … and … history … because the state of a webpage can sometimes only be fully appreciated by how it got to be like that, or its “history” in “context”. … Continue reading
									
						Posted in Animation, eLearning, Event-Driven Programming, Tutorials					
					
													
						Tagged animation, cell, checkbox, colspan, column, commutative, context, CSS, div, grid-column, history, HTML, keyframes, order, programming, property, responsive, responsive design, row, rowspan, style, styling, table, tutorial, user experience, UX					
					
								Leave a comment
							
		CSS Grid Column Animation Tutorial
CSS @keyframes rule animations can add “pizazz” to your webpages. And, because yesterday’s CSS Grid Column Primer Tutorial‘s web application‘s actions could take place in the blink of an eye before registering “what just happened” for the user, we offer … Continue reading
									
						Posted in Animation, eLearning, Event-Driven Programming, Tutorials					
					
													
						Tagged animation, colspan, column, CSS, div, grid-column, HTML, keyframes, programming, property, responsive, responsive design, row, rowspan, style, styling, table, tutorial					
					
								Leave a comment
							
		CSS Grid Column Primer Tutorial
Continuing on with the theme of “HTML div element looking like an HTML table element” regarding a “grid look”, onto yesterday’s CSS Row Gap Primer Tutorial start, today we turn our attention to the CSS “grid-column” property … The grid-column … Continue reading
									
						Posted in eLearning, Event-Driven Programming, Tutorials					
					
													
						Tagged colspan, column, CSS, div, grid-column, HTML, programming, responsive, responsive design, row, rowspan, style, styling, table, tutorial					
					
								Leave a comment
							
		CSS Row Gap Primer Tutorial
Yes, an HTML div element innerHTML content can be organized like an HTML table in a “grid” like way via CSS like … <style> div.grid-container { display: grid; row-gap: 50px; } </style> … thanks to https://www.w3schools.com/cssref/tryit.asp?filename=trycss3_row-gap here, too! And yes, … Continue reading
									
						Posted in eLearning, Event-Driven Programming, Tutorials					
					
													
						Tagged CSS, div, getBoundingClientRect, grid, HTML, programming, responsive, responsive design, row-gap, style, styling, table, tutorial, window.innerHeight					
					
								Leave a comment
							
		Flex Box CSS Primer Tutorial
To use percentage (%) units in CSS in a web application can be a conduit towards Responsive Web Design goals you have. But have you considered the “Flex Box” as another approach? CSS3 flexible Box, or flexbox is a new … Continue reading
									
						Posted in eLearning, Tutorials					
					
													
						Tagged CSS, div, flex, flex box, percentage, programming, proof of concept, responsive, responsive design, style, styling, table, tutorial					
					
								Leave a comment
							
		Responsive Web Design Primer Tutorial
Today we wanted to tip our toes into the vast subject of “responsive web design” … Responsive web design (RWD) is an approach to web design that makes web pages render well on a variety of devices and window or … Continue reading
									
						Posted in eLearning, Event-Driven Programming, Tutorials					
					
													
						Tagged design, host, IFRAME, nest, programming, responsive, responsive design, tutorial, webpage					
					
								Leave a comment
							
		WordPress Responsive TwentyTen Primer Tutorial
The blog you are reading got a makeover today. We installed an excellent WordPress Plugin called “Responsive TwentyTen” by Todd Halfpenny that … Makes your TwentyTen themed site have a responsive and fluid layout. Making it ideal for for viewing … Continue reading
									
						Posted in eLearning, Tutorials					
					
													
						Tagged blog, browser, CSS, device, Did you know, mobile, plugin, responsive, responsive design, screen, stylesheet, theme, tutorial, TwentyFifteen, TwentyTen, TwentyTen theme, width, Wordpress					
					
								Leave a comment
							
		 
                    
								
