Tag Archives: CSS

Gimp Guillotine Follow Up SVG Tutorial

Posted on September 12, 2018 by admin

Today’s SVG day adding onto the progress from yesterday’s Gimp Guillotine Follow Up Image Transformations Tutorial. What’s SVG? Read from Wikipedia below … Scalable Vector Graphics (SVG) is an XML-based vector image format for two-dimensional graphics with support for interactivity … Continue reading →

Posted in Animation, eLearning, Event-Driven Programming, GIMP, Tutorials | Tagged animation, array, attachment, background, backgroundImage, backgroundPosition, blur, border, brightness, canvas, command line, contrast, convert, CSS, CSS3, desktop, details, display, div, DOM, drop shadow, editor, email, eval, exec, ffmpeg, file specification, filter, GIMP, grayscale, guides, guillotine, HTML, hue, image, image map, ImageMagick, inkscape, invert, Javascript, keyframes, MAMP, margin, matrix, multiple, opacity, overlay, PDF, PHP, push, responsive design, reveal, rotate, rotation, scale, selection, sepia, setTimeout, sharing, skew, slice, slideshow, summary, table, transform, transformation, transitions, translate, tutorial, visibility, web design, webpage, whitespace, window | Leave a comment

Gimp Guillotine Follow Up Image Transformations Tutorial

Posted on September 11, 2018 by admin

Following today’s work along with yesterday’s Gimp Guillotine Follow Up Image Filters Tutorial we now have two strands of CSS based functionality … yesterday’s CSS filter property work … and … today’s CSS transform property work … the latter there … Continue reading →

Posted in Animation, eLearning, Event-Driven Programming, GIMP, Tutorials | Tagged animation, array, attachment, background, backgroundImage, backgroundPosition, blur, border, brightness, canvas, command line, contrast, convert, CSS, CSS3, desktop, details, display, div, DOM, drop shadow, editor, email, eval, exec, ffmpeg, file specification, filter, GIMP, grayscale, guides, guillotine, HTML, hue, image, image map, ImageMagick, invert, Javascript, keyframes, MAMP, margin, matrix, multiple, opacity, overlay, PDF, PHP, push, responsive design, reveal, rotate, rotation, scale, selection, sepia, setTimeout, sharing, skew, slice, slideshow, summary, table, transform, transformation, transitions, translate, tutorial, visibility, web design, webpage, whitespace, window | Leave a comment

Gimp Guillotine Follow Up Image Filters Tutorial

Posted on September 10, 2018 by admin

Is it ironic that a blog posting about GIMP should be letting applications like GIMP take a holiday … Tahiti sounds good … while CSS styling can take front stage with today’s improvements on the recent Gimp Guillotine Follow Up … Continue reading →

Posted in Animation, eLearning, Event-Driven Programming, GIMP, Tutorials | Tagged animation, array, attachment, background, backgroundImage, backgroundPosition, blur, border, brightness, canvas, command line, contrast, convert, CSS, CSS3, desktop, details, display, div, DOM, drop shadow, editor, email, eval, exec, ffmpeg, file specification, filter, GIMP, grayscale, guides, guillotine, HTML, hue, image, image map, ImageMagick, invert, Javascript, keyframes, MAMP, margin, multiple, opacity, overlay, PDF, PHP, push, responsive design, reveal, selection, sepia, setTimeout, sharing, slice, slideshow, summary, table, transitions, tutorial, visibility, web design, webpage, whitespace, window | Leave a comment

WordPress Recent Post Semi-Transparent Background Tutorial

Posted on September 9, 2018 by admin

Do you know what we would be trying to achieve with the HTML (containing inline CSS styling) below? style=”background: rgba(0,255,0,0.6); background: -webkit-linear-gradient(left top, rgba(0,255,0,0.6), rgba(255,255,0,0.6)); background: -o-linear-gradient(bottom right, rgba(0,255,0,0.5), rgba(255,255,0,0.6)); background: -moz-linear-gradient(bottom right, rgba(0,255,0,0.6), rgba(255,255,0,0.6)); background: linear-gradient(to bottom right, rgba(0,255,0,0.6), … Continue reading →

Posted in eLearning, Tutorials | Tagged background colour, blog, border, colour, CSS, linear gradient, opacity, overlay, PHP, programming, recent posts, rgba, transparency, tutorial, TwentyTen, TwentyTen theme, widget, Wordpress | Leave a comment

Gimp Guillotine Follow Up Border and Multiple Image Background Tutorial

Posted on September 8, 2018 by admin

Developing on the work of the previous Gimp Guillotine Follow Up CSS keyframes Transition Tutorial today we add to the functionalities with … multiple background image div element display (via background-image: url([dataURIimage]) // the Javascript DOM equivalent, that is) … … Continue reading →

Posted in Animation, eLearning, Event-Driven Programming, GIMP, Tutorials | Tagged animation, array, attachment, background, backgroundImage, backgroundPosition, border, canvas, command line, convert, CSS, CSS3, desktop, details, display, div, DOM, editor, email, eval, exec, ffmpeg, file specification, GIMP, guides, guillotine, HTML, image, image map, ImageMagick, Javascript, keyframes, MAMP, margin, multiple, opacity, overlay, PDF, PHP, push, responsive design, reveal, selection, setTimeout, sharing, slice, slideshow, summary, table, transitions, tutorial, visibility, web design, webpage, whitespace, window | Leave a comment

Gimp Guillotine Follow Up CSS keyframes Transition Tutorial

Posted on September 6, 2018 by admin

A while back we presented a series of web application ideas that do away with Javascript (ie. only needing HTML and CSS) to perform some functionality of interest. In that series we finished up with Missing Javascript Audio on Unmute … Continue reading →

Posted in Animation, eLearning, Event-Driven Programming, GIMP, Tutorials | Tagged animation, array, attachment, backgroundImage, backgroundPosition, canvas, command line, convert, CSS, CSS3, desktop, details, display, div, DOM, editor, email, eval, exec, ffmpeg, file specification, GIMP, guides, guillotine, HTML, image, image map, ImageMagick, Javascript, keyframes, MAMP, margin, opacity, overlay, PDF, PHP, push, responsive design, reveal, selection, setTimeout, sharing, slice, slideshow, summary, table, transitions, tutorial, visibility, web design, webpage, whitespace, window | Leave a comment

HTML Input Placeholder Primer Tutorial

Posted on August 24, 2018 by admin

We find the HTML input tag placeholder attribute an interesting feature, in that we find the labelling of HTML input type=text textboxes a bit awkward in a styling sense for left justified forms in that the textboxes need extra work … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged button, contenteditable, CSS, event, HTML, input, Javascript, keyboard, onblur, onfocus, placeholder, programming, tutorial | Leave a comment

Emoji Border or Background Image Mobile Canvas Tutorial

Posted on August 23, 2018 by admin

Yesterday’s Emoji Border or Background Image Canvas Tutorial‘s HTML5 canvas functionality was best showing those attributes we listed … the HTML5 canvas element right click or two finger gesture functionality includes Copy options … the canvas can collect both images … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged base64_encode, canvas, codepoint, codePointAt, contenteditable, CSS, decodeURIComponent, email, emoji, encodeURIComponent, file_get_contents, hexadecimal, HTML, html entity, image, Javascript, mobile, onblur, PHP, programming, share, sharing, toDataURL, tutorial | Leave a comment

Your Numbers Game
Get clue	Your answer	Your Score
Clue?		Score 0/0

Search for:
Recent Posts
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
April 2026

S M T W T F S

1 2 3 4

5 6 7 8 9 10 11

12 13 14 15 16 17 18

19 20 21 22 23 24 25

26 27 28 29 30

« Mar
Meta
Tags
Ajax animation background button canvas command line CSS Did you know DOM dropdown email emoji event form game Google Google chart hashtag HTML IFRAME image iOS Javascript MAMP map media mobile navigation onclick overlay PHP popup programming select share sharing SMS SVG table text textarea tutorial url video web browser
Your Background Image
OnTopList

Tag Archives: CSS

WordPress Recent Post Semi-Transparent Background Tutorial

HTML Input Placeholder Primer Tutorial

Numbers Guessing Game

Your Numbers Game

Recent Posts

Categories

Meta

Your Background Image

OnTopList

Recent Comments

Tag Archives: CSS

Numbers Guessing Game

Your Numbers Game

Recent Posts

Categories

Meta

Tags

Your Background Image

OnTopList