ドットインストール代表のライフハックブログ
HTML5 Up! Responsive HTML5 and CSS3 Site Templates HTML5&CSS3で作成されたレスポンシブかつフリーなテンプレートが入手できる「HTML5 Up」 サイトを高速に構築するのにテンプレートを使う方法がありますが、そのテンプレートが最初からレスポンシブ対応していたら楽ですね そうしたテンプレートを探してフリーでダウンロード出来るので探す際の参考にしてみても良さそう 関連エントリ フリーでフレッシュ&美しいHTML5+CSS3テンプレート50 フリーでHTML5ベースのリッチな管理画面テンプレート HTML5を使った超クールなフリーのWordPressテーマ集35 最初からレスポンシブなCSSデザインのHTMLテンプレート35
Just in case you have brain farts about the logic in CSS media queries about this constantly, as I do. If That’s what media queries are: logical if statements. “If” these things are true about the browser, use the CSS inside. /* IF the viewport is 550px or smaller, do this */ @media (max-width: 550px) { html { background: hsl(0 0% 0% / 0.5); } } Media Queries Level 4 allows for a comparison syntax
A proptech company. We are on the mission to revolutionize home buying experience. Technology which makes home buying intelligent and seamless 70% higher win rate when identified as a likely lead 40% higher commision revenue in year one of using our tools 88% of sales agents use our tools on weekly basis
Video.js is a web video player built from the ground up for an HTML5 world. It supports HTML5 video and modern streaming formats, as well as YouTube and Vimeo. It supports video playback on desktop and mobile devices. The project was started mid 2010, and now has hundreds of contributors and is used on over 450,000 websites. Plays anythingPlays “traditional” file formats such as MP4 and WebM, but
a handy, loosely-coupled jQuery plugin for full-screen scrolling windows project root | -- css | -- | -- main.css (compiled) | -- js | -- | -- jquery.windows.js | -- scss | -- | -- main.scss | -- index.html This is a light bootstrap that sets up: - the basic SASS for sequential full screen windows - a jQuery plugin for managing their positions as the user scrolls The plugin simply opens up a handy
+1 ボタン 2 AMP 11 API 3 App Indexing 8 CAPTCHA 1 Chrome 2 First Click Free 1 Google アシスタント 1 Google ニュース 1 Google プレイス 2 Javascript 1 Lighthouse 4 Merchant Center 8 NoHacked 4 PageSpeed Insights 1 reCAPTCHA v3 1 Search Console 101 speed 1 イベント 25 ウェブマスターガイドライン 57 ウェブマスタークイズ 2 ウェブマスターツール 83 ウェブマスターフォーラム 10 オートコンプリート 1 お知らせ 69 クロールとインデックス 75 サイトクリニック 4 サイトマップ 15 しごと検索 1 スマートフォン 11 セーフブラウジング 5 セキュリティ 1
A quick introduction is in order. My name is Bethany Heck, and I started the Eephus League in 2010 as a haven for baseball minutiae. I designed a scorebook along the way, with the hopes of encouraging more fans to try out the artform. In Spring 2011, nearly 900 devoted baseball fans helped make the Eephus League scorebook a reality. After hearing their thoughtful feedback, I want to try to give th
.square { width:100px; height:100px; border:1px solid #000; background:yellow; } .parallelogram { width:100px; height:100px; border:1px solid #000; background:yellow; transform: skew(20deg); -o-transform: skew(20deg); -moz-transform: skew(20deg); -webkit-transform: skew(20deg); } .parallelogramRight { width:100px; height:100px; border:1px solid #000; background:yellow; transform: skew(-20deg); -o-
自分で持っているサイトのURLをTwitterで「ツイートする」みたいなのをHTMLのaタグのhref属性値、 つまりリンクで指定する方法。 いちいち各種サイト行ったり、過去のソース漁るのもメンドクサイのでまとめてみます。対象プラットフォームは Twitter Facebook LINE カカオトーク です。スマホアプリも入っていてカスタムスキーマで呼び出します。 前提としてシェア対象のページに「URL」と「タイトル」が存在してて、それぞれURIエスケープ出来ることとします。 表示の際に画像のボタンを使ったりしたいところですが、ここでは分かりやすいように「XXXでシェアする」っていうテキストリンクに統一してみます。 また、HTMLタグが長くなるので途中でぶった切ってるところがありますが、適宜くっつけて考えてくださいね。 Twitter <a href="https://twitter.co
Build a free website that grows with your business. Get access to customizable webpage designs and useful tools to build your website and grow your ideal business. Easily build a free website to help you get discovered and grow your customer base in style. Start today with our powerful free website builder.
iio.js is a framework for HTML5 Canvas
I’m really proud to announce a beta release of Responsive Inspector extension for the Google Chrome browser. It’s a little side project that I’ve been working on together with Filip Łysyszyn – a colleague from Adobe and a great UI/UX designer. In a nutshell, Responsive Inspector allows viewing defined media queries of visited websites. It is very useful when developing responsive web layouts as it
こんにちは!おおはしりきたけです。今日はスマホアプリの受託開発について書いてみたいと思います。 はじめに 前提条件として、スマホアプリでの受託開発に限ります。お客様がハイブリッドアプリで依頼される場合や、自社サービスの場合は、自社で技術の判断ができますので、ネイティブでもハイブリッドでもWebでも自由な技術の選択で良いと思います。クラスメソッドでは、AWSやHTML5などが目立っていますが、iOS、Androidなどスマホアプリの受託開発もやっております。そういった中で、「マルチデバイスのハイブリッドアプリで」という要望もあったりしますが、2013年4月現在のクラスメソッドでは、原則ネイティブでの開発を勧めています。その理由を以下に記載させていいただきます。 1.かゆいところに手が届かない
jQuery.Shapeshift ドラッグ&ドロップで再編成できるPinterest風レイアウト作成プラグイン「jQuery.Shapeshift」。 最初に一度出して終わりなレイアウトではなくて、ユーザがドラッグ&ドロップでレイアウトを変えられるプラグインです。 ドラッグ中もアニメーションして動きがなかなか面白いです。 関連エントリ Pinterest風のWordPressテーマ集 Twitter,Facebook,YouTube,PinterestのRSSフィードURLまとめ PinterestのPinIt機能実装jQueryプラグイン FacebookやTwitterの内容をまとめてPinterest風に表示できるPHPアプリ「Infinite-social-wall」
csg.js Source code: http://github.com/evanw/csg.js/ Documentation: http://evanw.github.com/csg.js/docs/ Introduction Constructive Solid Geometry (CSG) is a modeling technique that uses Boolean operations like union and intersection to combine 3D solids. This library implements CSG operations on meshes elegantly and concisely using BSP trees, and is meant to serve as an easily understandable implem
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く