A tutorial about creating card deck style dropdown by using CSS3 transitions and jQuery.
by via jQuery-Plugins.net RSS Feed
Wednesday, September 21, 2016
AtoZ CSS Screencast: The Hover Pseudo Class
This screencast is a part of our AtoZ CSS Series. You can find other entries to the series here.
Hover is a pseudo class and can be used to style state.
The hover state is active when a user's mouse enters the bounding box of an element and is inactive when the user's mouse leaves it.
In this episode, we’ll look at the :hover pseudo-class on text links and cover some of the other link pseudo classes as well. We’ll also look at some of the downsides of hover and some workarounds for non-mouse users. Finally we’ll create a CSS dropdown menu triggered by hover and enhanced with jQuery for touch devices.
Continue reading %AtoZ CSS Screencast: The Hover Pseudo Class%
by Guy Routledge via SitePoint
This Week in Mobile Web Development (#126)
|
Chris Brandrick recommends
Peter Cooper recommends
Brian Rinaldi recommends
Holly Schinsky recommendsby via Mobile Web Weekly
4 Twitter Tools for Marketers
Looking to improve your Twitter marketing? Are you seeking tools to help you manage Twitter? In this article, you’ll discover four tools to help you build and maintain a successful Twitter presence. #1: Streamline Account Management With ManageFlitter ManageFlitter lets you manage multiple Twitter profiles more intelligently. You can sort your followers/following lists by a range [...]
This post 4 Twitter Tools for Marketers first appeared on .
- Your Guide to the Social Media Jungle
by Mehroz Khan via
The “Most Loved” One Page Websites in August – presented by Bluehost
Bluehost is the affordable hosting option to host your One Page website. Pricing starts at only $3.49/month where you can host your website with 100GB diskspace and bandwidth.
Next tier up is $5.95/month where you can have unlimited sites, disk space and bandwidth. They are very well established and have a huge support team 24-7. Learn more about Bluehost.
If you want to receive these “Most Loved” awards in your inbox each month, subscribe to our Inspiration Newsletter.
Below are 7 One Page websites we awarded “Most Loved” in August – hope you enjoy!
Designed by Few (Competition, Event)
Awesome horror-themed One Page website announcing the new ‘Designed by Few’ competition and party hosted by the ‘Made by Few’ conference. Readers often ask what it takes to crack our “Most Loved” award category – this is a great reference to that extra bit of effort that makes all the difference. To align with the gore theme – your cursor transforms into a bloody knife, eerie audio subtly starts to play as you scroll, being a design conference the desktop “murder scene” is of course a designer setup with blood smeared tools, great choice with the Neo-Noire heading font that aligns with bloody brush stokes/smears and the blood splatter form focus is a lovely touch. Lastly, the comp is hosted by the ‘Made by Few’ conference, their actual website is the screenshot seen within the intro desktop aerial shot. Bravo!
The Eight Arms 8-bit Games (Competition, Event)
To celebrate the 2016 Rio Olympics, the team from Eight Arms decided to make their own event called ‘The Eight Arms 8-bit Games’. The game is of course hosted online in a wonderfully fun One Page website that pays homage to the classic arcade games we grew to love. The execution is brilliant. Also nice little touch using a pixel font called ‘Press Start 2P‘:)
invstr (Competition, Event)
Impressive parallax scrolling in this slick One Pager for new finance app, ‘invstr’. Such a smart and lovely touch with the “Make Change” to “Take Charge” intro text transition. The long scrolling Single Page website also features the current Drop Shadow trend throughout the page.
Tilda Zero Block (Competition, Event)
Beautiful spacious landing page for a new website builder called ‘Zero Block’. The Single Page website features a dark color scheme with a neat intro demonstration on how it works. Best of all this very landing page was made with the application itself. Boom!
Jan Losert (Competition, Event)
Lovely One Page portfolio redesign that fills a large screen well for UI designer, Jan Losert. The Single Page website features a slick load animation, a super subtle parallax effect as you start to scroll and great use of whitespace with big clean typography. Make sure you resize your browser to see the attention to detail on mobile resolution – a completely different header design. Lastly, what a lovely touch with that custom 404 page with a different photo of himself. Great to see Jan stick to the One Page format since we featured him back in 2014!
Trump Cushion (Competition, Event)
Hilarious but seriously well executed One Pager selling an inflatable ‘Trump Cushion’ – yes a whoopee cushion with Donald Trump‘s face on it. The checkout process is slick and adapts perfectly from the biggest to smallest screens. Great to know 100% of the proceeds go to charity and the related Donald quotes (towards each charity) are such a nice touch to the whole concept. Well played to all involved.
Launch Website
Full Review
Sam Lord Flavin (Competition, Event)
Slick load transitions in this minimal One Pager for woodworker and photographer, Sam Lord Flavin. Lovely touch with the black and white full screen preloader revealing his name. The AJAX loading Single Page website also features lots of parallax scrolling as well as hover-sensitive parallax effects.
Hope you enjoyed these beautiful One Pagers from August! Big love to hosting provider Bluehost for sponsoring the round up:)
by Rob Hope via One Page Love
Zala Rob Kft.
Long scrolling One Pager showcasing the products by wood specialist, Zala Rob Kft. Nice touch with the reused wood contours throughout the design.
by Rob Hope via One Page Love
Bastille: Eye of the Stormers
by via Awwwards - Sites of the day
Subscribe to:
Posts (Atom)