maepon + webdev   75

srcset と sizes
レスポンシブ画像のための新しい手法、secset と sizes 属性を紹介
html  image  responsive  srcset  webdesign  webdev 
january 2016 by maepon
Animating an SVG Menu Icon with Segment | Codrops
A tutorial on how to implement an animated menu icon based on the Dribbble shot by Tamas Kojo using SVG and Segment.
design  graphic  graphics  svg  web  webdev  animation  animations  tw  gcw 
november 2015 by maepon
iPhoneで簡単にHTMLソースを見る方法はないかなぁと探していて、試しにCookpadのソースを見たら素敵だったのでご紹介。 こういう遊びゴコロ、すごくグッときますね。 ちなみに、iPhoneでHTMLソースを見るアプリは「View Source 」が良さそうです。 ブックマークレットを利用する方法もありますが、こっちのほうが使い勝手が良くてDOMの閲覧機能などもついていて便利です。有料だけど120円だし(2015年10月現在)。 使い方は簡単で、Safariでソースを見たいページに行ってシェアボタンから「View Source」を選ぶだけです。 ちなみに、Chromeでは使えないです。 ソースの閲覧、DOMの確認、画像などのアセットの確認に加え、インラインでJavaScriptを挿入する機能がついています。アプリを立ち上げるとテーマ機能で背景やハイライトの色を変えられます。右上のシェアボタンから各種機能にアクセスできます(わかりにくいですけど)。
app  webdev  tw 
november 2015 by maepon
Webプログラマから見たiOS9 Safari9のCSS/JavaScriptなどの新機能解説 - Qiita
iOS9がリリースされ、iPhone6sも発売され、iOS9 Safari9で使える新機能をWebプログラマ目線で使ってみたいものをいくつか試してみました。iOSはアップデートの進捗がわりと良いので、新機能でもモバイルサイトであれば積極的に使える…はず。デスクトップ版の方は…お察しください。

css  ios  javascript  webdev  tw  gcw 
september 2015 by maepon
Ruby - ワンライナーWebサーバを集めてみた - Qiita
httpserver  webdev  python  ruby  php  tw  gcw 
september 2015 by maepon
Safari is the new IE | Read the Tea Leaves
Last weekend I attended EdgeConf, a conference populated by many of the leading lights in the web industry. It featured panel talks and breakout sessions with a focus on technologies that are just now starting to emerge in browsers, so there was a lot of lively discussion around Service Worker, Web Components, Shadow DOM, Web…
apple  browser  ie  safari  web  webdev  browsers  future  tw  gcw 
july 2015 by maepon
Auto-formatting JavaScript Code Style — Medium
Today, we’re going to look at the powerful new auto-formatting feature in JSCS for automatically applying style guide ru…
javascript  webdev  automation  jscs  formatting  development  article  styleguide  sublime  tw 
april 2015 by maepon
Mixpanel | Mobile Analytics
Mixpanel is the most advanced analytics platform in the world for mobile & web.
mobile  web  analytics  metrics  analysis  realtime  tools  webdev  tw  gcw 
april 2015 by maepon
flexible-fa - Flexible Font Awesome
development  webdev  iconfont  tw 
january 2015 by maepon
Sublime Text for Front End Developers | CSS-Tricks
The following is a guest post by Wes Bos. Wes has been writing about Sublime Text and all the great stuff it brings to code editing for a while now. He has
frontend  sublime  sublimetext  tool  webdev  css  tools  coding  tw 
november 2014 by maepon
A Beginner's Guide to Perceived Performance: 4 Ways to Make Your Mobile Site Feel Like a Native App | Mobify
Getting your site to feel native means doing everything you can to get your site to perform as quickly as possible.
mobile  performance  ui  webdev  tw  gcw 
september 2014 by maepon
CSS3, HTML5, Microdata Generators and much more! | Web Code Tools
Learn to code for the web using the most updated technology, including HTML5, CSS3 and more. Our generators help you build modern, cool websites.
css3  dev  generator  html5  microdata  tool  web  webdev  webtool  tw  gcw 
september 2014 by maepon
Making Modal Windows Better For Everyone | Smashing Magazine
Modal windows quickly shift focus from one area to another – this can be confusing. Scott O'Hara shows how to make modal windows more usable and accessible.
accessibility  design  development  resources  modal  webdev  js  tw  gcw 
september 2014 by maepon
Improving Smashing Magazine's Performance: A Case Study | Smashing Magazine
Practical insights and lessons learned from performance challenges on Smashing Magazine. The result: Google PageSpeed Score 99, on mobile and on desktop.
css  optimization  performance  webdesign  webdev  javascript  tw  gcw 
september 2014 by maepon
Guide to CSS support in email | Campaign Monitor
Campaign Monitor makes it easy to attract new subscribers, send them beautiful email newsletters and see stunning reports on the results.
css  email  html  webdev  reference  tw  gcw 
september 2014 by maepon
Angular directives for Bootstrap
AngularJS (Angular) native directives for Bootstrap. Small footprint (5kB gzipped!), no 3rd party JS dependencies (jQuery, bootstrap JS) required! Widgets: Accordion, Alert, Buttons, Carousel, Collapse, Datepicker, Dropdown Toggle, Modal, Pagination, Popover, Progressbar, Rating, Tabs, Timepicker, Tooltip, Typeahead,
angular  angularjs  bootstrap  javascript  webdev 
april 2014 by maepon
Media Query Snippets - list of media queries
A growing list of media queries for your responsible web design work
responsive  mobile  css3  css  mediaqueries  snippets  media-queries  webdesign  webdev 
april 2014 by maepon
Why Web Developers Should Learn Web Design
webdev  design 
march 2014 by maepon
Pizza Amore! | Playground from ZURB
webdev  charts  foundation  tw 
february 2014 by maepon

related tags

accessibility  ajax  analysis  analytics  angular  angularjs  animate  animation  animations  app  apple  article  automation  backbone  boilerplate  bootstrap  browser  browserhacks  browsers  cdtw  charts  chrome  clearfix  cms  coding  coffeescript  compiler  conditionals  contents  convert  css  css3  debugging  design  dev  dev-tools  development  devtool  devtools  editor  email  extract  flexbox  float  floats  form  formatting  foundation  framework  frontend  future  gcw  generator  github  google  googlechrome  graphic  graphics  hack  html  html5  httpserver  iconfont  ie  image  images  inline  ios  javascript  javascripts  jquery  js  jscs  json  jsonp  lazyload  lazyloader  less  library  libs  loading  markdown  media-queries  mediaqueries  metrics  microdata  mixin  mixins  mobile  modal  news  omclslack  opensource  optimization  parallax  performance  php  plugin  plugins  prepack  programming  python  realtime  reference  reset  resources  responsive  ruby  rwd  safari  sass  sitespeed  snippets  software  spa  srcset  styleguide  sublime  sublimetext  svg  tips  tool  tools  tw  tw  ui  via:popular  web  webdesign  webdev  webdeveloper  webtool  workflow 

Copy this bookmark: