flippant.js
Flippant.js A mini js+css library for flipping things over. Try it out on the buttons below Get the code at github.com/mintchaos/flippant.js Heading Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. Modal » Card » Head
About demarcate.js
demarcate.js demarcate.js lets you edit directly in a page and generate Markdown back from the HTML elements. It supports most browsers including mobile browser. As of version 2.0.0 there are no required dependencies. You may wish to include keymaster.js for key bindings and showdown.js if you want to put the Markdown back into HTML. demarcate.js is under development by William Hart. It supports m
Flat Design and Fonts - Designmodo
With Postcards Email Builder you can create and edit email templates online without any coding skills! Includes more than 100 components to help you create custom emails templates faster than ever before. Free Email BuilderFree Email Templates One of the key parts of the flat design trend is a focus on typography. This makes looking at, selecting and using type an essential part of getting in on t
50 Free eBooks for Web Designers & Developers – Speckyboy
There are thousands of books available online for web designers and developers to peruse. Countless languages, topics, and trends have been extensively explored and analyzed, resulting in this vast library of eBooks that cover almost every aspect of web design and development. The best part? All of these books are completely free to download! We’ve curated this collection of our favorite free eBoo
The State Of Responsive Web Design — Smashing Magazine
Responsive Web design has been around for some years now, but there’s still a whole lot to do. In this article, Stéphanie Walter will look at what is currently possible, what will be possible in the future using what are not yet standardized properties, and what still needs to be improved. This article is not exhaustive, and we won’t go deep into each technique, but you’ll have enough links and kn
Insights | Barrel | Shopify Ecommerce Website Design & Development
By clicking “Accept”, you agree to the storing of cookies on your device to enhance site navigation, analyze site usage, and assist in our marketing efforts. View our Privacy Policy for more information. When you visit websites, they may store or retrieve data in your browser. This storage is often necessary for the basic functionality of the website. The storage may be used for marketing, analyti
PNG EXPRESS | Automated Design Delivery for Photoshop
The fast, precise, and repeatable way to export assets & specs from Photoshop Buy Now for $29 Works on Mac (intel) and Windows with Photoshop CC2014 to 2024 (*) Design delivery, fast-tracked. PNG EXPRESS is a Photoshop® plug-in that slices and exports your PSD document to individual PNG, JPG, & SVG assets, and generates matching design specifications with concise information on sizes, distances, f
JSHint, a JavaScript Code Quality Tool
Report Cyclomatic complexity Unused variables Undefined variables Warn About == null About debugging code About unsafe for..in About arguments.caller and .callee About assignments if/for/... About functions inside loops About eval About unsafe line breaks About potential typos in logical operators When code is not in strict mode When new is used for side-effects Assume Browser NodeJS jQuery Develo
Principles of Flat Design - Designmodo
With Postcards Email Builder you can create and edit email templates online without any coding skills! Includes more than 100 components to help you create custom emails templates faster than ever before. Free Email BuilderFree Email Templates Flat design gets its name from the shapes used. Flat design employs a distinct two-dimensional style that is simply flat. The concept works without embellis
Adobe Illustrator's Role in a Web Design Workflow | Envato Tuts+
Adobe Illustrator isn't the design tool of choice for most people who make the web. Interface design, bitmap creation, pixel perfect image manipulation; all tasks which have typically been better handled by other applications. The web is undergoing big changes, however, and the role Illustrator can play in a web design workflow is changing too. Let's find out how! Photoshop and Web Design Recently
GitX
GitX GitX is a git GUI made for Mac OS X. It currently features a history viewer much like gitk and a commit GUI like git gui. But then in silky smooth OS X style! Features Detailed history viewer Nice commit GUI, allowing hunk- and line-wise staging Fast workflow Explore tree of any revision Nice Aqua interface Paste commits to gist.github.com QuickLook integration Requirements GitX runs on Mac O
POKER369 > IDN Poker Online Terpercaya Platform Terbaik IDN Play
Halo, POKER369 merupakan situs IDN poker online terbaik hari ini versi IDN Play. Jika kalian mencari situs IDN poker online terpercaya dengan reputasi tertinggi dan lisensi resmi, maka POKER369 adalah pilihan tepat. Kami selalu berkomitmen untuk memberikan permainan yang mengutamakan keamanan dan kenyamanan tingkat tinggi bagi setiap pecinta IDN Poker. Banyak masyarakat yang mengira bahwa situs PO
CSS attr, content, and L10N
I have the privilege of working for Mozilla on the Mozilla Developer Network (MDN). As with any Mozilla-made website, localization is paramount to MDN, so we must be mindful of that when we put text anywhere on the site. I was recently working on a feature which made use of CSS content: a visual notice on an element's pseudo-element which are experimental and only available to beta testers. Th
HTMLにおけるimg要素のalt属性
HTML Standardの4.8.1.1 Requirements for providing text to act as an alternative for imagesをざっと把握できるように日本語で箇条書きにしただけのものです。最終的には原文をしっかりと読むべきでしょう。 基本 必ず定義されるべきである その値は空であってはならない その画像に代わりになる最適な文字列である ページ上の全ての画像をそのalt属性の値で置き換えてもページの意味合いが変わってはならない 画像のキャプションや題名、銘とみなされるような補助的な説明を意味するものであってはならない 前後で解説されている情報の繰り返しであってはならない 画像以外に何も含まれていないリンクやボタンで使われる場合 リンクやボタンの目的を明確に伝える文字列を指定する わかりやすく説明するために文章ではなく画像のチャートやグラフを
フラットデザインのコツ的なアレ - 納豆には卵を入れる派です。
P4Dで教えていただいたエンジニアさんに聞かれたので、なんか整理しきれてなくてざっくりなんですが、取り急ぎ、なんかそれっぽくなるコツみたいなのを独断と偏見でまとめてみました。 3色〜5色くらいの色を画面の中で均等に使うのおすすめ 作りたいサービスが何で色分けできるか考えます。ちょうどよく3〜5種類くらいのステータスやカテゴリなどがあったら、それに応じて色が変わるとかするとうまくハマる。かも。 Flat UI Colorで色選び http://flatuicolors.com/ という便利なサイトがあって、ここから3〜5色くらい選ぶとよいです。クリックするとカラーコードがコピーされます。あら便利。赤は他の色と仲良くするのが難しめ。 Sassで彩度を抑えると落ち着いた色調になって、使いこなしの難易度が低くなります 上のサイトもそうなんですが、Flat UIによく使われている色は、鮮やかなが多く
CSS3アニメーションを使ったボタンホバーの12種類のかわいいエフェクト
12 fancy buttons デモはChrome, Safari, Firefoxなどのモダンブラウザでご覧ください。 12種類の中から、特に気に入ったものを下記にピックアップしてみました。 ※各CSSはエフェクトの箇所のみで、ベンダプレフィックスは省略しています。 demo 4 のアニメーション ホバーすると、上からパタッとなります。 .b04_3d_tick { perspective: 500px; perspective-origin: center top; } .b04_3d_tick div { position: absolute; text-align: center; width: 100%; height: 50px; box-sizing: border-box; padding: 10px; border: #000000 solid 1px; } .b04_
SSH for iPhone with Pilot SSH
Control your servers, read logs, manage users and processes... With PilotSSH, everything can be done in a few touches! As powerful as a shell connection, but infinitely easier to use. Spread the word! Price: $4.99 Pilot SSH for iPhone Requirements: Compatible with iPhone and iPod touch. Requires iPhone OS 5 or later. WiFi, Edge, or 3G network connection required. Price: 2.00€ (~ $2.70) Pilot SSH f
デザイナーなら知っておかないと損するGoogleWebフォント特選10個 | Find Job ! Startup
現在、欧文を中心に600以上の書体が選べるGoogleWebフォント。これだけ数が多いと、どれを選べばいいのか日本人の私たちにはよく分かりません。 今回は、全世界で最も使われている人気のGoogleWebフォントを10個厳選してお届けします。海外向けのサイトを作る際にはハズせない、日本向けサイトを作る際にもアクセントとして使いたい、とっておきのGoogleWebフォントを集めました。 GoogleWebフォントを使うメリット GoogleWebフォントを使うと、こんなにもたくさんのメリットがあります。 SEO対策になる 修正が簡単に行える 選択してコピペできる 拡大縮小・高解像度画面（Retina Displayなど）でもボケない 使わない手はありません。 GoogleWebフォントの使い方 使い方に関しては、OZPAさんのブログが詳しいです。参考にしましょう。 今さらながらWe
たった10秒触るだけ！どうして？と疑いたくなるほど超簡単な肩こり解消法 | 美プラス
病気ではないけどつらい「肩こり」。 世帯員の健康状態を調べた国民生活基礎調査（平成30年度）では、自覚のある症状として女性では肩こりが１位、男性では２位という結果が。 この傾向は年々増えていて、しかも低年齢化が進んでいると言われています。 では、肩こりを悪化させないためにはどうすれば良いのでしょうか。 そこで、肩こりの原因を探ったうえで、肩こりをわずか10秒で解消する超簡単な方法「さとう式リンパマッサージ」をご紹介します。 「どうして？」と疑いたくなるほど超簡単なこの方法で、肩こり知らずのハッピーな生活を送りましょう♪ 肩こりの原因 肩こりには大きく分けて、「病気が原因の肩こり」と「病気が原因ではない肩こり」があります。 病気が原因の場合、変形性頚椎症や頚部椎間板ヘルニア以外にも内臓疾患やうつ病などから肩こりになることもあり、この場合、医師による診察が必要。 病気ではない肩こりには、無理な
ノンデザイナーこそ押さえておきたい! UI/UXが学べる神スライド7選 | Find Job ! Startup
競合に負けないWebサービスをつくるため、UI（User Interface）、UX（UserExperience、ユーザー体験）にこだわるのは、もはや常識。良いUI/UXはチーム全員で考えることが、良いサービスをつくる秘訣です。 エンジニアやWebディレクターも学んで損はしません。もちろん、本職デザイナーの方々にも役立つ7つのスライド厳選まとめです！ 目次 基礎知識 １．UXのためのUIデザイン ２．UX is not UI ３．ククパド美ちゃんと学ぶ！クックパッドのUI改善プロセス：前編 応用編（Webサイト） ４．ククパド美ちゃんと学ぶ！クックパッドのUI改善プロセス：後編 ５．コンテンツで改善する UI デザインの極意 応用編（スマホアプリ） ６．UI＆UX / 重要なのは、毎日さわって嬉しいUI UX! 応用編（タブレットアプリ） ７．ニコニコ超デザイン-
こんなにあった! iPhone/Androidアプリを出す時にリリースを送りたい媒体53個総まとめ【無料のみ】 | Find Job ! Startup
こんなにあった! iPhone/Androidアプリを出す時にリリースを送りたい媒体53個総まとめ【無料のみ】 どれだけ面白いサービスを作っても、告知をしなければ広まりません。ただ予算が限られているスタートアップ企業では、広告に投下できる予算も少なくなってしまいます。 そんな時に使えるのが、無料でサービス情報を配信できるレビューサイト、プレスリリース掲載サイト。掲載されるかどうかはメディア次第ですが、送るのはタダです。 今回は、iPhone/Androidアプリに特化して、新サービス情報を送れるサイトを53個ピックアップしました。掲載依頼の連絡先も記載したのでご活用下さい。 ■目次 １．iPhoneアプリ専門のレビュー/情報サイト ２．Androidアプリ専門のレビュー/情報サイト ３．iPhone/Androidアプリ両方扱うレビュー/情報サイト ４．その他メディアで、アプ
iPhoneアプリ申請やAppleの審査に関するメモ - Qiita
iPhoneアプリの申請作業を行う上で知っておいた方が良いことをまとめておきます。 一部個人の見解も混ざってます 申請ルールなどは予告なしに変更になることがよくあるので、本記事の内容は古い場合があります アプリ申請前 アプリはどこから申請するの？ App Store Connectというサイトから申請できます。ブラウザはSafariでアクセスすることをおすすめします。 ※2018/6/5 、「iTunes Connect」は 「App Store Connect」 に名称が変更されました。 誰でも申請できるの？ Apple Developer Programに登録する必要があります。（年間参加費 ¥11,800） また、アプリのアップロード時にはXcodeが必要なので、Macは必須になります。 アプリの申請時には何が必要なの？ 次の情報が必要になるので事前に準備しておきましょう。 アプリ名
国土交通省のデータを使って、緯度経度から市区町村までを取り出す - Qiita
FrogApps 技術ブログ始めました！ RailsやiOS、HTML5の情報を発信中!! → http://qiita.com/teams/frogapps ここ数年、位置情報を使ったアプリ・サービスが増えましたが、GPSから取得出来る緯度経度だけではデータとして使いにくい事があります。 GoogleのGeocodingサービスなどで、緯度経度から住所への変換ができますが、件数や速度の問題があります。 そこで、国土交通省のデータを元に、緯度経度から住所への変換を行ってみましょう。 国土数値情報ダウンロードサービス http://nlftp.mlit.go.jp/ksj/gml/datalist/KsjTmplt-N03.html から全都道府県を選択。最新の情報を全都道府県分選択します。 PostGISのセットアップ http://trac.osgeo.org/postgis/wiki/
ScaleOut | Supership
2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。本件に関する詳細は、プレスリリースをご確認ください。 2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。 本件に関する詳細は、プレスリリースをご確認ください。
Expert led courses for front-end web developers.
Fresh Course Domain Data Modeling using TypeScript Aliases, Brand Types and Value Objects
The Opa Language
1. One Language to Rule Them All Write simultaneously the frontend and backend code, in the same language, within the same module. Even better: the Opa Slicer automates the calls between client and server. No more manually written AJAX calls or value serialization! And when auto is not enough, add hints to the code to enforce client or server-side, privacy, synchronous or asynchronous.
floatを解除する手法のclearfix と 次世代のレイアウトの話
floatを解除する手法のclearfix と 次世代のレイアウトの話 2013-06-20 / 2013-06-30 2011年にclearfixについて記事を書きましたが、Micro clearfixなどの新しい手法も出てきました。 記事を書いてから2年が経ち、色々思うところも出てきたので、改めてclearfixについて書きます。 floatを解除するには CSSでレイアウトの構築を行う際に、よくfloatプロパティが用いられます。 しかしfloatを使用すると、「親の背景が表示されない」「下の段のレイアウトが崩れる」などのトラブルが起こりやすくなります。 floatプロパティの特性 親の背景が表示されない理由は、floatプロパティを指定しているボックスが浮動化し、通常のボックスのフローから外されることが原因です。 通常フローから外されたボックスは、親のボックスの高さを認識できなくな
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - jrodl3r/h5bp-codekit
Popular UIs | Free PSDs of popular Web Interfaces
React
The Cicada Principle and Why It Matters to Web Designers » HTML & CSS, Layout » Design Festival
Functional JavaScript
Erato – Markdown Editor for Mac by Nine Muses
skrollr - parallax scrolling for the masses
T-Shirt Printing & Fulfillment | DTG, Sublimation & Screen Printing