SEMrush
demosthenes.info

Please wait for loading...




    SEMrush

      (2894):

    /
     1  ~ 2014 oct 05full screen videoCreate Fullscreen HTML5 Page Background Video - demosthenes.infoCreate Fullscreen HTML5 Page Background Video ... The challenge is to have the video fill the browser window, making it as responsive as ... ‎Polina - ‎HTML5 Video - ‎matchMedia - ‎Create A Simple HTML5 Video ...
     1  ~ 2014 oct 02video as backgroundWhile we can't yet set a video for the background or background -image CSS properties – they can only take bitmaps, SVG images, colors and ... ‎Polina - ‎HTML5 Video - ‎matchMedia - ‎Create A Simple HTML5 Video ...
     1  +1 2014 oct 01fluid images cssdemosthenes.info – CSS Fluid Image Techniques for Responsive I've covered the basics of media queries in past articles; now it's time to look at fluid images , a technique first suggested by Ethan Marcotte.
     1  +1 2014 sep 26css image blurdemosthenes.info – Cross-browser Image Blur with CSSIn this article I'll show how to blur photographs using CSS and SVG in modern browsers, with the usual caveats: the techniques I'll demonstrate ...
     1  ~ 2014 sep 21simple 3d carouseldemosthenes.info – Simple CSS 3D Carousel GalleryThis article is a variant of a tutorial in my book ( Pro CSS3 Animation ), promoted by a reader bringing my attention that there was a tiny but vital ...
     1  +25 2014 sep 09make a fluid photo websiteCSS Fluid Image Techniques for Responsive Site DesignCSS Fluid Image Techniques for Responsive Site Design ... matchMedia; Server- side solutions; SVG to create resolution-free images .
     1  +2 2014 sep 06javascript full screen slideshowCreate A Simple FullScreen Image Gallery Slideshow With JS & CSSI've also linked through to the fullscreen example in the example above. While it would be possible to create a fade-in-out gallery like this in ...
     1  +2 2014 sep 05automatic image sliderCSSslidy: An Auto -Generated Responsive CSS3 Image SliderThe code for my responsive image slider is a popular way of achieving this, but has three potential impediments for developers: Some find the ...
     1  ~ 2014 sep 03page load time estimateSite Speed Optimization: Estimating Page Load Time OfflineBefore you can optimize the speed of your web pages you must determine how fast they load in their current state. The means by which you do ...
     1  +2 2014 aug 19image map popupdemosthenes.info – Enhancing Imagemaps With CSS3 PopupsClick on parts of the bike to see how the imagemap is enhanced with CSS3 ... by making it more interactive and informative with CSS popups .
     1  ~ 2014 aug 11full screen video background
     1  ~ 2014 jul 20fullscreen video background
     1  ~ 2014 jul 20html video backgroundCreate Fullscreen HTML5 Page Background Video ... to fake the appearance of a background video by forcing it behind other HTML elements. ‎Polina - ‎HTML5 Video - ‎matchMedia - ‎Create A Simple HTML5 Video ...
     1  +1 2014 jul 16html picture scroll fadedemosthenes.info – Fade A Responsive Background Image On ScrollAs a design decision, fading out a background image on page scroll makes a lot of sense: it utilizes a ... Our HTML consists of the following:
     2  ~ 2014 sep 18css blur
     2  ~ 2014 sep 16blur effect cssblur is similar to the Gaussian Blur filter in PhotoShop; its inclusion in CSS3 and SVG means we can now achieve the same effects natively in ...
     2  +3 2014 sep 15comment antimation icondemosthenes.info – Making SVG Animated IconsRecently one of my 1st year students proposed a UI design for her photography tutorial site, and asked for my advice as to how to pull it off.
     2  ~ 2014 sep 14infoblog favicon icodemosthenes.info – Creating Multi-Resolution Favicons For Web As you will see, multi-resolution favicons are created by adding layers to an . ico file; just like adding layers to a PhotoShop .psd image, doing so ...
     2  +2 2014 aug 27fractions in htmldemosthenes.info – Writing Fractions On Web Pages Correctly With Many writers represent fractions on web pages as decimals (0.25), percentages ( 25%), words (“one ... Vulgar Fractions in HTML Entities ...
     2  +3 2014 aug 24print stylesheet best practicesA Development Methodology For Bug-Free Print StylesheetsIn my recent article for Smashing Magazine and elsewhere in this blog I have introduced principles and best practices for making print  ...
     2  ~ 2014 aug 19how to images fluid
     2  ~ 2014 aug 16image grayscale htmldemosthenes.info – Convert Images To Black And White With CSSimg.desaturate { -webkit-filter: grayscale (100%); ... With the SVG file saved beside our HTML page and test image , we will extend the CSS to ...
     2  +1 2014 aug 16css liquid image
     2  +1 2014 aug 13developer time tracking tooldemosthenes.info – Time Tracking Tools For Web DevelopersTraditional time - tracking – punch in at the start of the day, punch out when you leave – doesn't work well in modern development environments, ...
     2  ~ 2014 aug 04fading background imageA Quick and Simple CSS-Only Method For Fading Background ImagesThere's no background-opacity control in CSS yet, but there's an easy way to fake it, by using multiple background images . The trick is to ...
     2  +4 2014 jul 29developers time tracking
     2  +3 2014 jul 25editar metadatos en photoshopdemosthenes.info – Edit Image Metadata With PhotoShopMost images contain metadata embedded in the bitmap file. In digital cameras and some other media, this data is in EXIF format. (The acronym ...
     3  +6 2014 oct 05input type rangedemosthenes.info – Playing With The HTML5 range Slider Input< input type = range id=weight min=10 value=10 max=2000 step=100>. The alternatives ... < input type = range min=0 max=5 value=3 id=fader>.
     3  +6 2014 oct 01xhtml html 5 convertordemosthenes.info – XHTML to HTML5 WorkflowApps that promise automatic XHTML to HTML5 conversion will be promoted, sell, and fall far short of expectations, in part because the goal of ...
     3  ~ 2014 sep 28how to pure css layoutdemosthenes.info – Pinterest-Style Column Layout In Pure CSSPinterest uses JavaScript to achieve this layout , but for a long time I've wanted to replicate it using CSS alone. Based on the pioneering work of ...
     3  +54 2014 sep 26jquery video converter html5Format Conversion Tools For HTML5 Audio and Video3.8K of JS, no JQuery . Drop in images, add a line of CSS. Done. ... Format Conversion Tools For HTML5 Audio and Video · tools / compressors.
     3  -1 2014 sep 25svg set video backgroundWhile we can't yet set a video for the background or background -image CSS properties – they can only take bitmaps, SVG images, colors and ...
     3  ~ 2014 sep 25fluid images
     3  +98 2014 sep 20inf блогdemosthenes. info – blogHuman cognition is excited by small but distinct differences in experience, making randomized web page elements a simple and effective ...
     3  ~ 2014 sep 12a tel mobledemosthenes.info – Adding Phone Numbers To Web Pages With When mobile users visit sites, they have an expectation that phone numbers ... We achieve that with two approaches: adding a link with a tel  ...
     3  ~ 2014 sep 12blog post microdatademosthenes.info – How To Add Microdata To Your BlogAdding microdata to web pages allows search engines to better ... Let's take a look at a typical blog post that uses HTML5 for basic markup:
     3  +4 2014 sep 10move elements circleAnimating Elements In Arcs, Circles and Ellipses ... - demosthenes.infoWeb animation is most often created between two points: from and to a state, or between position A and B. Moving elements in arcs, ellipses ...
     3  +5 2014 sep 06send sms linkdemosthenes.info – Send a SMS Text From A LinkWhile <a href> tags are most often used to link pages, most developers are aware that they can prompt an eMail by using the mailto: protocol*.
     3  +6 2014 aug 30bitmap on webdemosthenes.info – Bitmap Images for the Web : Formats and Text that must be turned into bitmap images is usually saved in GIF format. SVG may be considered as an alternative format in some ...
     3  +7 2014 aug 30image frame cssdemosthenes.info – CSS3 Border - Image ExplainedOne of the more powerful new CSS properties, border - image is also one of the best supported, with the exception of (all together now) IE9.
     3  +2 2014 aug 23js video background(You can easily create an unmute button for the video with JavaScript ). The video should display a placeholder image, falling back to a static ...
     3  +4 2014 aug 22photo full screen slideshowInevitably, they want to feature some ambitious code in their projects, including a fullscreen web image gallery. Since I haven't yet officially ...
     3  +23 2014 aug 17drop down labeldemosthenes.info – HTML Forms: Drop - down MenusDrop - down menus are used on forms to capture responses for which there ... As always, we place our < label > in first, with a for attribute and an ...
     3  +1 2014 aug 16css hanging indentClassic Typography Effects in CSS : Hanging IndentA hanging indent , or hanging paragraph , is a paragraph in which the opening line is left of the margin. In other words, the first line has a ...
     3  +14 2014 aug 13css form layoutdemosthenes.info – Form Layout With CSSForms are not paragraphs, and they do not need <br> tags or tables to display correctly. That is, not surprisingly, the role of CSS .
     3  -1 2014 aug 12css image sliderdemosthenes.info – Make A Responsive CSS3 Image SliderPreviously, I've demonstrated how to make a fixed-width CSS image slider . Increasingly, web developers desire solutions that not only scale ...
     3  +36 2014 aug 05high-resolution retina displayUnderstanding Pixel Density, Resolution and Retina DisplaysDigital content creators are abuzz about “ high DPI” and “ Retina ” displays : how they are changing the nature of the web and complicating the ...
     3  +1 2014 aug 04slide css imageCSSslidy : An Auto-Generated Responsive CSS3 Image SliderToday CSS animation can be used to progressively enhance websites. The code for my responsive image slider is a popular way of achieving ...
     3  +3 2014 aug 01slider html formAmong the many new form elements that HTML5 has introduced, range is perhaps the oddest but also the most generally useful. Previously ...
     3  ~ 2014 jul 19html form drop downdemosthenes.info – HTML Forms : Drop-down MenusDrop - down menus are used on forms to capture responses for which there is one correct response from multiple possible answers. A good ...
     3  +98 2014 jul 18per designed displaysThis is my blog, where I talk about web design and development with ... “Pixel density” is the number of pixels a display can fit into a fixed distance. ... to be any device with a display density of 200 pixels per inch or greater.
     4  +2 2014 oct 02cross browser shadowdemosthenes.info – Creating a True Cross - Browser Drop Shadow Recently I discussed the drop- shadow filter, which is newly supported in Webkit. Firefox users saw the same effect in the article, even though ...
     4  +6 2014 sep 11css drop capClassic Typography Effects in CSS : Initial Caps and Drop CapsUsing a decorative initial capital letter to start a paragraph is a very old technique, pre-dating the invention of movable type. Some of the most ...
     4  +2 2014 sep 08icon multiple images gimpCreating Multi -Resolution Favicons For Web Pages With GIMPThis lesson will show you how to create modern, multi -layer ... The apple-touch- icon -precomposed.png and facebook.png versions ... GIMP ( GNU Image Manipulation Program ) is a free, open source alternative to PhotoShop.
     4  ~ 2014 sep 05absolut slider no imagedemosthenes.info – CSS Positioning: absolute , the overusedCSSslidy: an auto-generated #RWD image slider . 3.8K of ... Essentially, the rest of the web page acts like the image is not there at all. So why ...
     4  +1 2014 aug 25all browser shawdodemosthenes.info – Creating a True Cross- Browser Drop Shadow In this article I'm going to show you how to write the effect for all browsers , so you can achieve the benefits of a true, dynamic drop shadow for ...
     4  +1 2014 aug 25phone number linkWe achieve that with two approaches: adding a link with a tel ... Linking Phone Numbers For Mobile Devices and Telephony Applications.
     4  +2 2014 aug 21drop shadow iedemosthenes.info – Creating a True Cross-Browser Drop Shadow Recently I discussed the drop - shadow filter, which is newly ... You'll find that the visual quality is not nearly as good in IE – and you do have to ...
     4  +3 2014 aug 16font line heightExploring The CSS Relationship Between Font Size, Line - HeightDepending on the browser and typeface used, line - height will commonly be a default value between 1.2 and 1.4, referred to as the “normal” ...
     4  -1 2014 aug 14iphone href tlfiPhones , Androids and other mobile devices will now recognize the phone ... <p> Call <a href ="tel:+6494452687">445-2663</a> in Auckland to ...
     4  +12 2014 aug 08photo slider with css
     4  ~ 2014 aug 04html sms protocolWhile <a href> tags are most often used to link pages, most developers are aware that they can prompt an eMail by using the mailto: protocol *.
     4  ~ 2014 aug 03shadow css cross browserCreating a True Cross - Browser Drop Shadow Effect With CSS3 & SVG
     4  -1 2014 aug 01banner floating scrolldemosthenes.info – “ Scroll To Top Then Fixed” Effect With JQueryFloating Banner ... This trick – referred to variously as “ scroll to top then fixed” or “ fixed floating elements” can't be achieved with CSS alone, ...
     4  +3 2014 aug 01making your forms auto-focusHTML5 Form Attributes: required, placeholder & autofocusUsed together, they make web forms far more powerful and flexible, while
     4  -1 2014 jul 30liquid image css“Responsive design” is not a single technology but a set of techniques* that allow web pages to serve the needs of both mobile and desktop ...
     4  +2 2014 jul 20cross browser compatible imagedemosthenes.info – Cross - browser Image Blur with CSSCross - browser Image Blur with CSS ... it dropped many of the proprietary CSS values that had been supported in the browser since IE 5.5, ...
     5  ~ 2014 oct 03mobile position absolutedemosthenes.info – CSS Positioning : absolute , the overusedPericles was a prominent statesman, orator, and naval general of Athens during the city-state's Golden Age , from 448BCE until his death in ...
     5  +2 2014 oct 03ie filter shadowRecently I discussed the drop- shadow filter , which is newly ... You'll find that the visual quality is not nearly as good in IE – and you do have to ...
     5  +5 2014 sep 26css shadow for ieCreating a True Cross-Browser Drop Shadow Effect With CSS3 & SVGCreating a True Cross-Browser Drop Shadow Effect With CSS3 & SVG ... You'll find that the visual quality is not nearly as good in IE – and you ...
     5  +72 2014 sep 25auto slide by jsThere's a very good argument for automating these actions with JavaScript . The result will animate using CSS in all modern browsers, without ...
     5  -1 2014 sep 16advanced elements faviconAs I've previously discussed, favicons are moving on from simple 16 × 16 pixel images, evolving into multi-resolution images used for many ...
     5  +2 2014 sep 05html phone numberTraditionally, phone numbers have been placed on web pages as a ... the visual representation of the phone number by using an HTML entity, ...
     5  +2 2014 sep 03css blending modePhotoShop In The Browser: Understanding CSS Blend ModesPhotoShop's blend modes are arriving in CSS via the new blend - mode and background- blend - mode properties. Values for the properties ...
     5  ~ 2014 aug 31css image flipdemosthenes.info – Flipping Images With CSS TransformsReversing the orientation of images is very easy with CSS , if somewhat counter- intuitive for those not mathematically inclined: to flip an image , ...
     5  -4 2014 aug 26display table griddemosthenes.info – CSS Grid Layouts: Using CSS table displayStrong, consistent support for CSS2 in all modern browsers, including IE8 (but not, sadly, IE7 or earlier, which must fall back to conditional ...
     5  -1 2014 aug 20css only slider
     5  +5 2014 aug 16create high quality favicondemosthenes.info – Creating Multi- Resolution Favicons For Web new favicon Using whatever tool you wish, create the highest - resolution version of your favicon : I would suggest an image at least 256 × 256 ...
     5  +5 2014 aug 12javascript image gallery codedemosthenes.info – Create A Simple FullScreen Image Gallery Create A Simple FullScreen Image Gallery Slideshow With JS & CSS ... to feature some ambitious code in their projects, including a fullscreen web image gallery . Since I haven't yet officially started teaching them JavaScript , I had to make sure ...
     5  +9 2014 aug 12full screen slideshowInevitably, they want to feature some ambitious code in their projects, including a fullscreen web image gallery. Since I haven't yet officially started teaching them ...
     5  ~ 2014 aug 10jquery image map popup3.8K of JS, no JQuery . ... Click on parts of the bike to see how the imagemap is enhanced with CSS3 ... here, we'll keep the user engaged with the imagemap by making it more interactive and informative with CSS popups .
     5  +4 2014 aug 04image slideshow cssCreate A Simple FullScreen Image Gallery Slideshow With JS & CSS ... I decided to take advantage of this and apply the CSS animation to the ...
     5  ~ 2014 jul 30sms link mobileOn most mobile phones, clicking this link will prompt an open message, without any ... <a href=" sms ://+14035550185">Send an SMS </a>.
     5  -1 2014 jul 21svg in responsive webdesigndemosthenes.info – Make SVG Responsive... where I talk about web design and development with HTML, CSS and SVG . ... Make A Responsive SVG Image. As an image, you can make a SVG vector illustration scale with the page ... Making Inline SVG Responsive .
     5  +5 2014 jul 19text blur cssdemosthenes.info – Cross-Browser CSS Filters: Blurring TextIn Orson Well's Citizen Kane , Charles Foster Kane utters the word "Rosebud" the moment before he dies, preciptating an investigation that ...
     5  -1 2014 jul 17form drop down
     6  +42 2014 oct 05design gradient shadowsWeb Developer Reading List: CSS Gradients and ShadowsCreating gradients and shadows in CSS reduces file size, improves ... and edit, and are now a vital part of every web designer's arsenal.
     6  +6 2014 oct 01css thumbnail gallerydemosthenes.info – Simple CSS Roll-over Image GalleryWhat we desire is a set of interactive thumbnail images that reveal larger versions of themselves, including an explanation of the picture's ...
     6  +1 2014 sep 30full screen backgroundCreate Fullscreen HTML5 Page Background Video ... can't yet set a video for the background or background -image CSS properties – they can ...
     6  +1 2014 sep 30style input searchForcing A Consistent Appearance For the HTML5 Search Input This is especially true for the search input , which is provided an “iTunes / OS X” style in Safari and Chrome by default, but appears as a ...
     6  +4 2014 sep 27drop shadow imagesdemosthenes.info – box-shadow property vs. drop - shadow filter: a Comparison of drop - shadow filter (left) to box-shadow property (right) on a 16-bit alpha-masked PNG image . Illustration by Aria Lance).
     6  +8 2014 sep 12round image corners cssdemosthenes.info – Simple CSS Masks: Rounded Corners On ImagesSimple CSS Masks: Rounded Corners On Images ... going to start simply, with a short lesson inspired by a question from a student in the CSS  ...
     6  +3 2014 sep 07carousel 3d
     6  +14 2014 sep 03slider with four imagesCSSslidy: An Auto-Generated Responsive CSS3 Image SliderSome find the math for creating keyframes a little daunting, especially when the slider shows more images than the four of the original example.
     6  +2 2014 aug 30cross browser box shadowCreating a True Cross - Browser Drop Shadow Effect With CSS3 & SVG .... ◁ box - shadow property vs. drop-shadow filter: a complete ...
     6  -2 2014 aug 29drop down formdemosthenes.info – HTML Forms : Drop - down Menus
     6  -2 2014 aug 27webdevelopement and tecknologiesWeb Development Technologies Explained: The ... - demosthenes.infoAnyone approaching modern web development is immediately confronted with a blizzard of confusing terms and technologies : REST, AJAX, ...
     6  +95 2014 aug 23drop first letterClassic Typography Effects in CSS: Initial Caps and Drop CapsAn oversized initial capital letter that shares a common baseline with the first line of text is known as a standing initial capital, standing cap, ...
    1 2 of 29 pages    




    SEMrush