676
showing only delicious [see all]
willianjusten/awesome-svg
A curated list of SVG. The main idea is that everyone can contribute here, so we can center all the informations about SVG and keep up-to-date.
svg  from delicious
september 2014
LukeW | An Event Apart: SVG is for Everybody
SVG templating system: sites need a system for icons. Use inline SVG and wrap elements with DEF tags, which makes sure it does not render. Then display: none on the whole SVG element. From that point on, you can reference the DEFs in your SVG throughout the site (can even link to it in your templates). Define an object once and reuse it in many places. This allows you to reuse the same objects across the page. Interent Explorer won't allow you to link to external files, you need a Javascript solution to load it in.
svg  from delicious
september 2014
brew error: invalid multibyte escape : /^\037\235/ after updating to OSX Mavericks · Issue #23655 · Homebrew/homebrew
OSX Mavericks update defaults to v2.0 of ruby and this breaks v0.8.1 of Homebrew Resolution: 1) Change the hashbang of /usr/local/bin/brew file to point to v1.8 of ruby. brew should start to work again. 3) Do a brew update
mac  homebrew  from delicious
september 2014
homebrew - Brew update failed - Stack Overflow
cd $(brew --prefix) git reset --hard HEAD brew update
mac  homebrew  from delicious
september 2014
How to find files via the OS X Terminal - CNET
The final command is the "mdfind" command, which will locate files on your system that have been indexed for use with Spotlight.
mac  from delicious
september 2014
OscarGodson.js | Picturefill Needs to Die
if(window.connection.speed > 5120 && screen.pixelRatio >= 2){
picturefill  from delicious
september 2014
Why we don’t use picturefill for responsive images (for now) · Blog · intuio
You might have to adapt every single picture element modifying the media attribute to your new values. Especially when you work with CSS preprocessors like SASS or LESS and want to keep your code DRY using variables for your breakpoint definitions.  removes this flexibility because breakpoints have to be maintained in HTML.
picturefill  picture  from delicious
september 2014
SVG Pocket Guide Kickstarter Wrap Up
One thing that people seemed to be especially responsive to were the visuals I used throughout the process.
ebook-authoring  from delicious
september 2014
Git - Submoduly
git submodule add git://github.com/chneukirchen/rack.git rack git submodule update --init # nutné udělat
git  from delicious
september 2014
QtWebKitGraphics – WebKit
Sometimes it's tempting to use webkit's drawing features, like -webkit-gradient, when it's not actually necessary - maintaining images and dealing with Photoshop and drawing tools can be a hassle. However, using CSS for those tasks moves that hassle from the designer's computer to the target's CPU. Gradients, shadows, and other decorations in CSS should be used only when necessary (e.g. when the shape is dynamic based on the content) - otherwise, static images are always faster. On very low-end platforms, it's even advised to use static images for some of the text if possible.
performance  css3  webkit  from delicious
september 2014
version control - Move the most recent commit(s) to a new branch with Git - Stack Overflow
git branch newbranch git reset --hard HEAD~3 # Go back 3 commits. You *will* lose uncommitted work.*1 git checkout newbranch
git  from delicious
september 2014
Application Cache is a Douchebag · An A List Apart Article
If you need to clean these caches, see chrome://appcache-internals/. +++ GOTCHA #1: FILES ALWAYS COME FROM THE APPLICATIONCACHE, EVEN IF YOU’RE ONLINE +++ GOTCHA #2: THE APPLICATIONCACHE ONLY UPDATES IF THE CONTENT OF THE MANIFEST ITSELF HAS CHANGED +++GOTCHA #3: THE APPLICATIONCACHE IS AN ADDITIONAL CACHE, NOT AT ALTERNATIVE ONE +++ GOTCHA #4: NEVER EVER EVER FAR-FUTURE CACHE THE MANIFEST +++ The easiest way to make a page behave as it would without ApplicationCache is to serve it without a manifest. We can tell the browser about the offline stuff by injecting a hidden iframe pointing to a page that does have a manifest. +++ GOTCHA #6: BYE BYE CONDITIONAL DOWNLOADS +++ LocalStorage is stored on disk, so using it is cheap but not free. Because of this, we should keep the number of reads and writes down and we don’t want to be reading and writing more than we have to per read/write.
html5-application-cache  html5-offline  web-storage  local-storage  html5  articles  from delicious
september 2014
mydevice.io common smartphones and tablets devices values
Mobile devices, in Responsive Web Design, relate to a core value which is the value of device-width, in CSS Device Independant Pixels, which depends both of the browser and user zoom settings.
device-pixel-ratio  responsive  hidpi  retina  hd-displays  from delicious
september 2014
jQuery SVG
This plugin allows you to manipulate the SVG from JavaScript.
jquery-plugins  svg  from delicious
september 2014
pointer-events - CSS | MDN
Ak jej nastavíte hodnotu none, nebude daný SVG objekt odchytávať žiadne eventy.
css3  pointer-events  css  from delicious
september 2014
Understanding the Difference between CSS3 Flexbox & Grid Layout -
CSS3 Flexbox – is best suited for targeting the position of child elements and their spatial relationship within a parent element. +++ CSS3 Grid Layout – is best suited for organizing the layout structure of higher-level elements such as headers, sections, asides, and footers, while providing a convenient way to implement a true grid with gutters.
css3-flexbox  css3-grid-layout  from delicious
september 2014
Animating Without jQuery | Smashing Magazine
abandon JavaScript-based animation altogether, thereby (1) forcing themselves to manage complex UI interaction within style sheets, (2) locking themselves out of supporting Internet Explorer 8 and 9, and (3) forgoing the beautiful motion design physics that are possible only with JavaScript. +++ Both Velocity and GSAP deliver blistering speed and hardware acceleration under the hood. No more messing around with null-transform hacks.
css-animation  css3-animations  animation  javascript  from delicious
september 2014
Velocity.js
Velocity is an animation engine that re-implements jQuery's $.animate() for significantly greater performance (making Velocity also faster than CSS animation libraries) while including several new features
animation  javascript  jquery  from delicious
september 2014
Mastering SVG use for a retina web, fallbacks with PNG script
if (!Modernizr.svg) { var imgs = document.getElementsByTagName('img'); var endsWithDotSvg = /.*\.svg$/ var i = 0; var l = imgs.length; for(; i != l; ++i) { if(imgs[i].src.match(endsWithDotSvg)) { imgs[i].src = imgs[i].src.slice(0, -3) + 'png'; } } }
png  fallback  javascript  from delicious
september 2014
Support for 3x image assets found in latest iOS 8 beta ahead of larger display iPhone 6 | 9to5Mac
Therefore, this is strong evidence that the next iPhone (or at least, an imminent iOS device) will use a screen with a 3x scale. Unfortunately, this does not help pinpoint a specific resolution, aside from reaffirm that the new iPhones will have significantly more pixels than found in the iPhone 5s. 9to5Mac has reported on Apple testing both 568×320 and 414×736 logical screen resolutions. At 3x, the actual screen resolution of the device would be 1704×960 or 1242×2208. For comparison, the screen resolution of an iPhone 5s is 1136×640.
retina  device-pixel-ratio  iphone  ios8  from delicious
september 2014
The Magnifying-Glass Icon in Search Design: Pros and Cons
Users are still unfamiliar with newer icons, including the three-line menu icon (left) and the map-marker icon (right). 
ui  ux  icons  hamburger-icon  responsive  from delicious
september 2014
Build Wars: Gulp vs Grunt
$ grunt init jquery +++ 'init' task became 'grunt-init', inspired Yeoman +++
gulp  grunt  from delicious
august 2014
javierarce/epub-boilerplate
ePub Boilerplate is a simple template that helps you build ePub-formatted books.
ebook-authoring  epub  from delicious
august 2014
Ahab! — Satellite — Craig Mod
Kindle cover: 2500px, poměr stran 1.6. +++ @font-face rules only work on Kindle Fire. +++ toc.ncx and content.opf +++
ebook-authoring  mobi  kindle  from delicious
august 2014
Kindle Previewer
Kindle Previewer is a graphical user interface tool that emulates how books display across Kindle devices and apps.
ebook-authoring  mobi  kindle  from delicious
august 2014
Diskuse: SEO a javascript
Google umí u významnějších webů spouštět document.write a analyzovat onchange na u, ale nikomu bych nedoporučoval na to spoléhat.
javascript  seo  from delicious
august 2014
Free Reports on this Website
These are some of the more popular destination reports on our website. We are always adding more so check the menu above as well.
ebook-authoring  ebook  from delicious
august 2014
Cardinal • Build more with less.
Instead of trying to maintain a baseline grid, Cardinal favors a modular scale, unit-less line heights, and the power of the REM unit.
css  framework  typography  rem  less  from delicious
august 2014
How to Write an Ebook - Amy Lynn Andrews
Then I wrote this step-by-step guide so you could write your own.
ebook-authoring  from delicious
august 2014
The TeX showcase
This is the TeX showcase, edited by Gerben Wierda. It contains extreme examples of what you can do with TeX, the typesetting engine from Donald Knuth, world famous mathematician, computer scientist and above all well known for TeX. I will try to keep this showcase small. For remarks on submissions, see at the end of this document.
latex  from delicious
august 2014
tug.org/pracjourn/2012-1/luca/luca.pdf
TEX in the eBook era: a simple –yet fully working– approach
latex  ebook-authoring  from delicious
august 2014
« earlier      
365music 3d 500px @font-face a accessibility adaptive adata adobe ads advertising adwords ajax amelhotam analytics android android-apps andy-clarke animation antialiasing apache api apple-remote apps art articles audio autodeploy autorský-zákon background-size bandwidth barcampcz basecamp benchmark bitbucket blink blog blueprint blur books bootstrap border-radius browsers bug business button buttons bydlení cache cafe canonical canvas capture carousel ccs chalupy charts chcememartini chrome chrome-dev-tools chrome-mobile clean client code-learning code-review coffeescript colors comparison compass compress conditional-loading console cooking copyright copywriting coworking css css-3d css-3d-demos css-3d-transforms css-animation css-buttons css-filter css-frameworks css-hacks css-inline-box css-media-queries css-paralax css-preprocessors css-rem css-rgba css-triangles css-webkit css3 css3-3d css3-animation css3-animations css3-arrows css3-background-size css3-border-radius css3-flexbox css3-forms css3-generators css3-gradients css3-masks css3-media-queries css3-selectors css3-text-shadow css3-transforms css3-transitions css3-ui csshat cyklistika cz dabblet daně data database debug debugging demo design designers development device-detect device-detection devices diskstation display-resolution display-table django documentation drag-and-drop dýně e-learning e-slovensko e50 ebook effects ekologie elastic-layout elasticsearch elements ellipsis em-layout ember.js ems emulating-old-msie emulator emulators energetika euro examples facebook fail fallback fancybox favicons fb features-detection ffly filetype:jpg filetype:pdf filmy firefox flash flexbox flow font-end-blog-cz font-face font-stacks fontface fonts fonts.com forms francie from front-end ftw fun future games gamification generator generators geolocation gestures git github glass google google-analytics google-analytics-events google-glass google-maps-api graceful-degradation grid gsm guideline guláš hacks hardware hezke hidpi hinting history history.js hlavenka homeopatie honzík htaccess html html-select html5 html5-ads html5-animation html5-application-cache html5-audio html5-canvas html5-details-summary html5-drag-and-drop html5-event-source html5-file html5-forms html5-geolocation html5-history html5-offline html5-sandbox html5-server-sent-events html5-video html5-web-sockets html5-web-storage html5-web-workers http hypotéka icollege icon icon-fonts icons ie ie10 ie11 ie6 ie7 ie8 ie9 illustrator image image-optimisation image-replacement images imaschine infinite-scroll infographics input inspiration internet-speed ios ios-simulator ios6 ipad iphone isifa jauvajs javascript jpeg jquery jquery-plugins jquery-plugins-authoring js jscrollpane just jídlo keynote knihy konecbitmap korba kurz kurz-html5-css3 kverulantství křápy-first latency layout lazy-load learning less lesshat leweb lightbox link-canonical litmus loading logicall logo logotypy lorem-ipsum mac madewithpaper mamp maps marketing markup maďarsko mdevcamp media-queries media:document media:image milovec mimon minify mixins mobile mobile-css mobile-css-frameworks mobile-first mobile-ie mobile-navigation mobile-performance mobile-safari mobilism mockups mod_rewrite modernizr movies mrazpozadech msie msie8 mysql navigation neintuitivni netaward netflix newsletters nib nokia nože omg oocss opera opschef ovladnifrontend page-speed parallax parove-programovani patterns peklicko penzijni-pripojisteni perch performance perkelt photoshop photoshop-elements php pin pinboard placeholder platební-systémy playing png politika polyfil polyfill portfolio ppi praha4 presenations presentation presentations prettify productivity profimedia progressive-enhancement project-management projects projektzahon prototyping quicktime quiz radost randomize raphael re readibility recepty regex rem reminder remote-debugging responsive responsive-images responsive-layout responsive-navigation responsive-tables responsive-typography responsive-workflow ress restaurace retina rgba rodičovství romové rounded-corners runkeeper rámování samsung samsung-galaxy-tab sandbox sass schuzky screencast screenshot screenshots scroll scrolling scss security selector seo sestysmysl seznam sharepoint simulator slides slideshow sna software souhlas soundcloud soundsquare speed spinner spinners sprites starwars statistics stats stokliku style-guide styleguide stylus svg swipe synology syntax syntax-highlighting tables tablet template templates tesimse test tetelimse text-mate text-mate-2 text-overflow text-rendering textmate texture theme themes tidy time-machine tip tips todo tools tooltips touch touch-icons tracking transitions truelove truncate tv twitter twitter-bootstrap typography tyvole ui ukulele unicode usability user-agent ux validation vaření vector video virtualbox visual-studio w3c watchlist wbr wcag web-fonts web-sockets web-storage web-vs-native webdesign webexpo webexpo-mobile webfonts webkit wifi windows windows-phone-7 windows8 wireframes wishlist workflow wurfl xcode yepnope.js youtube zooming zubař česko čeština školení školky

Copy this bookmark:



description:


tags: