Lesezeichen auf dieser Seite werden von einem Administrator gepflegt.

65 Lesezeichen - Sortieren nach: Datum ↓ / Titel / - Lesezeichen anderer Benutzer mit diesem Schlagwort

neueste Lesezeichen / vorherige / weitere / älteste Lesezeichen / Seite 1 von 3 Bookmarks: Tags: css

  1. If you care about web performance of your WordPress site and are chasing top page speed scores as measured by tools such as Google Insights, there’s a good chance that you’re using W3 Total Cache plugin to minify and combine JavaScript and CSS files.
    https://webdevdoor.com/wordpress/w3-total-cache-css-js-footer
    Schlagwörter: , , von kaffeeringe (12.08.2017)
  2. Have you ever tried to make a YouTube video responsive? If so, it can be somewhat tricky. I came across a small problem when adding a video from YouTube to one of my blog posts about the Childish Gambino website that we created. Since this website is fully responsive, I needed the YouTube video to re-size depending on the browser size or device width. However, when I added the embed code, the video had a fixed height and width. (uggh!) This looked fine on desktop computers, but pretty much broke the design when viewing on a mobile device. I wanted to know how to make a youtube video mobile. Therefore, we needed a responsive YouTube embed code. One would think that videos that with 100% width would automatically resize to the surrounding container. Well, that is not the case. Surprisingly, Youtube does not automatically have a responsive embed code.
    https://avexdesigns.com/responsive-youtube-embed
    Schlagwörter: , von kaffeeringe (09.08.2017)
  3. Over the last several years, the way I write CSS has transitioned from a very "semantic" approach to something much more like what is often called "functional CSS."

    Writing CSS this way can evoke a pretty visceral reaction from a lot of developers, so I'd like to explain how I got to this point and share some of the lessons and insights I've picked up along the way.
    https://adamwathan.me/css-utility-classes-and-separation-of-concerns
    Schlagwörter: von kaffeeringe (09.08.2017)
  4. CSS Grid is now live in all major browsers, and with it everything we know about web layouts changes! The CSS Grid Layout Module introduces a native CSS grid system, provided at the viewport level, that achieves what CSS frameworks and popular grid systems could only dream about: Responsive, flexible, pure CSS grid layouts, independent of document source order, that allow us to treat the browser as a true design and layout surface.
    https://m.youtube.com/watch?v=7kVeCqQCxlk&feature=youtu.be
    Schlagwörter: von kaffeeringe (08.08.2017)
  5. Using CSS to style semantically meaningful (X)HTML markup is an important key to modern web design practices. In a perfect world, every browser would interpret and apply all CSS rules in exactly the same way. However, in the imperfect world in which we live, quite the opposite frequently happens to be the case: many CSS styles are displayed differently in virtually every browser.
    https://perishablepress.com/a-killer-collection-of-global-css-reset-styles
    Schlagwörter: von kaffeeringe (08.08.2017)
  6. Dashing is a Sinatra based framework that lets you build beautiful dashboards.
    http://dashing.io
    Schlagwörter: , , von kaffeeringe (09.04.2016)
  7. Last year I wrote a post, Need for Speed, where I shared my workflows and techniques along with the tools involved in the development of my site. Since then my site has gone through another redesign, and although I made various workflow and server-side improvements, I gave front-end performance extra attention. Here’s what I did, why I did it, and the tools I used to optimize front-end performance on my site.
    https://jonsuh.com/blog/need-for-speed-2/#css
    Schlagwörter: , , , von kaffeeringe (22.06.2015)
  8. Created and designed by Google, Material Design is a design language that combines the classic principles of successful design along with innovation and technology. Google's goal is to develop a system of design that allows for a unified user experience across all their products on any platform.
    http://materializecss.com/about.html
    Schlagwörter: , , von kaffeeringe (20.06.2015)
  9. Making your font-size respond to viewport or container size should be a must to complete your responsive designs. Having a fixed font-size accross devices is not always a good idea. The key point is to get a readable font size and a comfortable line length in most viewports. CSS viewport units and media queries provide the means to implement a responsive font size.
    http://codeitdown.com/responsive-font-size-css
    Schlagwörter: , von kaffeeringe (20.06.2015)
  10. Lucas Bebber's Glitch is a super cool effect. It's like you're looking at some text displayed on a progressive scan monitor that has been dropped on the ground one too many times and so the alignment of the pixels is off in weirdly un-even amounts time and space.
    http://css-tricks.com/glitch-effect-t...e=twitter.com&utm_campaign=buffer
    Schlagwörter: von kaffeeringe (10.09.2014)
  11. WordPress gives us full control over the presentation of our websites. We specify which classes and attributes to use in our template files, and then apply CSS using our theme’s custom stylesheet. Behind the scenes, WordPress generates its own classes and IDs, and applies them to specific HTML elements in theme files and database content. Having these default hooks available makes it super-easy to custom-style your theme’s blockquotes, post images, widget items, and much more.
    http://digwp.com/2010/05/default-wordpress-css-styles-hooks
    Schlagwörter: , von kaffeeringe (16.02.2014)
  12. Loading animations don't have to be restricted to a tiny indicator. Here is some inspiration for some creative loading effects.*
    http://tympanus.net/Development/CreativeLoadingEffects
    Schlagwörter: , , , von kaffeeringe (01.10.2013)
  13. Coder is a free, open source project that turns a Raspberry Pi into a simple platform that educators and parents can use to teach the basics of building for the web. New coders can craft small projects in HTML, CSS, and Javascript, right from the web browser.
    http://googlecreativelab.github.io/coder
    Schlagwörter: , , , , von kaffeeringe (13.09.2013)
  14. I love cascading style sheets(CSS). I love how simple it is. The syntax is so straight forward and easy to learn, it was love at first sight. For me, writing CSS is an art. It’s not just about making a website look identical to some Photoshop design. It’s about writing lean code, that’s flexible and has as little redundancy as possible. It’s about writing clean, organized, object oriented CSS that’s well commented and a pleasure to come back to months down the road when updates need to be made.
    https://medium.com/front-end-development/d698aed48029
    Schlagwörter: von kaffeeringe (04.07.2013)
  15. A recent study (PDF) found that more than 80% of people are disappointed with the experience of browsing Web on mobile devices and would use their smartphones more if the browsing experience improved.
    http://mobile.smashingmagazine.com/20.../03/build-fast-loading-mobile-website
    Schlagwörter: , , , von kaffeeringe (03.04.2013)
  16. lessphp is a compiler that generates CSS from a superset language which adds a collection of convenient features often seen in other languages. All CSS is compatible with LESS, so you can start using new features with your existing CSS.
    http://leafo.net/lessphp/docs
    Schlagwörter: , von kaffeeringe (25.11.2012)
  17. Metro UI CSS - a framework for the development of sites in the style of Windows 8
    http://metroui.org.ua
    Schlagwörter: , , , von kaffeeringe (02.09.2012)
  18. Here’s a new technique I’m trying out: a slide-out interface element using just CSS, no JavaScript. It can be used for things like fixed navigation bars or little feedback forms you see sometimes on the side of the page.
    http://www.usabilitypost.com/2011/04/19/pure-css-slideout-interface
    Schlagwörter: , von kaffeeringe (31.07.2012)
  19. Die CSS3-Eigenschaft background-size ermöglicht es Bildern, die mittels CSS als Hintergrundbilder eingebunden wurden, diese unabhängig ihrer Ausmaße zu skalieren. Solch angelegte Hintergrundgrafiken können dann bspw. per CSS als Hintergrundbild dem body-Element zugewiesen werden, so dass sich die Grafik je nach Viewport und Ausrichtung den zur Verfügung stehenden Ausmaßen, wie in der ersten Abbildung von FifthyThree Inc. und deren Zeichenanwendung für das iPad, anpasst.
    http://blog.codingpeople.com/coding/m...nd-size-zum-fullsize-background-image
    Schlagwörter: , von kaffeeringe (20.07.2012)
  20. If your looking to give your WordPress theme a new design or simply looking to upgrade your code to more modern technologies such as HTML5/CSS3, you will these free WordPress HTML5 frameworks very handy. These HTML5 WordPress frameworks are stripped back bare and mostly include little or no styling which provides a perfect HTML5 framework for you to build your new WordPress site on.
    http://designwoop.com/2012/01/wordpress-html5-frameworks
    Schlagwörter: , , von kaffeeringe (12.07.2012)
  21. Many sites use the MediaWiki software, including wikiHow! As you can see, despite the fact that MediaWiki comes with a set of ready-to-use skins, many sites, such as wikiHow, choose to have their own skin to give the site a unique look and feel. Customizing how a MediaWiki based site looks can be achieved in many ways all involving skins. Usually, creating a new skin from scratch is not necessary for many levels of customizations. In other situations, creating a skin based on one of the already-implemented ones, such as MonoBook, then tweaking it to your needs will be more than enough. However, if you really want to dramatically change the layout of the wiki, you might need to create your own skin from the ground up. This article will guide you with doing this in a systematic, organized and easy way![
    http://www.wikihow.com/Create-a-MediaWiki-Skin-from-Scratch
    Schlagwörter: , , , von kaffeeringe (02.07.2012)
  22. CodePen ist eine neue Community zum Entdecken und Teilen von Code-Snippets in HTML, CSS und JavaScript mit Vorschau sowie Editor im Browser. Wir stellen euch CodePen kurz vor.
    http://t3n.de/news/codepen-html-css-javascript-395994
    Schlagwörter: , , von kaffeeringe (19.06.2012)
  23. Bootstrap is an HTML5 & CSS3 framework designed to help you kickstart the development of webapps and sites. WrapBootstrap is a marketplace for premium Bootstrap themes and templates. Impress your clients and visitors while using a single, rock-solid foundation.
    http://wrapbootstrap.com
    Schlagwörter: , , , , , von kaffeeringe (04.04.2012)
  24. A full version of Twitter's Bootstrap with themes, enhancements, and other goodies.
    http://ajkochanowicz.github.com/Kickstrap/index.html
    Schlagwörter: , , , , von kaffeeringe (04.04.2012)
  25. Normalize.css is a small CSS file that provides better cross-browser consistency in the default styling of HTML elements. It’s a modern, HTML5-ready, alternative to the traditional CSS reset.
    http://nicolasgallagher.com/about-normalize-css
    Schlagwörter: von kaffeeringe (28.02.2012)

Seitenanfang

neueste Lesezeichen / vorherige / weitere / älteste Lesezeichen / Seite 1 von 3 Bookmarks: Tags: css

Impressum - Angetrieben von SemanticScuttle